原文链接：JavaScript Profiling With The Chrome Developer Tools
现在，让我们来让你的网站跑得更快，网站性能通常包括两个方面：页面加载速度和脚本执行速度，有很多方法可以让网站加载更快，例如，压缩文件和 CND 等，但是要让脚本执行更快就得靠开发人员自己了。
代码很小的改动就可能对性能产生巨大影响，不同位置的几行代码可能就意味着一个快的网站和产生可怕的“无响应脚本”对话框的网站之间的区别。本文展示了使用 Chrome 开发工具来找到这些性能关键点代码的一些方法。
建立基准线 ##
我们来看一个简单的颜色排序应用，这个应用展示了一个由各种颜色构成的网格，您可以拖放任意一个颜色点来
继续阅读 »
开发上需要用到一些个性化的数字字体，很自然地想到Google Web Font，但是....
使用
选择需要的字体名称
在加上以下代码
3. 在CSS中就可以使用此字体了
继续阅读 »
有人说过程序员和码农的本质区别就是程序员会不断探索提高生产力的方法。思维模式的转变是提高生产力的最好方式，但打磨我们的工具也是十分有意义的事，本文将从开发环境，自动化开发，开发工具等几个方面针对前端开发效率的提升和代码质量的提高来展开讨论。
每件事都是一个程序，开发也像程序一样，每个步骤都是一段代码，当开发规模随着文档、代码、需求而增加时，重复的步骤变得越来越多。此时，如果可以像抽象代码一样抽象出一些相同操作就可以大大提升开发效率。因此，出现了更多更优质的工具来代替人工做一些不断重复的开发以减少程序员的工作量。
继续阅读 »
阶段性地优雅地解决了这个问题！
前段时间因为印象笔记同步出错我不得不购买其高级版本来恢复历史，但是它随着内容增多日渐卡顿这一点令人愈发难以忍受，此外，不支持markdown也一直如鲠在喉，于是我决定再试试之前因为广告问题不愿多用的有道云笔记，竟然发现它非常流畅，支持多层级目录，支持markdown，界面优雅，这让印象笔记之于它就像IE之于Chrome，没办法，我想我只能选择Chrome。
但是有道云也有些小问题，一是markdown不支持直接使用本地图片，二是不支持公式渲染。总的来说，它的markdown编辑功能和Typora比起来简直是小巫见大巫。稍加探索，发现一个有趣的情况，就是有道云笔记新建的markdown笔记就是以同名
继续阅读 »
Entry.css
Entry.css是一个可配置的、更适合阅读的中文文章样式库，可以用来快速搭建中文博客主题或是用于项目文档的样式。
支持浏览器：IE 9+,Chrome 14+,Firefox 4+,Safari 5+,Opera 11+,Mobile Safari(iOS 5+)
项目地址：https://github.com/zmmbreeze/Entry.css
more
为什么要有Entry.css？
作为一个前端工程师，有时朋友会让你帮忙整一整他们博客文章或是项目文档的样式。有时我们在自己博客使用了一个非常漂亮的主题，应用到自己博客上时却变的很难看（因为原主题针对的是英文）。
虽然我自己对设计也是一窍不
继续阅读 »
啥都不说， 直接先来一张效果图......
小伙伴们，别急，咱们先来分析一下主要功能点：
图片预览
图片拖拽
图片缩放
图片裁剪
图片预览
图片预览的功能技术方案是将用户的图片文件转成Base64编码并设置到标签的src属性，获取图片文件的Base64编码需要通过HTML5的新特性FileReader，具体代码如下：
js
getImgBase64: function(imgFile, cb){
if(!window.FileReader){
alert('系统暂不支持针对你的浏览器的文件上传功能，建议使用最新版的Chrome！');
return false;
}
var reader =
继续阅读 »
原文连接：Writing Fast, Memory-Efficient JavaScript
许多 JavaScript 引擎都是为了快速执行的大型 JavaScript 应用程序设计而特别设计，如 Google V8 引擎（正被 Chrome 和 NodeJS 使用）。在开发过程中，如果你关心内存使用情况和页面性能，你应该了解户浏览器的 JavaScript 引擎的内部运作原理。
无论是V8、SpiderMonkey（Firefox）、Carakan（Opera）、Chakra（IE）或其他 JavaScript 引擎，了解引擎背后的一些运行机制可以帮助你更好地优化你的应用程序。但，这并不是说应该专门为某一浏览器或引擎进行
继续阅读 »
JS
写了有半年多js 了, 一开始会耍耍jQuery, 现在倒是不太喜欢了。
原因有这些：
1 写 jQuery 并不能提升 js 水平
2 太重，我之前给女朋友写webapp，在chrome环境里运行挺好的，换到她的手机上效果极差
继续阅读 »
由于个人经常重做系统（Windows：7、8、10，Linux：Ubuntu，Mac...），导致我不断找软件。but有时候忘记某个工具，导致现用现下载的问题，很浪费时间。
因此，我决定写这篇文章，分享给自己和那些即将入职刚配环境的同学们。
chrome
推荐理由：开发者必备浏览器 ， 目前全球使用最多的浏览器之一 ， 方便的插件管理系统 。
这里分享一下本人常用的插件：
红杏 ： 科学上网插件，浏览google，youtube，twitter，facebook等网站均很流畅。
Adblock Pro ：广告拦截，清除一些网站的垃圾广告。
Tabs Outliner ： 页签管理器，当你有几十个页签时，再也不怕看不到页面的标
继续阅读 »
Selenium a powerful suite of tools for web testing, but it’s dependent on browser (Firefox, IE, Chrome); and those browser need a displayer. As a console/command geek, it’s intolerable. After several days investigation, I’d like to introduce PyVirtualDisplay to run Selenium in a console with Python.
继续阅读 »