随笔分类 - 开源库/框架使用与源码分析
摘要：React在版本`16.3-alpha`里引入了新的Context API，社区一片期待之声。我们先通过简单的例子，看下新的Context API长啥样，然后再简单探讨下新的API的意义。
阅读全文
摘要：morgan是express默认的日志中间件，也可以脱离express，作为node.js的日志组件单独使用。本文由浅入深，内容主要包括 入门例子、日志分割、写入数据库、源码剖析。
阅读全文
摘要：图片上传是web开发中经常用到的功能，本文开篇主要讲解如何基于express+multer轻松实现单图、多图上传。接着，讲解如何获取上传图片的信息、对图片保存的目录、文件名等进行个性化定制。后续章节会对图片上传的技术细节进行深入挖掘。欢迎加入Express前端交流群(197339705)。
阅读全文
摘要：在实际项目中，应用往往充斥着大量的异步操作，如ajax请求，定时器等。一旦应用涉及异步操作，代码便会变得复杂起来。在flux体系中，让人困惑的往往有几点：
异步操作应该在actions还是store中进行？
异步操作的多个状态，如pending（处理中）、completed（成功）、failed（失败），该如何拆解维护？
请求参数校验：应该在actions还是store中进行校验？校验的逻辑如何跟业务逻辑本身进行分离？
阅读全文
摘要：前言 在《 "Redux系列01：从一个简单例子了解action、store、reducer" 》里面，我们已经对redux的核心概念做了必要的讲解。接下来，同样是通过一个简单的例子，来讲解如何将redux跟react应用结合起来。 我们知道，在类flux框架设计中，单向数据流转的方向无非如下...
阅读全文
摘要：redux的源码很简洁，除了applyMiddleware比较绕难以理解外，大部分还是
这里假设读者对redux有一定了解，就不科普redux的概念和API啥的啦，这部分建议直接看官方文档。
此外，源码解析的中文批注版已上传至github，可点击查看。本文相关示例代码，可点击查看。
阅读全文
摘要：redux是个facebook flux概念的一个优秀的实现，在单向数据流的处理、应用state的拆分方面都做得很到位。此外，从redux的设计理念出发，基于redux的应用，容易编写单元测试、实现同构。本篇文章从实例出发，简单的对redux进行入门介绍，用一个极简的例子，介绍redux的几个核心概念。
阅读全文
摘要：Meteor是什么
基于nodejs的实时web APP开发框架。
Meteor能带来什么
简单的说，你可以用js搞定客户端、服务端的开发。另外，客户端、服务端的界限被极大的模糊。客户端的界面跟服务端的数据是双向绑定的，修改服务端的数据，用户界面会随着更新；你也可以在客户端直接修改服务端的数据库。
阅读全文
摘要：React半科普文什么是Reactgetting started文件分离Server端编译定义一个组件使用property组件嵌套组件更新Virtual DOMreact native什么是React以下是官方定义，反正我是没看懂。google了下，大家都称之“前端UI开发框架”，勉强这么叫着吧。可...
阅读全文
摘要：最近几天折腾了下express，想找个合适的模版引擎，下面是一些折腾过程的备忘选择标准选择一门模版语言时，可能会考虑的几点语法友好（micro tmpl那种语法真是够了）支持模版嵌套（子模版的概念）支持模版继承（extend）前后端共用有容错处理（最好定位到具体出错位置）支持预编译（性能好）注意到h...
阅读全文
摘要：之前挖了个坑，准备写篇gulp插件编写入门的科普文，之后迟迟没有动笔，因为不知道该肿么讲清楚Stream这货，毕竟，gulp插件的实现不像grunt插件的实现那么直观。 好吧，于是决定单刀直入了。文中插件示例可在这里找到：https://github.com/chyingp/gulp-preproc...
阅读全文
摘要：写在前面 本来是想写个如何编写gulp插件的科普文的，突然探究欲又发作了，于是就有了这篇东西。。。翻了下源码看了下gulp.src()的实现，不禁由衷感慨：肿么这么复杂。。。 进入正题 首先我们看下gulpfile里面的内容是长什么样子的，很有express中间件的味道是不是～我们知道.pipe()
阅读全文
摘要：grunt-inline是楼主之前写的一个插件，主要作用是把页面带了__inline标记的资源内嵌到html页面去。比如下面的这个script标签。技术难度不高，主要就是通过正则将符合条件的script标签等匹配出来。当时就在想：如果有那么一个插件，能够帮我们完成html解析就好了！没错，真有——c...
阅读全文
摘要：文章已经收录至fis官网：http://fis.baidu.com/docs/dev/more.html。本文对构建工具fis进行概要性的介绍，包括与grunt的差别、入门使用、、项目配置、插件开发、二次开发等，比较适合fis初学者。
阅读全文
摘要：前端的童鞋对grunt应该不陌生，前面也陆陆续续的写了几篇grunt入门的文章。本篇文章会更进一步，对grunt的源码进行分析。文章大体内容内容如下： grunt整体设计概览 grunt-cli源码分析 grunt-cli模块概览 grunt-cli源码分析 写在后面 grunt整体设...
阅读全文