随笔分类 - 开源库/框架使用与源码分析
摘要: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整体设...
阅读全文