而这个 api 主要为我们做什么样的事情？它可以帮助我们动态加载我们想要的文件，非常灵活和强大(可递归目录)。可以做 import 做不到的事情。今天就带大家一起来分析一下，webpack 的 require.context是如何实现的。

由于JS的灵活性，我们在React中其实有很多种绑定事件的方式，然而，其实有许多我们常见的事件绑定，其实并不是高效的。所以本文想给大家介绍一下React绑定事件的正确姿势。

回到2013年，React凭空出世。但是在那时，我们会想，oh shit! 我们好不容易分离了HTML/CSS/JS, 为什么出现了JSX，我们又需要把HTML和JS耦合在一起？React 创造了 HTML in JS. 在React中，我们知道，一切即组件。那既然HTML能在js里写，为什么我们不把CSS也一起写呢？这样不才是一个真正的组件吗？

之前写了一篇Calendar -『为移动端而生』的自定义日历，一直有童鞋对这个插件的手势处理存在一些问题，所以想写篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 calendar 的效果 喔~ 点击查看github， 查看calendar源码 也可以在 NPM上搜索 mob-calendar 找到它。 一、 确认需求 想做一个日历最主要的原因...

Calendar was born for several product requirements in the mobile. It’s free, cute and customized.

你只需要一行就可以实现hot-reload和友好的错误提示 new WebpackBrowserLog(webpackConfig) 这里有张gif的效果图，请等待 平时我们都在浏览器的console面板里看错误，或者是在命令行里看错误真是太累了！浏览器直接显示错误极大的提升了开发的效率！ 不久前研究webpack2，顺便产出了一个这样的小工具。好吧，其实很早以...

15年9月大三休学创业，16年9月重新复学大三 在2016年4月顺利引进天使轮，公司从厦门集美区搬到了深圳南山区 16年底，我们正在准备接入A轮

项目使用框架版本主要有 react(15.4.1) + react-dom(15.4.1) + webpack(1.13.3) + axios(0.15.3) + node(6.2.2), 点击查看项目简介：一段人人都应该知道的从 vue 到 react 的过渡史

项目使用框架版本主要有 react(15.4.1) + react-dom(15.4.1) + webpack(1.13.3) + axios(0.15.3) + node(6.2.2), 详情具体可见下文的【环境配置】

Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程，并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后，你将不需要再去操作DOM，如果你操作了DOM，在你的脑中会听见Jeffrey警告你不要这样去做。

写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...

写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...

写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...

写在前面 之前写了一篇 MultiPicker -『为移动端而生』的自定义多级联动选择器，得到了很多人的关注。鉴于很多人对这种手写插件的过程很好奇，所以写了几篇文章，来说说它的成长史~ 在阅读本文之前，确保你有稍微看过 MultiPicker 的源码 喔~ 点击查看源码 ，也可以在 npm 上找到他们： 日期选择器 - DateSelector - NPM...

1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue-resource请求我们的node服务端5.使用.vue文件进行组件化的开发PS：本文node v6.2.2 npm v3.9.5 vue v2.1.0 vue-router v2.0.3 vuex v2.0.0

从1.0.X版本就开始使用vue了，应该也是vue很早的一批用户。在我司使用vue这一年多以来（偏向移动端），我发现vue的插件真的是少之又少，这也是我当初一开始想写v-tap指令插件的初衷。 如今vue升级2.0后，在自定义指令部分的API全部变化了！对于一个插件作者来说这简直是崩溃的！毫无兼容可言。本文我就讲介绍下一个自定...

MultiPicker - 自我介绍 MultiPicker是为了满足移动端对各种选择器的需求而生的，兼容性强，灵活度高。目前已有 几十万 的实际用户正在使用。 MultiPicker主要是由两个部分组成， 一个部分是 日期选择器 - DateSelector 另一个部分是 自定义json选择器 - MultiPicker 日期选择器有两种样式，一种带tab的固定样式，另一种...

