上一版微信小程序 0.10.102800 带来了许多的变化，以至于我一度以为 WEPT 这个主打热更新的小工具没什么继续存在的必要了，然而尽管我看到了小程序团队对于完善开发工具的不懈努力，它的体验在很多方面还是不那么让我满意（经常性崩溃以及内存泄露）。

微信开发者工具支持刷新和重建的快捷键，所以我们可以发送一段 apple script 脚本来达到刷新/重建项目的效果，从而免去手工切换再使用快捷键的麻烦。例如：

matchit.vim 扩展了 vim 的 %，用于快速跳转到配对的标签（对编辑 html 有很大帮助）， 新版 vim 7.0 以上自带该插件 emmet.vim 快速编写 html 的神级插件，可支持 jsx xml.vim 快速编辑 html 和 xml 的插件，可支持 jsx html5.vim 为 html 文件提供 omnicomplete 函数 vim-easy-align 提供快速对齐操作符 vim-css-color...

有人说 Webpack 难用，原因是 sourcemap 有 7 种，本文就尝试解释下这些选项都是什么意思，不仅如此，本文还会分析如何用最好的姿势使用这些配置。

包含工具：git，ag，bash，vim 增强版 git grep --no-index --exclude-standard 支持搜索未加入版本控制但是忽略 gitignore 的文件 通过 sed awk 的处理让 git grep 支持显示列，后面会需要 {代码...} 保存为 grepprg 让 vim 使用 grepprg 做 grep {代码...} 让 vim 使用 ag 做 grep {代码...} 通过映射命令灵活切换 ag ...

今天把之前的移动端组件迁移到了 npm ，支持使用 webpack 或者 brwoserify 来构建。 介绍下常用组件，如果你喜欢轻量灵活的移动端解决方案不妨看看，如果是依赖框架开发的话，还是最好使用框架提供的功能。 tap-event 正确的 tap event component-tap 支持 unbind 的 tap，但是没有函数不能代理事件 component-raf 兼容...

代码智能感知一直被各种 IDE 工具所津津乐道，基于智能感知我们可以实现一些极大提高开发效率的事： 方法、变量名智能补全 点击跳转到定义处 参数返回值类型提示 变量重命名 Tern 是一个完全开源免费的javascript解析引擎，同时它也为很多文本编辑都提供了 插件，它不止能实现上面那些功能，而且还内置了 node文档 和 md...

webpack 提供了 webpack-dev-server 可以实现高效的页面自动刷新，但是这个 server 有一点局限性： 虽然可以做为 server 中间件使用，但本身不提供其它资源的静态服务 对于打包文件以外的变化它是无知的，也就无法去刷新 如果是自己的页面需要引入 script，修改配置 entry，自己另外提供文件服务，步骤繁琐 现在假设我们...

有质量的代码是要有代码测试来保证的，本文就大致谈谈现在我们是如何实现使用es6甚至es7（async/await）标准的JS代码的高效测试的。

奥冲监视的wa字符串，中间显示蓝量百分比 蓝高于86%或者奥冲cd小于15s显示 dG0GeaqEq16HOY(j1ggH0LermkcvNIqzvIqmlqOLfrv7sKYVebzyqYXGultv6zIkttu01OeBdK6BIKACGKZjknprqDpLk2NiGdQu1cPKEiiQlQsSrrsojiyLqyMqKBcIStL4NIcdLqwQivpfzQeCvru9vrIU8isZvKWIaL2R0FjYGvvhwWIvQ0JPutwL6YO2SQ4Ze1OHOCAswTiqVweLzRIBRu2nu)MIHRO...

Element.prototype.dataset 只能通过 getAttribute 和 setAttribute 获取设置 data-*属性 Can I use

合适的动画不仅更能吸引人们的眼球，也能让你的应用体验更为流畅，而将动画的效果做到极致，才能让用户感到使用你的应用是一种享受，而不是觉得生硬和枯燥。本文旨在探讨各种前端动画效果实现方式的异同，具体应用中如何实现，以及实现的效果还得根据自身的情况进行考量。

假设有个弹出层，上面有个关闭的按钮支持 touchend 触发后关闭，若正好下方有个元素支持 click 事件，在弹出层关闭后将会在下方元素触发 click 事件。这种效果肯定不是我们需要的，而且我们无法确定合适会在上方出现一个支持 touch 的弹出层，所以我认为最好的处理方式是禁用所有元素的 click 事件，相比 click 需要长达...

