![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 74
sfkong31893189
很希望和大家认识
展开
-
js在不同浏览器中复制代码的实现
最近在写一个复制相关代码到剪贴板的功能! 如果只是IE浏览器的话,可以利用window.clipboardData这个对象,相关js代码: window.clipboardData.clearData(); var couponResult = window.clipboardData.setData("couponResult", couponResultH...原创 2011-04-20 14:43:06 · 265 阅读 · 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 · 550 阅读 · 0 评论 -
JavaScript 图片的上传前预览(兼容所有浏览器)
功能描述 通过 JavaScript 实现图片的本地预览(无需上传至服务器),兼容所有浏览器(IE6&IE6+、Chrome、Firefox)。 效果示例 实现要点● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransfor...原创 2012-10-11 09:17:29 · 355 阅读 · 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 · 178 阅读 · 0 评论 -
javaScript的性能优化
随着网络的发展,网速和机器速度的提高,越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解释型语言,所以能无法达到和C/Java之类的水平,限制了它能在客户端所做的事情,为了能改进他的性能,我想基于我以前给JavaScript做过的很多测试来谈谈自己的经验,希望能帮助大家改进自己的JavaScript脚本性能。语言层次方面 循环 循环是...原创 2014-01-17 14:05:22 · 99 阅读 · 0 评论 -
seajs打包部署工具spm的使用总结
相信使用seajs的好处大家都是知道的,接触seajs好像是在半年前,当时还不知道页面阻塞问题,这里不带多余的话了。seajs实现了模块化的开发,一个网站如果分了很多很多模块的话,等开发完成了,发现有很大一堆的js需要加载,即使使用了seajs优化加载 了,但是过多的http请求会造成服务器的压力,影响加载等等。这时候我们需要将模块进行压缩和合并。这时候spm工具派上用场了。1.安装spm...原创 2014-06-30 14:22:53 · 153 阅读 · 0 评论 -
利用html5进行城市定位!aqi指数的获取
<html><head><meta charset="utf-8"><meta name="viewport" content="width=320, initial-scale=1.0,maximum-scale=1.0, user-scalable=0"> <meta name="apple原创 2014-07-08 17:52:59 · 1442 阅读 · 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 · 635 阅读 · 0 评论 -
简单入门-JavaScript正则表达式
什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;复制代码第二种方法:var reg = new RegExp('pattern');复制代码正则表达式的exec方法简介语法:...原创 2015-03-23 14:19:42 · 147 阅读 · 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 · 176 阅读 · 0 评论 -
简单数字键盘
好久没有写博客了,最近有个需求关于数字键盘的,找了下网上的感觉有点重,太复杂!自己随手写了个符合自己需求的比较简单的,分享一下!希望大家指正number.spiner.js/** * 公共js方法 */;(function(win){ var NumberSpiner={ init:function(obj,type){ var that=thi...原创 2017-07-12 11:20:17 · 211 阅读 · 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 · 326 阅读 · 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 · 261 阅读 · 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 · 288 阅读 · 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 · 640 阅读 · 0 评论 -
透明背景的实现
[code="HTML"] 温馨提示 关闭 失效后此优惠券将不能继续领取,但不影响已领取的优惠券的使用,请你及时删除推广页面的的代码,确认要失效此优惠券吗? 确 定取 消 温馨提示:请将以下代码复制并粘贴到你需要的页面 ...原创 2011-05-06 15:01:49 · 96 阅读 · 0 评论 -
触屏中的JavaScript事件
一、触摸事件ontouchstartontouchmoveontouchendontouchcancel目前移动端浏览器均支持这4个触摸事件,包括IE。由于触屏也支持MouseEvent,因此他们的顺序是需要注意的:touchstart → mouseover → mousemove → mousedown → mouseup → click1 /*** onTouchEvent*/var div...原创 2012-01-06 21:40:54 · 220 阅读 · 0 评论 -
jquery,jquery ui dialog jquery boxy几个较好用的jquery弹出框插件!
1.jquery.ui.dialog官方地址 http://jqueryui.net/dialog/jquery.ui.dialog是一个非常灵活的模式框,它的官方地址为: http://docs.jquery.com/UI/Dialog API 2. 文件引用 要使用jquery.ui.dialog,需要引用两个文件,1个是js,另...原创 2011-12-02 22:20:31 · 136 阅读 · 0 评论 -
觉得比较好的相关JS验证正则
//电子邮件 "^([a-z0-9A-Z]+[-|\\.]?)+[a-z0-9A-Z]@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-zA-Z]{2,}$"; "^[0-9a-z][a-z0-9\._-]{1,}@[a-z0-9-]{1,}[a-z0-9]\.[a-z\.]{1,}[a-z]$" /* 电话号码"^(13[4,...原创 2011-12-03 17:22:00 · 171 阅读 · 0 评论 -
iScroll 左右滑动的时候,阻止上下滑动e.preventDefault()
scroll.js 触屏手机 滚动效果代码库!很不错的一个框架!不过此框架会阻止浏览器的默认行为,如左右滑动的时候,这个时候会阻止上下滑动这样对很多文章内容页相对较长的页面显然不适用,修改如下1:在onBeforeScrollStart: function (e) { e.preventDefault(); }, 修改为onBeforeScrollStart: null,2:...原创 2012-06-29 15:54:27 · 869 阅读 · 0 评论 -
客户端元素滑动和滚动效果实现
最近一直在搞一些有关元素动态展示的功能,这么做是为了增加用户的体验,使得客户端更加的具有和用户之间的交互作用;下面是我这篇文章的大纲:1,介绍两种插件,实现元素轮番展示和拖动元素滑动的效果;2,插件参数的介绍;3,扩展功能的提出和实现;4,一些悬而未解的问题,写在最后希望高手指点迷津,经验交流,小生不胜感激!进入正题:(1)为大家介绍两款插件,使用起来比较简单,要...原创 2012-06-29 15:55:32 · 163 阅读 · 0 评论 -
iScroll框架的修改
最近做的一个项目,用到了iScroll框架,在使用过程中遇到了一些问题,通过修改iScroll框架得以解决,如下增加自定义滑动宽度iScroll框架默认滑动的宽度为当前获取对象的宽度,当在形如400px宽的对象里有4张图片,我们每次只希望滑动100px的宽度暨一张图片,做如下修改:1.在that.options里增加一个配置项getScrollW : “”,这里默认为空2.在...原创 2012-06-29 16:05:41 · 105 阅读 · 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 · 105 阅读 · 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 · 251 阅读 · 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 · 214 阅读 · 0 评论 -
百度地图API文档
sdfsfsdf原创 2012-11-13 18:31:32 · 120 阅读 · 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 · 350 阅读 · 0 评论