1. CSS+JS,可以实现很多很炫的效果,例如旋转,放大,变形等;这些的话,其实一般的前端开发在接触到 CSS3很nb的属性后,都能够游刃有余的实现
2. 前端的性能优化,这块其实涉及的东西很多,对于非js之内,就不过多的说了,主要说下与js方面有关的。我们知道js加载到页面中主要分为2步,一是下载,二是解析;如果js同步下载的话,其实会block住其他资源的下载,这个就是为什么把js异步掉的原因,那这又有一个问题,那我把js异步处理后,为什么不能把它放在头部呢?异步的资源不是不阻碍其他资源的下载了吗?这里又涉及到一个问题,那就是js的解析问题,js下载完成之后就会进行解析,解析会block住其他资源的下载,更重要的一个问题是解析js过程中如果有操作DOM,那页面没有下载完,就会报错。所以现在网站一般都是将js放在页面的最底部。那放在底部就是最优的解决方法吗?不是,js没有实现按需加载。怎么理解按需加载,就是按照页面需要展示的内容加载对应处需要使用到的js。简单的说,就是在页面初始化的时候,我只加载和首屏相关的js,其他的js一概不加载。这样页面在打开的时候,只会加载很少的js文件,网站速度就能有很大的提升。那又怎样能实现js的按需加载呢,那就是:一将js模块化/低耦合的组织,二是通过工具实现按需加载,我们这边使用的是requirejs进行的模块化加载。除了js按需加载以外,其实还有个影响性能很大的问题,就是js本身的逻辑问题,这块对性能影响也很大,特别是对一些js引擎较弱的浏览器,影响更大。这块涉及到的东西也很多,简单的举个例子,页面中有300个li,通过jquery 的 $("li")方式去查找,你可以算了需要查找的时间,如果你的查到的结果不保存,每次都是使用$(‘li‘)查找,和我存储了一次,以后直接使用保存的,对比下运行时间。你就会发现运行时间差距很大。
3. 前端的模版引擎,包括underscorejs或者是artTemplatejs,这些虽然只是些工具,但是合理使用,对工作效率提升还是非常明显;接下来会进一步分开讲解这个部分
4. backbonejs,结合我们现在开发的项目,backbone还是非常实用的,主要表现在前后台分离上,并且对于前端架构的搭建和效率的提升,有很大的飞跃。接下来会详细讲解backbone在前端开发中的具体应用
5. requirejs,这个算是一个前端开发的工具吧,它的主要作用在于管理js,并且模块化和异步化js;对于管理文件的加载,有极大的帮助作用。这块接下来也会分章节讲解。
6. 还有一个是目前作为前端开发,基本上都要了解的,就是nodejs;这个东西有很多作用,就不去细说。今天主要讲解下使用nodejs开发的一个半自动化的测试作用-phantomjs,目前我们这边专题的测试走的基本上都是这个测试工具,但是是要基于phantomjs进行二次开发的。接下来也会分章节讲解这个部分
7. Grunt,这个目前在我们具体的项目中还没有完全使用,但是其很多功能还是值得研究和推广的。