每当问到VueJS响应式原理，大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter，当属性被访问或修改时通知变化”。然而，其内部深层的响应式原理可能很多人都没有完全理解，网络上关于其响应式原理的文章质量也是参差不齐，大多是贴个代码加段注释了事。本文将会从一个非常...

在最近的项目中，遇到了比较多处理数组的场景，比如要对数组里面某个元素的某一个字段进行抽取归类，或者判断数组当中的某个元素是否符满足判断条件等。

最近参与维护公司内部的一个针对移动端的UI组件库，该组件库缺乏文档和严格的文件组织结构。Vue-Donut的功能比较简单，并不能方便地创建针对移动端UI组件库的文档和预览。在参考了mint-ui等业界内成熟的方案之后，我在Vue-Donut的基础上进行了拓展，最后搭建出了一个非常方便且自动化的开发框架。

SCION是一个专门用于初始化项目的工具。只要你有一套模板，就能通过SCION方便地把项目初始化出来。同时SCION允许你添加多套模板，大大提升了工作效率。

对于图片上传，大家一定不陌生。最近工作中遇到了关于图片上传的内容，借此机会认真研究了一番，遂一发不可收拾，最后琢磨了一个东西出来。在开发的过程中有不少的体会，于是打算写一篇文章分享一下心得体会。本文将会以这个名为Dolu的项目为例子，一步步介绍我是如何进行环境搭建、代码设计以及实际开发的。内容较多，...

项目地址：[链接]DEMO：[链接] 介绍 Vue-Occupy是一个vue指令，能够在数据被加载之前使用一个可配置的色块进行占位，能够有效提升用户体验。 安装 使用yarn或者npm的方式进行安装： {代码...} 使用 进入项目入口文件，添加以下代码： {代码...} 这样，vue-occupy已经被注册为一个全局的指令，你可以在任意.vue文件里面通...

js的异步操作，已经是一个老生常谈的话题，关于这个话题的文章随便google一下都可以看到一大堆。那么为什么我还要写这篇东西呢？在最近的工作中，为了编写一套相对比较复杂的插件，需要处理各种各样的异步操作。但是为了体积和兼容性，不打算引入任何的pollyfill，甚至连babel也不允许使用，这也意味着只能以es5的方式去...

入手《高性能JavaScript》一周后，终于断断续续看完了。简要说说感受，就是这本书非常薄，非常容易看，认真看的话其实两三个小时就能翻一遍了。这篇文章也是作为一篇阅读笔记，用来记录我在阅读过程中的一些理解与感悟。

随着react社区的next.js框架的发布，vue社区也终于诞生了属于自己的前后端同构框架nuxt.js。在进一步的接触与使用中，发现nuxt.js确实极大地方便了vue项目的开发，其背后的逻辑也值得我们玩味。关于nuxt的具体的用法请查阅官方文档，本文就不一一赘述了。

作为一个前端开发者，曾踩了太多的“数据绑定”的坑。在早些时候，都是通过jQuery之类的工具手动完成这些功能，但是当数据量非常大的时候，这些手动的工作让我非常痛苦。直到使用了VueJS，这些痛苦才得以终结。

随着Vue2.0的正式推出，我也正好籍此机会对我的开源项目Markcook进行重构。这一次重构既打发了我在高速路上堵车的无聊时光，又加深了对Vue2.0和Vuex2.0使用的认识，可谓一举多得。

说到劫持，第一反应可能是什么不好的东西。函数劫持并不邪恶，关键是看使用的人。虽然这个概念在前端领域使用较少，但是在安全领域、自定义业务等场景下还是有一定的使用价值的。所以，这一篇文章将会和大家一起去了解一下JS中的函数劫持是什么，有什么用。

体验地址：[链接]项目地址：[链接] SphinxJS 一个能够把字符串编码成png图片，或者从png图片中解码出字符串的超轻量级开源库，总代码数甚至不超过100行！ 使用方法 通过npm安装 {代码...} 通过<script></script>标签引入 {代码...} 值得注意的是，因为SphinxJS使用了ES2015的Promise以及其他很棒的特性，这...

关于项目的用法和介绍可以查看上面的两个链接，这篇文章主要内容是对filemap.js的代码进行一步一步的分析，详细介绍其运行原理和优化策略。

项目地址：[链接] What's CleaveJS? CleaveJS是最近github上的一个热门项目，在短短的一个多月中star数达到了2500+，且保持着强劲的上升势头。它的主要目的是 Format input text content when you are typing格式化你的输入内容 可以查看官方的在线DEMO进行体验。 Vue-Cleave 官方的CleaveJS只提供了原生JS和ReactJS版本...

作为一个经常写博客的人，在介绍自己的项目的时候往往需要介绍文件目录结构。在以往的情况下，要么一行一行手动码字输入，要么简单粗暴地截图，都无法方便快速地构造一个文件目录结构图出来。后来在学习算法的时候，发现文件目录结构跟树的概念非常像，于是便萌生出制作一个自动化文件目录结构生成工具出来。

因为闲得慌，一直和朋友在玩你画我猜之类的小游戏，突然想到能不能自己也做一个呢，反正闲着也是闲着，同时正好可以学习一下websocket的用法。

最近在家闲得无聊，所以打算折腾一下react。在此之前，我是一个vue的重度使用用户，但是看到react确实非常火爆，所以也就趁此机会去了解一下react，增长一下见识。