随笔分类 - JS
摘要：文件的hash指纹通常作为前端静态资源实现增量更新的方案之一，Webpack是目前最流行的开源编译工具之一，其强大的功能也带来很多坑（当然，大部分麻烦其实都可以在官方文档中找到答案）。 比如，在Webpack编译输出文件的配置过程中，如果需要为文件加入hash指纹，Webpack提供了两个配置项可供
阅读全文
摘要：移动端图片操作（一）——上传 上传我们一般都是用“input[type=file]”控件。当你用此控件时，你就授权了网页和服务器访问对应的文件，就可以得到File对象。 友情提示在，在Android手机webview中，是不支持上传文件的，网上说是修改Android端的代码，但我没试过，我们这边是使
阅读全文
摘要：/** * @description 扩展function的原型 * @function * @obj this的上下文 */if(!Function.prototype.bind){ Function.prototype.bind = function(obj){ var slice = []....
阅读全文
摘要：function openIos(url, callback) { if (!url) { return; } var node = document.createElement('iframe'); node.style.display = 'none'; ...
阅读全文
摘要：边function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replac...
阅读全文
摘要：function date2str(x,y) { var z ={y:x.getFullYear(), M:x.getMonth()+1, d:x.getDate(), h:x.getHours(), m:x.getMinutes(), s:x...
阅读全文
摘要：“服务器推”技术的应用传统模式的 Web 系统以客户端发出请求、服务器端响应的方式工作。这种方式并不能满足很多现实应用的需求，譬如：监控系统：后台硬件热插拔、LED、温度、电压发生变化；即时通信系统：其它用户登录、发送信息；即时报价系统：后台数据库内容发生变化；这些应用都需要服务器能实时地将更新的信...
阅读全文
摘要：/** * @description Mask 弹层 * @function * @name Mask * @param {Object} options 配置项 */var passport = passport || {}passport.page = passport.page || {};/...
阅读全文
摘要：function(str,num){ var len=str.length if(str.replace(/[\u4e00-\u9fbf]/g,'**').length num){ str = str.slice(0,len--) } re...
阅读全文
摘要：/** * @description Class 构造函数 * @function * @public */var Class = function(parent){ var Klass = function(){ this.init.apply(this,arguments) } /* @...
阅读全文
摘要：/** * josn化表单数据 * @name baidu.form.json * @function * @grammar baidu.form.json(form[, replacer]) * @param {HTMLFormElement} form 需要提交的表单元素 * @p...
阅读全文
摘要：组件： $.fn.layout = function(params){ return this.each(function(){ var options = $.extend({width:100,lineNum:3,defaultData:'had'},p...
阅读全文
摘要：javascript两行代码按指定格式输出日期时间，具体看代码：function date2str(x,y) { var z ={y:x.getFullYear(),M:x.getMonth()+1,d:x.getDate(),h:x.getHours(),m:x.getMinutes(),s:x.getSeconds()}; return y.replace(/(y+|M+|d+|h+|m+|s+)/g,function(v) {return ((v.length>1?"0":"")+eval('z.'+v.slice(-1)))
阅读全文
摘要：一、前言什么是模板引擎，说的简单点，就是一个字符串中有几个变量待定。比如：var tpl = 'Hei, my name is , and I\'m years old.';通过模板引擎函数把数据塞进去，var data = { "name": "Barret Lee", "age": "20"};var result = tplEngine(tpl, data);//Hei, my name is Barret Lee, and I'm 20 years old.那这玩意儿有什么作
阅读全文
摘要：将空格转换为加号（+）对0-9,a-z,A-Z之间的字符保持不变对于所有其他的字符，用这个字符的当前字符集编码在内存中的十六进制格式表示，并在每个字节前加上一个百分号（%）。如字符“+”用%2B表示，字符“=”用%3D表示，字符“&”用%26表示，每个中文字符在内存中占两个字节，字符“中”用%D6%D0表示，字符“国”用%B9%FA表示调对于空格也可以直接使用其十六进制编码方式，即用%20表示，而不是将它转换成加号（+）说明：如果确信URL串的特殊字符没有引起使用上的岐义或冲突你也可以对这些字符不进行编码，而是直接传递给服务器。例如，http://www.it315.org/dealr
阅读全文
摘要：今天见到了一个鼠标滚轮事件以前更多的是计算document.documentElement.scrollTop来判断用户是向上滚,还是向下滚鼠标的滚轮今天发现一个新事件,很少用if(window.addEventListener){ window.addEventListener('DOMMouseScroll',wheel,false)}window.onmousewheel = document.onmousewheel = wheelfunction wheel(event){ event = event ? event : window.event if(event.w
阅读全文
摘要：var dDom = document.getElementById('0blog') //获取到的对象复制给变量存起来。。var getDType = function(target,wrap){ //获取事件代理类型var dType;while(!(dType = target.getAttribute('delegate'))){ //如果没有delegate这个自定义属性，那么继续向父节点查找 target = target.parentNode; if(target == wrap){ //冒泡到了代理的对象节点上 break; } return d
阅读全文
摘要：事件发生时,会去捕捉鼠标的坐标,有段时间没关注了所以快忘了,今天要用,所以又去查了番资料,特记先来共同点吧:(把有浏览器都支持的)clientY:鼠标相对于可视区的位置,也就是浏览器滚动条此时滚到的位置为参考点screenY:相对于用户计算机屏幕左上角为参考点X轴同理再来点不同点的:pageY:是以页面左上角为参考点,不以滚动条滚动受影响(FF特有的)layerY:如果元素有相对或绝对定位属性的话,就以该元素的左上角为参考点,如果没有这些属性,就是页面左上角为参考点(FF)offsetY:是以元素内容区域为参考点,在border下面(IE特有的)IE中实现pageYvar doc = docu
阅读全文
摘要：IE: keyCode在keyup和keydown事件中返回按键的数字值,keyCode在keypress事件中返回字符值(必须是跟字符有关的,如果不是字符的话,则不返回任何值)DOM:keyCode在keyup和keydown事件中返回按键的数字值,keyCode在keypress事件中返回0(与字符相关的,与字符不相关的话,返回的还是数字值)DOM:charCode在keyup和keydown事件中返回0,keyCode在keypress事件中返回字符值(必须是跟字符有关的,如果不是字符的话,则返回0)
阅读全文
摘要：nodeName,nodeValue,nodeType的区别nodeName表示节点的名称:元素节点的nodeName返回的是标签名称(大写,例:DIV)//$('id').nodeName属性节点的nodeName返回的是属性名称//$('id').getNamedItem('id').nodeName文本节点的nodeName返回的是#text文档节点的nodeName返回的是#documentnodeValue表示节点的值元素节点的nodeValue返回的是null属性节点的nodeValue返回的是属性值文本节点的nodeValue返回的
阅读全文