彼岸花在开

摘要： 实时监听文本框值变化是非常常见的功能，通常最简单的办法就是用keyup,keydown来实现，但是这种方法有两个问题，一个是当直接复制粘贴的时候没法监听到事件，另外一个问题是在移动端，使用删除键删除输入时候也无法监听到！解决办法：1、使用onchange事件onchange事件是文本框内容改变并失去... 阅读全文

摘要： 之前写过但是不记得在哪了，今天同事要一个滑到页面底部加载更多内容的效果，又想起了这玩意儿，确实挺实用和常用的，谨此记之。函数节流从字面上的意思就是节约函数的执行次数，其实现的主要思想是通过定时器阻断函数的连续执行，尤其适合用在频繁操作，比如window的resize和scroll事件等。window... 阅读全文

摘要： web app不比PC，有性能和流量方面的考虑，离线应用越来越重要，虽然浏览器有缓存机制，但是时常不靠谱，更何况普通情况下html文件是没法缓存的，断网之后一切over。什么是manifest?简单来说manifest能让你的应用在无网的情况下也能访问。它有三大优势：1、离线浏览，无网情况下也能正常... 阅读全文

摘要： function getsupportedprop(proparray){ var root=document.documentElement; //reference root element of document for (var i=0; i<proparray.length; ... 阅读全文

摘要： 先说说故事发生的场景，举个栗子如下图：A是遮罩层，B是正常的DOM，C是B上的某个元素，这里是链接。场景是点击A的时候A消失，结果点到了C，页面发生了跳转，这显然不是咱想要的~下面我们来监测点击事件：var div1 = document.getElementById("div1");var div... 阅读全文

摘要： 问题场景：web是嵌入到手机客户端中的静态页面，为了统计用户行为需要引入ga，但是ga必须是在www下才行，哪怕是localhost，这就是矛盾。解决方案是在页面中使用iframe,iframe是在另外一个域名下的，然后在iframe中调用ga方法。很显然必须要解决iframe的跨域通信。var f... 阅读全文

摘要： //参数说明：num 要格式化的数字 n 保留小数位var formatNum = function(num,n) { num = String(num.toFixed(n)); var re = /(-?\d+)(\d{3})/; while(re.test(num)) num ... 阅读全文

摘要： 前端优化是尽量减少http请求，所以我们需要尽量合并压缩文件，然后调用压缩后的文件，比如多个css文件压缩成一个，多个js文件合并压缩等，usemin能够自动在html中使用压缩后的文件，达到上面的目的。上图是完整打包后的文件目录，原始目录是assets,打包发布的文件是dist.gruntfile... 阅读全文

摘要： 做移动web开发免不了用微信扫描页面来进行调试，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都... 阅读全文

摘要： 函数绑定(Function binding)很有可能是你在开始使用JavaScript时最少关注的一点，但是当你意识到你需要一个解决方案来解决如何在另一个函数中保持this上下文的时候，你真正需要的其实就是 Function.prototype.bind()，只是你有可能仍然没有意识到这点。第一次遇... 阅读全文