[转自：https://www.jianshu.com/p/97b6259f9773]React是现在最流行的前端框架之一，它的轻量化，组件化，单向数据流等特性把前端引入了一个新的高度，现在它又引入的Hooks，一个神奇的东东，来看一看。你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗？——拥有了Hooks，生命周期钩子函数可以先丢一边了。你在还在为组件中的this指向而晕头转向吗？——

可以像FIS一样，具有模块化的前端目录结构。基于gulp，简单、灵活，容易扩展和修改，懂点gulp的童鞋都可以自己修改、使用、组合。不需要任何服务端的整合工作，这个与FIS有很大不同，不需要修改服务端代码来适配，就像正常的html一样，去引用你的js、css、img、fonts等资源，无侵入。整合SCSS ES6 Browserify|cssnano|uglify|imagmein|rev等前端常用套件，同时有监视文件变动功能(watch)，可配置的发布目录、资源目录、CDN等，方便开发，简单易用，一站式搞定。更新说明：gulpman 1.4.6版本更新

gulp的dest，路径问题，新手可能经常不太明白这个路径最后是怎么决定的：通过指定gulp.src()方法配置参数中的base属性，我们可以更灵活的来改变gulp.dest()生成的文件路径。当我们没有在gulp.src()方法中配置base属性时，base的默认值为通配符开始出现之前那部分路径，例如：gulp.src('app/src/**/*.css') //此时base的值为 app/src上面我们说的gulp.dest()所生成的文件路径的规则，其实也可以理解成，用我们给gulp.dest()传入的路径替换掉gulp.src()中的base路径

Sails近期好久没有更新了，听说维护的人员有几个离开了，准备另起炉灶。。。我了去个去。。。一直觉着Sails整体还是不错的，有些小地方比如ORM对url的映射有些安全性问题、blueprint过于随意、前端构建不够好等地方需要提高外，基本的功能感觉是NodeJS里面比较靠谱的、全面的，但是现在。。。首先Sails在Node 0.12.x版本上，会有内存泄露的问题（并非是github上issue提到的关闭.saisrc中grunt：false就可以解决的），默认的home页 ，多次刷新后，也会看到内存占用持续涨。github上有提到这是nodejs 0.

Angular 1.x 看着可能更像是 java 系的框架爱。在带来了数据绑定这个先进生产力代表的同时，又带入了一大堆前端本来就不需要的包袱。指令、服务、scope等使用略微繁琐。Vue 只专注于View-Model,其他的控制权、策略制定都交给开发者，思路很清晰个人觉着，Angular最大的贡献就是推广了双向绑定，极大提高了富数据业务的生产力，这是核心，其他附带的特性和功能，各有评判吧~React，则是很好的提供了一个组件化、状态维护的技术思路~Virtual-Dom的概念，可以有很多探索和前端之外的应用Avalon的话，自己没有实际用过，他的数据绑定

转自：http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html作者： 阮一峰 你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页是怎么生成的。网页的生成过程，大致可以分

做h5/web app经常需要做资源预加载，一种是利用H5的manifest的离线存储实现缓存功能，是非定向的，一种是利用js/css来做定向的资源预加载~JS的话，经常会用img的src来做文章，写一个简单地图片资源预加载：首先定义一个资源组件的格式，这样有N多组件的时候，方便统一维护： component1 = {    'source': {        'type': 'img',        'url': ['/static/img/common/loader.gif']    }}现在我们简单设置type为img来做为资源类型，然后url