最开始我的方法是使用二维码，但是这种方案流程过于繁琐，要生成url，打开浏览器，然后打开扫码工具对准图片扫码打开。后来的办法是 imessage 发送 url 到手机上再点击链接打开，这种办法会快一点，但还是没有办法支持webview。

这篇文章的目标是帮助大家快速上手grunt，适用的grunt版本为0.4.x，本文只是大致介绍,如果想做深入了解请阅读grunt官方文档。 安装grunt命令行工具 首先确保你的node版本在0.8以上(暂时不建议适用0.10.0)，命令： {代码...} 然后安装grunt命令行工具grunt-cli {代码...} 可能需要前面加上sudo（例如 OSX, *nix）。 如果...

做为新泽西风格的追随者，我们追求设计最简化，最大限度减少任何冗余的设计负担。 因为我们的开发基于 component，所以这里要谈的部分内容多数只适用于使用 Component 的模块化开发。 项目结构 扁平化，项目直接使用的模块都在client文件夹下面，远程模块都在components文件夹下面。示例如下： 每个页面一个文件夹，如果...

从 jQuery 的一统江湖再到 Angular 的异常火爆，我们可以看到工程师们对于开发效率孜孜不倦的追求，大家都渴望着能够快速从这个充满纷争的互联网时代脱颖而出。尽管说“天下武功，唯快不破”，但是我们不该忘记一个事实，那就是一个长期产品的维护成本要远远高于开发的成本。相比与单纯的代码量的减少，良好的整体设计更应...

介绍一下做为前端开发的我常用的命令行工具，node包，以及前端类库。说是Linux安装脚本，其实只适用于Debain（Ubuntu）系列, 因为我现在基本上只用Ubuntu，而且我也不喜欢把事情搞太复杂。

非常喜欢Mac简约实用的设计风格，再配上Retina显示屏，设觉体验大大提升了，不过对于习惯Linux命令行的 人来说还是有必要再做些设置。

相比与那些看上去很高明、很完善的玩具，我更喜欢那些简单的、笨笨的工具，哪怕它们看上去需要更多时间去学习，因为我清楚，它们才能最终让我更高效。

通过github默认构建工具生成的博客功能还是非常单薄的，所以就需要做点后期工作添加一些常见的功能，例如：搜索、评论、订阅和归档页面。 构建工具 写了一个简单的Makefile来做自动构建的工作： {代码...} 这样我在vim调用:make命令就完成压缩合并资源文件和本地部署文件的任务了。 图标 使用了One div上面的几个css样式...

各种插件资源文件分散到不同的文件夹里，合并优化根本无从谈起，因为你很难搞清楚它们的依赖。要知道网站的加载速度可比那些乱七八糟的插件功能重要的多！

component 是javascript大牛TJ 的又一力作，有别于那些大型javascript开发库，component本身其实只是一个基于CommmonJS module/1.0 规范（同Node.js一样）的模块化管理工具，类似于Node.js 里面的npm工具，特别之处是它使用github做为代码托管工具，还有大部分常用的组件都不支持ie6和ie7。

co 是TJ Holowaychuk基于ECMAScript 6 generator 特性开发的一个用于简化异步开发的模块。如果你想尝试使用，请先升级node到0.11版本（不稳定分支）并启用--harmony-generators选项，或者使用gnode。co的基本使用方法很简单：

html5 在 history 对象上添加几个新的方法、事件、属性，用以增强开发者对于浏览器历史记录的控制。大体上说，新的API可以帮助我们在无刷新的情况下改变浏览器的url，新增或者替换之前的历史记录。建议先看看这个示例, 具体的文档推荐参考MDN。

JSHint本身是个命令行工具，它提供了灵活了的选项设置方式，不过如果你要使用那种毫无节操的内置JSHint的IDE（例如IntellJ）的话，就只能选择一些有限的选项，然后终日忍受那满屏幕都是红黄错误警告了。JSHint的选项大体可以分三种：

我来说说自己使用自动刷新页面的几种情况，如果是 node 项目我会使用自己做的模块，一个是 koajs 的中间件 koa-liveload，另一个是 connect 的中间件 liveload，在 express 项目里面使用。