Damon

前端 · 设计 · 摄影

javascript-closures-for-dummies

2016-05-25

React之组件的生命周期

在组件的整个生命周期中，随着该组件的props或者state的改变,它的DOM表现也将有相应的变化。一个组件就是一个状态机：对于特定的输入，总会返回一致的输出。React 为每个组件，提供了生命周期钩子函数去响应不同的时刻：创建时存在期销毁期生命周期方法React仅仅提供你所需要的方法而不去追求全面。实例化一个实例初次被创建时所调用的生命周期方法与其它各个后续实例被创建时所调用...

Posted by Damon on 2016-05-24

Webpack之loader的使用

什么是loader?Loaders 是你的app里面的源文件转换器，是一种运行在nodejs里面的，以源文件的内容作为参数，返回新的转化后的内容的函数。例如，你可以利用loaders来告诉webpack加载CoffeeScript或者JSX。 Loader 特性可以链式调用。他们在资源的管道里面被调用。最后一个loder需要输出的是JavaScript，而在中间的loader输出的可以的...

Posted by Damon on 2016-05-22

Gitlab flow

简介我们的工作流工作流仍然用中央仓库作为所有开发者的交互中心。和其它的工作流一样，开发者在本地工作并push分支到要中央仓库中。长期分支相对使用仅有的一个master分支，我们的工作流使用2个分支来记录项目的历史。online分支存储了正式发布的历史，而master分支作为功能的集成分支。这样也方便online分支上的所有提交分配一个版本号。 online分支online分支作为上线分支...

Posted by Damon on 2016-05-20

Webpack之代码拆分

对于大型的app，把所有代码放入一个文件是比较低效的，特别是一些代码只有在某些情况下才需要加载。 Webpack 可以把你的代码拆分到“chunks”里面去，从而让你的代码可以按需加载。有些打包器把这种代码层叫 “层”，“归纳集”，或者叫“片段”。这种处理代码的功能就叫“code splitting 代码拆分” 这是一种可选的功能，你可以在代码里面定义你的的拆分点。Webpack 会处理好...

Posted by Damon on 2016-05-20

编写webpack 插件

插件为第三方开发者释放了Webpack的最大可能性。利用多级回调开发者可以把他们自己的需要的功能引入到Webpack里面来。Build插件比Build loader 更进一步。因为你需要理解Webpack底层的东西。要有月底源代码的准备。 Compiler 和 Compilation开发插件最重要的两个资源就是 compiler 和 compilation 对象，理解他们的是扩展Webpac...

Posted by Damon on 2016-05-19

关于Logo

Damon 是看了吸血鬼日记之后，给自己盖的名字。一直想给自己的英文名设计一个logo。终于是有一天闲着没事操刀把他弄了一下。有人说像红丝带。好吧。

Posted by Damon on 2016-05-18

推荐算法够意阑珊

备忘： list里面key值 state 和 props的活用，不一定非得每次出发action更新，可以使用setState() props只读子组件中的数据可以被外组件的狗子获取推荐算法购意阑珊

Posted by Damon on 2016-05-18

Redux VS 命令模式

原文 Redux and The Command Pattern 软件行业两大必然事件：框架永远在变设计模式是软件工程的基础想要最佳实践，大多都会归结到设计模式上来。设计模式是由经验丰富的开发者总结的，它教会我们如何思考。但它不一定是最终的解决方案，如果你有更好的方案，完全可以无视设计模式。有关设计模式推荐两本书《设计模式:可复用面向对象软件的基础》 & js相关的《Lear...

Posted by Damon on 2016-05-18

Webpack之性能优化

为了瘦身你的js（还有你的css，如果你用到css-loader的话）webpack支持一个简单的配置项

optimization 最小化为了瘦身你的js（还有你的css，如果你用到css-loader的话）webpack支持一个简单的配置项： 1--optimize-minimize new webpack.optimize.UglifyJsPlugin() 这是一种简单而有效的方法来优化你的webapp。如果你已经阅读过我们前面的文档，我想你已经知道webpack提供了modules ...

Posted by Damon on 2016-05-18