不久前我们一直所期待的应（xiao）用（cheng）号（xu）终于诞生了，但微信制造了一系列的封闭环境，在内测版中，我们看见了开发其实是十分不便利的。为了能提升咱们的工作效率，小手架由此而生 --- wxapp

一直以来都在研究多页应用如何能有一套像SPA一样优雅的开发模式 本套架构在项目上使用感觉还不错（已跑在上百个页面的项目上），所以决定开源出来给大家 阅读完本文能实现在项目中使用ES6(7)+组件化（.vue | .jsx）开发多页应用 (其实我是想把它做为大家多页应用的脚手架)

本章节，将会把所有的请求全写为跨域请求。不知道为什么，很多人一用了框架就会不知所措。给大家一个忠告，享受框架带来的便利，别忘了时刻提醒自己学好基础知识。

在这一节里，我们将会了解到Vue的组件，理解组件是如何工作的，并利用一系列的例子证明，用组件化的思想开发项目，会给你带来不一样感受。如果我们理解了Vue的组件化思想，我们就可以利用这个思想构造一个简化的评论投票系统，一个用户可以发布评论，其他用户可以在任意的评论上面投“赞成票”或者投“反对票”。

Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API，能够让开发者在开发web应用的时候更加简易便捷。实际上，一直让Vue引以为豪的是它的便捷性、执行力、灵活性。

在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器，比如orderBy 和 filterBy。而且我们可以链式调用过滤器，一个接一个过滤。因此，我们可以定义我们自己的过滤器在我们的Vue实例中。

1.我们将会使用webpack去为我们的模块打包，预处理，热加载。如果你对webpack不熟悉，它就是可以帮助我们把多个js文件打包为1个入口文件，并且可以达到按需加载。这就意味着，我们不用担心由于使用太多的组件，导致了过多的HTTP请求，这是非常有益于产品体验的。但我们并不只是为了这个而使用webpack，我们需要用webpack...

前言 之前介绍了 webpack在多页项目中的探索那篇有极大得不住，还有极大得改善空间，并不完美，不建议用在生产环境，其实是现在不想去优化，懒 :) thinkjs + vue + vueRouter + webpack 的 SPA配置 (其实可以看我的一个repo thinkjs+vue的单页blog尝试 ) 目录介绍 由于后台使用了 thinkjs 框架的ES6模式 src 为后台编写...

有的安卓有个bug，不阻止浏览器默认行为，就无法实时触发move。那如果阻止了浏览器默认行为，当我手指在日历这块区域内，就没法触发浏览器上下滑动。

1.我所想要的是每一个业务需求模块下(source/index)会有很多页面 每一个页面都是一个文件夹(source/index/index,source/index/topics) 2.项目无需后台环境浏览器可以直接打开访问 3.每个页面资源如.sass文件,.js文件等就近维护,用.vue + es6的形式进行组件模块化的开发 4.开发时拥有良好的sourseMap调试 5.当我们不需要...

前言 放弃jQuery,拥抱MVVM，拥抱组件吧！ vue-touch基于hammer，对于普通简单手势的页面来说过于庞大！ 于是想自己实现一个最常用的手势tap。顺着自定义指令和插件文档，昨晚实现了一个v-tap指令，丢出这篇干货。 指令与插件介绍 自定义指令和插件官方文档中也介绍比较简单详细，就不过多介绍。 我先说下本插件就用了三...

Lesson-11 新增width,height,extend 事件部分讲完了后,我们最后实现3个方法. {代码...} 关于width(),height()就常用的就2种,一个是取值,一个是赋值. 我们通过判断arguments的个数,是取值还是赋值. 赋值很容易,我们就用最简单的办法,直接设置. 如果是取值,那我们就要做个判断,因为window,和document的取法是不一样的. 还...

Lesson-10 实现on,off的事件委托! 我们能根据之前的思路,利用同样的方法实现一个事件委托. 先来看看流程图 然后先看看结果是如何，毕竟流程图看的也不一定能懂。 最后我们再来看看代码 {代码...} 继续再看一遍log的结果，对比刚刚的代码 连同代码，我在注释里已经非常的详细解释了整个过程，大家结合控制台log的结果，在...