tanglong8848
tanglong8848

JS拖曳翻页

<html>
<head>
<title>翻页Web开发</a></title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<style>
body{
 border:0px;
 margin:0px;
 overflow:hidden;
 background-color:transparent;
 font-family:宋体;
}
.page{
 position:absolute;
 width:700px;
 border:1px solid #999;
 background-color:#000;
 left:425px;
 margin-left:-350px;
 cursor:default;
 z-index:0;
}
ul{
 height:320px;
 list-style:none;
 margin:40px 50px 0px;
 padding:0px;
}
li{
 width:100%;
 height:30px;
 line-height:30px;
 font-size:14px;
 text-align:left;
 border-bottom:1px dashed #999;
}
a{
 text-decoration:none;
 color:#999;
}
a:hover{
 font-weight:bold;
}
li span{
 float:right;
 color:#999;
}
.tip{
 display:block;
 width:100%;
 font-size:12px;
 color:#999;
 text-align:center;
 margin:10px 0px 20px;
}
</style>
</head>
<body onselectstart="return false;">
<script>
function id(obj){
 return document.getElementById(obj);
}
var page;
var lm,mx;
var md=false;
var sh=0;
var en=false;
window.onload=function(){
 page=document.getElementsByTagName("div");
 if(page.length>0){
  page[0].style.zIndex=2;
 }
 for(i=0;i<page.length;i++){
  page[i].className="page";
  page[i].innerHTML+="<span class=tip>第 "+(i+1)+"/"+page.length+" 页 提示：左右拖拽翻页</span>";
  page[i].id="page"+i;
  page[i].i=i;
  page[i].onmousedown=function(e){
   if(!en){
    if(!e){e=e||window.event;}
    lm=this.offsetLeft;
    mx=(e.pageX)?e.pageX:e.x;
    this.style.cursor="w-resize";
    md=true;
    if(document.all){
     this.setCapture();
    }else{
     window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
    }
   }
  }
  page[i].onmousemove=function(e){
   if(md){
    en=true;
    if(!e){e=e||window.event;}
    var ex=(e.pageX)?e.pageX:e.x;
    this.style.left=ex-(mx-lm)+350;
    
    
    
    
    if(this.offsetLeft<75){
     var cu=(this.i==0)?page.length-1:this.i-1;
     page[sh].style.zIndex=0;
     page[cu].style.zIndex=1;
     this.style.zIndex=2;
     sh=cu;
    }
    if(this.offsetLeft>75){
     var cu=(this.i==page.length-1)?0:this.i+1;
     page[sh].style.zIndex=0;
     page[cu].style.zIndex=1;
     this.style.zIndex=2;
     sh=cu;
    }
    
    
    
    
    
    
    
   }
  }
  page[i].onmouseup=function(){
   this.style.cursor="default";
   md=false;
   if(document.all){
    this.releaseCapture();
   }else{
    window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
   }
   flyout(this);
  }
 }
}
function flyout(obj){
 if(obj.offsetLeft<75){
  if(  (obj.offsetLeft + 350 - 20) > -275 ){
   obj.style.left=obj.offsetLeft + 350 - 20;
   window.setTimeout("flyout(id('"+obj.id+"'));",0);
  }else{
   obj.style.left=-275;
   obj.style.zIndex=0;
   flyin(id(obj.id));
  }
 }
 if(obj.offsetLeft>75){
  if(  (obj.offsetLeft + 350 + 20) < 1125 ){
   obj.style.left=obj.offsetLeft + 350 + 20;
   window.setTimeout("flyout(id('"+obj.id+"'));",0);
  }else{
   obj.style.left=1125;
   obj.style.zIndex=0;
   flyin(id(obj.id));
  }
 }
}
function flyin(obj){
 if(obj.offsetLeft<75){
  if(  (obj.offsetLeft + 350 + 20) < 425  ){
   obj.style.left=obj.offsetLeft + 350 + 20;
   window.setTimeout("flyin(id('"+obj.id+"'));",0);
  }else{
   obj.style.left=425;
   en=false;
  }
 }
 if(obj.offsetLeft>75){
  if(  (obj.offsetLeft + 350 - 20) > 425  ){
   obj.style.left=obj.offsetLeft + 350 - 20;
   window.setTimeout("flyin(id('"+obj.id+"'));",0);
  }else{
   obj.style.left=425;
   en=false;
  }
 }
}
</script>
<div>
 <ul>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">阿里西西</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">啊！停不住的爱人</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">宁静温泉</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">你的样子</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">恋曲1980</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">恋曲1990</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">恋曲2000</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">亚细亚的孤儿</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">伴侣</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">童年</a></li>
 </ul>
