javascript
文章平均质量分 74
sfkong31893189
很希望和大家认识
展开
-
触屏中的JavaScript事件
一、触摸事件ontouchstartontouchmoveontouchendontouchcancel目前移动端浏览器均支持这4个触摸事件,包括IE。由于触屏也支持MouseEvent,因此他们的顺序是需要注意的:touchstart → mouseover → mousemove → mousedown → mouseup → click1 /*** onTouchEvent*/var div...原创 2012-01-06 21:40:54 · 241 阅读 · 0 评论 -
秒杀倒计时控件
/** * User: yongwang * Date: 12-01-17 * Time: 上午9:54 */define(function(require,exports,module){ require("../../common/utils"); var Detail=require("./detail"); var PatList=require("./...原创 2014-01-17 11:20:40 · 193 阅读 · 0 评论 -
javaScript的性能优化
随着网络的发展,网速和机器速度的提高,越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解释型语言,所以能无法达到和C/Java之类的水平,限制了它能在客户端所做的事情,为了能改进他的性能,我想基于我以前给JavaScript做过的很多测试来谈谈自己的经验,希望能帮助大家改进自己的JavaScript脚本性能。语言层次方面 循环 循环是...原创 2014-01-17 14:05:22 · 115 阅读 · 0 评论 -
Fxtpl v1.0 繁星前端模板引擎(非原创)
Fxtpl全新的JS模板引擎Download this project as a .zip fileDownload this project as a tar.gz fileFxtpl v1.0 繁星前端模板引擎极速,简洁,高效,轻量级,直接在html中嵌入模板特点Fxtpl可以直接在html中嵌入模板,无需编写script标签模板再innerHTML插入...原创 2014-08-18 13:48:38 · 649 阅读 · 0 评论 -
简单入门-JavaScript正则表达式
什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;复制代码第二种方法:var reg = new RegExp('pattern');复制代码正则表达式的exec方法简介语法:...原创 2015-03-23 14:19:42 · 162 阅读 · 0 评论 -
简化的原生ajax
/* * * path: seaAjax.js * author: eric_wang * date: 2014/10/22 */ define(function(require,exports,module){ var handpay=handpay||{"version":"v.1.0.0"}; /** * @names...2015-03-23 14:25:06 · 185 阅读 · 0 评论 -
简单数字键盘
好久没有写博客了,最近有个需求关于数字键盘的,找了下网上的感觉有点重,太复杂!自己随手写了个符合自己需求的比较简单的,分享一下!希望大家指正number.spiner.js/** * 公共js方法 */;(function(win){ var NumberSpiner={ init:function(obj,type){ var that=thi...原创 2017-07-12 11:20:17 · 224 阅读 · 0 评论 -
简单的toast提示,确认弹窗,显示图片预览插件
JS/*** team777 dialog plugins* author eric* created 2016.1.21**/(function(win){ 'use strict'; var Team777Dialog={ /** * demo : toast("上传成功!"); toast({close:fa...2017-07-12 11:29:49 · 853 阅读 · 0 评论 -
简单上传文件插件
team777.upload.js js: ;(function(win){ 'use strict'; var Team777Upload={ fileUpload:function(){ var options={ title:"图片上传",//窗口标题 //msg:"config消息提示窗!", //消息提示消息 actio...原创 2017-07-12 11:46:21 · 339 阅读 · 0 评论 -
JavaScript 图片的上传前预览(兼容所有浏览器)
功能描述 通过 JavaScript 实现图片的本地预览(无需上传至服务器),兼容所有浏览器(IE6&IE6+、Chrome、Firefox)。 效果示例 实现要点● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransfor...原创 2012-10-11 09:17:29 · 365 阅读 · 0 评论 -
Nginx 下缓存静态文件(如css js)(转)
目的:缓存nginx服务器的静态文件。如css,js,htm,html,jpg,gif,png,flv,swf,这些文件都不是经常更新。便于缓存以减轻服务器的压力。 实现: nginxproxy_cache可以将用户的请缓存到本地一个目录,当下一个请求时可以直接调取缓存文件,就不用去后端服务器去取文件了。 配置: 打开配置文件/etc/nginx/nginx.confuser www...原创 2013-05-31 13:48:49 · 573 阅读 · 0 评论 -
实现局部图片的懒加载
此方式适用和iscroll结合使用,若用于普通加载,可以使用jquery.lazy插件,当时是因为上面领导需要纯js的代码,所以不得不放弃强大的jquery!iscroll适用于高端手机浏览器,不适用于ie !若要用请参考原作者博客:http://www.cnblogs.com/cloudgamer/archive/2010/03/03/ImagesLazyLoad.html ...原创 2012-08-31 14:52:16 · 274 阅读 · 0 评论 -
iScroll 左右滑动的时候,阻止上下滑动e.preventDefault()
scroll.js 触屏手机 滚动效果代码库!很不错的一个框架!不过此框架会阻止浏览器的默认行为,如左右滑动的时候,这个时候会阻止上下滑动这样对很多文章内容页相对较长的页面显然不适用,修改如下1:在onBeforeScrollStart: function (e) { e.preventDefault(); }, 修改为onBeforeScrollStart: null,2:...原创 2012-06-29 15:54:27 · 890 阅读 · 0 评论 -
客户端元素滑动和滚动效果实现
最近一直在搞一些有关元素动态展示的功能,这么做是为了增加用户的体验,使得客户端更加的具有和用户之间的交互作用;下面是我这篇文章的大纲:1,介绍两种插件,实现元素轮番展示和拖动元素滑动的效果;2,插件参数的介绍;3,扩展功能的提出和实现;4,一些悬而未解的问题,写在最后希望高手指点迷津,经验交流,小生不胜感激!进入正题:(1)为大家介绍两款插件,使用起来比较简单,要...原创 2012-06-29 15:55:32 · 170 阅读 · 0 评论 -
iScroll框架的修改
最近做的一个项目,用到了iScroll框架,在使用过程中遇到了一些问题,通过修改iScroll框架得以解决,如下增加自定义滑动宽度iScroll框架默认滑动的宽度为当前获取对象的宽度,当在形如400px宽的对象里有4张图片,我们每次只希望滑动100px的宽度暨一张图片,做如下修改:1.在that.options里增加一个配置项getScrollW : “”,这里默认为空2.在...原创 2012-06-29 16:05:41 · 117 阅读 · 0 评论 -
js公用方法收集(不断更新中)
//公用方法 var VIM={}; VIM.common = { //转义特殊字符 char_cv:function(str){ if (str != ''){ str = str.replace(/</g,'&lt;'); str = str.replac...原创 2012-04-09 12:31:38 · 114 阅读 · 0 评论 -
eval函数解析json数据的小细节
关于json数据在客户端使用程度比较频繁,与服务器交互使用json数据可以大大减少通讯数量,免除像xml那样携带大量的标签信息。在java开发领域,用来生成json格式字符串的jar包有官方的org.json.jar和sourceforge的那个json-lib,个人觉得官方的使用简明易懂,可以将bean和collection之类对象解析成json的数据格式字符串。在服务器解析生成json是...原创 2012-04-13 17:05:18 · 266 阅读 · 0 评论 -
两种 js下载文件的方法
1 function DownURL(strRemoteURL,strLocalURL) { try { var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP"); xmlHTTP.open("Get",strRemoteURL,false); xmlHTTP.send(); var adodbStream=new ActiveXObj...原创 2012-04-13 22:07:11 · 227 阅读 · 0 评论 -
JS页面跳转和js对iframe进行页面跳转、刷新
一、JS方式的页面跳转1.window.location.href方式 <script language="javascript" type="text/javascript"> window.location.href="http://www.dayanmei.com/"; </script> 2.window.nav...原创 2012-04-17 10:48:24 · 674 阅读 · 0 评论 -
iscroll实现图片的循环滑动
<div class="gexian"></div><div style="margin:0 auto;"><div class="bgfont"><div><span class="meihong size20">99特惠</span&原创 2012-08-31 10:19:01 · 300 阅读 · 0 评论 -
简单倒计时模板插件
Countdown.js(function() { /*var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { ...原创 2017-07-12 12:01:22 · 367 阅读 · 0 评论