摘要： webpack 的使用越来越广泛，但其中不乏很多鲜为人知的细节设置，甚至很多人会认为这是 webpack 的 bug。这次，我们就来聊一聊 webpack.optimize.CommonsChunkPlugin。 这个 plugin 我相信几乎90%的用 webpack 的都用了这个，但我同样相信几 阅读全文

摘要： 在用户目录下新建一个.bashrc配置文件```bashalias bs='browser-sync start --server --files "**/*.*" --reload-debounce'```就像上面这样 阅读全文

摘要： 我也没有想到，某一天，我居然和legend标签纠结起来了。我在codepen上写了一个原始demo:http://codepen.io/myqianlan/pen/RPaxGJ可以看到,legend右对齐了，但是margin-right却木有生效！why? why? why?真是百思不得其解，于是进... 阅读全文

摘要： 在以jQuery为基础库的前端开发体系中，经常会在一个页面上通过各种标识绑定许许多多的事件。就算简单的使用了事件代理，也还是造成了事件的分散，不好维护和管理。那么，如何解决这个问题呢？而我，想到了backbone中的events。如下:```javascriptevents: { "click... 阅读全文

摘要： 今天，在看jquery.validate插件源码的时候，发现了这么一句话。源码第35到36行：```javascript// Add novalidate tag if HTML5.this.attr( "novalidate", "novalidate" );```注释已经说的很清楚了，但是由于我... 阅读全文

摘要： AOP全称为Aspect Oriented Programming，即面向切面编程。AOP可以对业务逻辑的各个部分进行隔离，从而使得业务逻辑各部分之间的耦合度降低，提高程序的可重用性，同时提高了开发的效率。推荐两篇关于这个的博文：http://www.ibm.com/developerworks/c... 阅读全文

摘要： 低端古旧的浏览器一直是前端开发者心中抹不去的一份伤痛。我们要做的只是让后人可以尽可能的肆意妄为。```html 点击关闭提示 您使用的浏览器 版本过低 ，请 升级您的浏览器 以获得更好的体验。 ... 阅读全文

摘要： 官网：http://olado.github.io官网上面有详细的使用文档。这里我仅仅记录将其如何改为jQuery插件。```javascript$.extend({tmpl: function(template, data){ return doT.template(template... 阅读全文

摘要： 因为最近在做一个图片布局的东西，采用的是浮动方式（PS:经过查资料后，结论是浮动布局性能没有绝对定位高。有哪位大神可以详细说说么？）好像歪楼了，回归正题。##问题出现背景：因为图片布局需要比较精确的宽度数据，用来对图片进行处理。直接在resize的时候使用元素的offsetWidth来获取宽度数据。... 阅读全文

摘要： 这是一个jQuery插件，功能简单，专注一件事，也想在后面做好一件事。这种布局要求是同行高度相等，每行刚好容器宽，而且图片按比例缩放。经过一番折腾，并且参考了360和百度图片的布局，最终简单做出了这个DEMO。后期肯定还有许多根据业务需要修正的地方，不过还在实现方式比较简单易懂，也为以后重写奠定了基... 阅读全文