</div>
<div>
 <ul>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com"><a target="_blank" href="http://www.alixixi.com/" class="wordstyle">Web开发</a>之家</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">爱人同志</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">思念</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">母亲</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">是否</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">牧童</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">青春舞曲</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">蒲公英</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">未来的主人翁</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">如今才是唯一</a></li>
 </ul>
</div>
<div>
 <ul>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">Alixixi.com</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">弹唱词</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">飞车</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">东方之珠</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">滚滚红尘</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">光阴的故事</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">之乎者也</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">现象七十二变</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">乡愁四韵</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">穿过你的黑发我的手</a></li>
 </ul>
</div>
<div>
 <ul>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">欢迎访问阿里西西</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">歌</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">黄色面孔</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">台北红玫瑰</a></li>
  <li><span>2009-4-9 12:35</span><a href="http://www.alixixi.com">我所不能了解的事</a></li>
 </ul>
</div>
</body>
</html>


你可能感兴趣的:(js)

  • 纯前端全文检索的两种实现方案：ElasticLunr.js 和 libsearch 传而习乎 前端全文检索javascript
    纯前端全文检索的两种实现方案：ElasticLunr.js和libsearch在前端开发中，实现全文检索功能可以显著提升用户体验，尤其是在处理大量文本数据时。本文将介绍两种流行的纯前端全文检索方案：ElasticLunr.js和libsearch。这两种方案各有特点，适用于不同的场景。1.使用ElasticLunr.js实现纯前端全文检索方案特点基于Lunr.js的扩展：支持字段搜索、查询时加权和
  • harmonyOS（鸿蒙）— 网络权限（解决app网络资源无法加载，图片无法显示） chen.c. harmonyOS（鸿蒙）harmonyos华为
    harmonyOS系列harmonyOS（网络权限）一、问题梳理二、代码及图示一、问题梳理在鸿蒙app的开发里会有联网业务无法加载，图片无法显示的情况，多半是系统的网络权限没有申请，所以无法使用需要网络加载的资源，具体在项目的entry=>src=>main=>module.json5里面配置即可。二、代码及图示网络权限申请代码如果没有找到requestPermissions，则在extensio
  • 流媒体服务器如何让WebRTC支持H.265，同时又能支持Web js硬解码、软解码（MSE硬解、WASM软解） xiejiashu WEBRTCWebRTC支持H.265WebRTCH.265H.265WebRTCWebRTC265265WebRTC
    为了这一整套的解决方案，调研+研发整整花费了差不多半年多的时间，需达成的目标：流媒体服务器端不需要将H.265转码成H.264，就能让Chrome解码播放H.265；注意：现在很多市面上的软硬件通过转码H.265成H.264的方式来支持WebRTC，个人理解，这既费硬件又是技术的倒退！WebJS解码H.265在之前就WASM（WebAssembly）一种方式，但是后来Chrome支持了H.265的
  • 构建JSBridge鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例实现了简单的JSBridge，使H5和原生两侧可以互相调用对方的方法。构建JSBridge源码链接效果预览使用说明打开应用后，点击调用native按钮，实现原生方面调用H5方法，在后台打印数据。实现思路原生调H5invokeHandle(handleName:string,callbackName:string){try{this.webviewContro
  • responseType: “blob“导致不能获取查看后台返回的信息 不想上班只想要钱 前端vuejs前端javascript
    responseType:"blob"导致不能获取查看后台返回的信息constfileReader=newFileReader()fileReader.readAsText(newBlob([response.data],{type:'application/octet-stream'}),'utf-8')fileReader.onload=()=>{constresult=JSON.parse(
  • 【第1到23讲】 基于vue + spring boot学生宿舍管理系统（文末附项目完整源代码+万字文档） LuXi_foryou vue.jsspringboot前端
    基于vue+springboot学生宿舍管理1、环境准备1、安装node.js2、安装vue-cli3、安装vscode开发工具2、下载node.js浏览器打开https://nodejs.org/zh-cn/download/进入下载1.2点击【以往的版本】进入所示列表界面，选择自己所需要的版本进行下载安装3、vue-cli安装1.2.1检查node.js是否安装通过命令提示符，node-vnp
  • 【第24讲到第44讲】基于vue + spring boot学生宿舍管理系统 LuXi_foryou vue.jsspringbootjavascript
    第24讲菜单管理列表制作1、api下新建menu.jsimporthttpfrom'@/utils/http'exportconstgetMenuListApi=async()=>{returnawaithttp.get("/api/menu/list",null)}2、sysMenuList.vue新增import{getMenuListApi}from'@/api/menu'exportdef
  • Vue：其他指令 真der~啊 Vue2vue.js前端javascript
    Vue：其他指令2.13.1、v-textv-text指令用于将数据填充到标签体当中，并且是以覆盖的形式填充。与原生JS中的innerText功能类似，填充的内容中即使存在HTML标签也只是会当做一个普通的字符串处理，不会解析。例如：constvm=newVue({el:"#app",data:{message:"这是一段包含HTML标签的文本"}});在上述代码中，页面显示的将是这是一段包含HT
  • npm run dev原理 black^sugar npm前端node.js
    1、npmrundev会启动根目录下的package.json里的scripts字段指定的命令。所以执行npmrundev等同于执行vite（仅限于下图场景中）2、npm会到node_modules/.bin/目录下找到vite.sh，并执行该shell该shell文件如下#!/bin/sh#$0代表脚本自身的路径#dirname获取脚本所在的目录路径#sed-e's,\\,/,g'将路径中的\替
  • NodeJs中npm国内慢的问题解决 夏木炎 npm前端node.js
    方法一：更改npm配置文件：$npmconfigsetregistryhttp://registry.npm.taobao.orgURL即为需要设置的镜像站点地址，如淘宝镜像:http://registry.npm.taobao.org方法二：你可以使用淘宝NPM镜像定制的cnpm(gzip压缩支持)命令行工具代替默认的npm:$npminstall-gcnpm--registry=https:/
  • Node_文件上传&令牌 katsukichan Node
    信息获取来源EnoYao创建脚手架expresskatsuki-project（express名称）在katsuki-project目录下安装依赖包npminstall上传单文件项目在katsuki-project安装multer模块npminstallmulter--save目录中创建一个uploads文件夹，不创建运行也会自动创建项目结构publicjavascriptsjquery.jsup
  • 基于Spring接口，集成Caffeine+Redis两级缓存 码事通 springjavaspringboot
    在上一篇文章Redis+Caffeine两级缓存，让访问速度纵享丝滑中，我们介绍了3种整合Caffeine和Redis作为两级缓存使用的方法，虽然说能够实现功能，但实现手法还是太粗糙了，并且遗留了一些问题没有处理。本文将在上一篇的基础上，围绕两个方面进行进一步的改造：JSR107定义了缓存使用规范，spring中提供了基于这个规范的接口，所以我们可以直接使用spring中的接口进行Caffeine
  • express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统 鱼弦 前端expressbootstrap
    该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。下面是利用Express后端+Bootstrap前端+MongoDB数据库的代码示例，用于实现一个综合的学生管理系统：1.安装所需模块在终端中输入以下命令，安装所
  • Node.js、数据库、模块化、NPM、Axios chenjia525 node.js数据库npm
    一、初识Node.js1.基于chromev8引擎的js运行环境2.v8引擎：chrome的js解析引擎，C++开发,单线程，可独立运行3.运行环境：①类似虚拟机，提供js在服务端运行的环境②js工具库：扩展了js在服务端的功能二、环境安装1.Node.js必须先安装再使用--有很多版本2.安装方式：①下载包安装：添加到环境变量版本更新：重新下载安装②NVM：多版本切换3.查看是否安装成功：nod
  • 使用Vite创建Vue3项目 Asafoetida阿魏 vue.js前端
    为啥选vite创建，请看vite官网给出的解释，我只是一个不想记忆的咸鱼。使用npm搭建项目，要求Node.js版本>=14.18.0。1.报上名来创建：在命令行输入npm-v检查版本，然后根据版本做选择，真的很快！！！#npm6.x版本，使用这个npminitvite@latest--templatevue#npm7版本以上，要多加两条杠npminitvite@latest----templat
  • npm-npm init与npm init -y区别与作用(初始化一个新的node.js项目) 岂不闻 gitorvscodeornpmnodenvmnode.jsnode.jsnpm前端
    npminit和npminit-y都用于初始化一个新的node.js项目，创建package.json文件，文件包含项目的原数据，项目名称，版本，依赖包等。npminit：启动交互式的命令行工具，提示输入项目的各种信息，比如名称，版本，描述，入口文件，测试命令。根据输入相应的内容，使用回车键使用默认值npminit-y或npminit-yes：直接生成package.json文件，使用默认值填充信
  • Nodejs中npm i 与npm ci的区别 IT 老王 vue.js前端javascript
    在Node.js里，npmi（也就是npminstall）和npmci都是用来管理项目依赖的命令，但它们在功能和使用场景上存在差别，下面为你详细说明：1.npmi功能：它的主要功能是安装项目依赖，会依据项目根目录下的package.json文件来安装所有依赖包。要是项目里有package-lock.json或者npm-shrinkwrap.json文件，npmi会尽量依照这些文件里记录的版本来安装
  • 从零到一：如何系统化封装并发布 React 组件库到 npm 冬冬小圆帽 react.jsnpmrust
    1.项目初始化1.1创建项目首先，创建一个新的项目目录并初始化package.json文件。mkdirmy-component-librarycdmy-component-librarynpminit-y1.2安装依赖安装开发所需的依赖项，如构建工具、测试框架等。npminstall--save-devwebpackwebpack-clibabel-loader@babel/core@babel/
  • c#读取json某一节点数据_C#中怎么解析JSON数据，并获取到其中的值？ yiqin luo c#读取json某一节点数据
    【1】首先我们根据创建一个json字符转stringjson=@"[{'phantom':true,'id':'20130717001','data':{'MID':1019,'Name':'aaccccc','Des':'cc','Disable':'启用','Remark':'cccc'}}]";【2】首先我们根据创建一个json字符转我们根据字符串的数据结构定义两个类：publicclass
  • c#读取json某一节点数据_C#获取Json字符串中的某个值 鹿哥说 c#读取json某一节点数据
    问题描述：json数据格式{"resCode":0,"resMag":"aaa","data":[{"parkName":"B1停车场"，"freeSpaceNum":100}]}。第一方法：使用JavaScriptSerializerJavaScriptSerializerJss=newJavaScriptSerializer();DictionaryDicText=(Dictionary)Js
  • c#读取json某一节点数据,如何在C＃上从json读取数据 我是种草囤货菌 c#读取json某一节点数据
    IhavethefollowingjsonObjectthatIpasstomyc#server[{"ID":1,"FirstName":"Jay","LastName":"Smith"},{"ID":2,"FirstName":"Rich","LastName":"Son"},{"ID":3,"FirstName":"Emmy","LastName":"Wat"}]IcreateaClassli
  • 造价算量审图多元化融合软件开发实战：技术架构与核心代码解析 夏末之花 架构
    ——从BIM模型解析到AI智能审图的完整实现路径1.技术架构设计该软件需融合以下模块：BIM/CAD模型解析引擎（支持Revit/DWG文件一键导入）智能算量核心算法（基于规则引擎与机器学习）协同审图平台（多人实时标注与版本控制）AI辅助决策系统（材料价格预测、工程量误差检测）技术栈推荐：前端：Three.js（3D模型渲染）+React（协同界面）后端：Python（算量算法）+Java（业务逻
  • 在VScode中建立spring boot项目 创建失败解决措施（Failed to create a project.） 2521- vscodejava前端springboot
    1.当在搜索框中输入建立命令，版本号长时间不出现解决办法：因为用的是国外网站，访问速度较慢，需要替换成国内路径在扩展里查找下面这个插件点击设置，滑到最下面点击settings.json将最后的路径改为"https://start.springboot.io/"2.在已完成的springboot项目中，需要添加新的依赖，添加依赖后报错解决措施：打开pom.xml配置文件，由于新添加依赖，下载完依赖后
  • 教你如何免费获取股票数据用python、JavaScript (Node.js)、JAVA等多种语言的实例代码演示（实时数据、历史数据、CDMA、KDJ等指标数据）配有股票数据API接口说明文档说明 蝶澈乐乐 pythonjavascriptnode.js数据仓库金融
    近一两年来，股票量化分析逐渐受到广泛关注。而作为这一领域的初学者，首先需要面对的挑战就是如何获取全面且准确的股票数据。因为无论是实时交易数据、历史交易记录、财务数据还是基本面信息，这些数据都是我们进行量化分析时不可或缺的宝贵资源。我们的核心任务是从这些数据中挖掘出有价值的信息，为我们的投资策略提供有力的支持。在寻找数据的过程中，我尝试了多种途径，包括自编网易股票页面爬虫、申万行业数据爬虫，以及同花
  • Flink SQL 读取 Kafka 数据到 Mysql 实战 小技工丨 大数据技术学习flinksqlkafka
    Flink1.9.2SQL读取Kafka数据到Mysql实战案例需求通过Flinksql使用DDL的方式，实现读取kafka用户行为数据，对数据进行实时处理，根据时间分组，求PV和UV，然后输出到mysql中。1、kafka中的消息的格式数据以JSON格式编码，格式如下：{"user_id":1101,"item_id":1875,"category_id":456876,"behavior":"
  • c#如何直接获取json中的某个值 A_nanda c#基础c#json
    在C#中直接获取JSON中的某个值，通常可以通过以下方法实现（以Newtonsoft.Json和.NET内置的System.Text.Json为例）：方法1：使用System.Text.Json（.NET内置库）usingSystem.Text.Json;//示例JSON字符串stringjson=@"{""name"":""张三"",""age"":30,""address"":{""city"
  • 微信小程序项目页面的空 JSON 文件问题：Empty file is NOT a valid json file 我命由我12345 微信小程序微信小程序json小程序前端框架前端htmljavascript
    问题与处理策略问题描述在微信小程序项目中，报如下错误[miniprogram/pages/mine/mine.json.json文件错误]miniprogram/pages/mine/mine.json:EmptyfileisNOTavalidjsonfile(env:Windows,mp,1.06.2306020;lib:3.7.8)#翻译空文件不是有效的JSON文件问题原因错误表明mine.j
  • 如何搭建一个适配微信小程序，h5，app的工程 牛牪犇0 微信小程序小程序前端
    在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v二、创建项目2.安装VSCode从VSCode官网下载并安装适合你操作系统的版本。3.安装uni-app官方插件在VSCode中打开扩展视图（快捷键Ctrl+Shift+X），搜索“uni-app”
  • 微信小程序笔记 全局配置 pages、window、tabBar 炼丹的蜗牛@/" 微信小程序小程序
    关于全局配置可以在微信官方文档查到：全局配置在app.json中设置。一、pages略。二、windowwindow的部分属性如下：一般enablePullDownRefresh（是否开启全局的下拉刷新）不会在app.json中设置，除非所有的页面都有下拉刷新的功能。三、tabBartabBar的部分属性如下：注意，如果tabBar的list中如果没有路径"pages/index/index"，则
  • es6常用总结 shadouqi jses6前端ecmascript
    官方文档前言一些老版本浏览器对es6不识别，所以可以用babel去吧es6转化为es5，安装转化工具npminstall-gbabel-cli转化指定目录npxbabelsrc--out-dirlib或者可以在package.json的script中使用"build":"babelsrc--out-dirdist"新建.babelrc{"presets":["es2015"],"plugins":
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他