2016-04-29 令狐葱
Update [20160725] Facebook 官方提供了一个可以生成React Starter项目的工具,有兴趣可以看下:create-react-app 前言 React技术之火爆无须多言,其与webpack的完美结合,也让二者毋庸置疑的成为天生一对。为了进行React的快速和规范化开发,开源社区中涌现了很多React+webpack的boilerplate项目。通过使用这些boilerplate,我们可以快速的创建一个React项目的架构。 葱哥之前专门创建了一个Github项目用于收集这些boilerplate:awesome-react-boilerplate。当然这里不可能完整收录,但是目前为止已经有近30个 继续阅读 »
2016-07-14 Jamling
引言 有感于hexo高级教程实在太少,当初本人在开发Nova主题时,曾遇到过不少坑,为填这些坑,较为深入地学习了hexo源码,又自学了不少node.js知识,才总算将这些坑基本填完。本着人人为我,我为人人的分享精神,特开一hexo高级教程专题,希望广大hexo爱好者拍砖~ 本系列的定位为高级教程,所以要求读者具备以下知识或技能: 前端技术:前端基础知识不用说了,必须要具备的比如HTML,CSS,Javascript,Node.js。如果知识储备不足,推荐去W3C School好好学习。 hexo模板:hexo中的layout模板都是使用某个具体的模板引擎写的,模板引擎有swig,ejs,jade等。layout可以视为MVC模 继续阅读 »
2015-11-19 W.Y.
当提到前端性能优化时,我们首先会联想到文件的合并、压缩,文件缓存和开启服务器端的 gzip 压缩等,这使得页面加载更快,用户可以尽快使用我们的 Web 应用来达到他们的目标。 资源预加载是另一个性能优化技术,我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。 引用 Patrick Hamann 的解释: 预加载是浏览器对将来可能被使用资源的一种暗示,一些资源可以在当前页面使用到,一些可能在将来的某些页面中被使用。作为开发人员,我们比浏览器更加了解我们的应用,所以我们可以对我们的核心资源使用该技术。 这种做法曾经被称为 prebrowsing,但这并不是一项单一的技术,可以细分为几个不同的技术:DNS-prefe 继续阅读 »