本来是想写后台代码或者做运维dba的,现在入职后改为做前端了,所以最近一直在学习各种前端知识,虽然原来写php的web程序也接触html、css和js。不过毕竟不精通。最近学习了一个月,也做了一些修修补补的和小的前端工作,有些体会记录下来。
读别人前端js代码
在读代码前首先先体验代码实现功能或者产品,了解实现的对象,这样才能知道代码的目的。了解功能需要明确用户使用的流程、编辑或者操作的内容。因为看的是杂志排版相关的,需要知道杂志排版相关的背景知识,如栏目、标题、引题、副标题、作者、内容等等,也需要知道基本的板式分类,比如全是图的、几篇文章的。这相对于理解需求。
读前端代码也需要知道后端接口数量类型和提供的数据格式,对应web前端就是json形式的数据接口。前端代码常常通过ajax调用接口。
在读代码的同时需要非常熟悉html的结构,对css熟悉更好,因为常常是js进行dom和css操作。
在明白需求,对前端的html、css和后端的接口明确后,通读js的逻辑吧。
前端初级成长
js书籍方面,很多blog都推荐这些书:
初级类:《Javascript Dom 编程艺术》,《ppk谈javascript》,《JavaScript高级程序设计》
中级类:《JavaScript语言精粹》《JavaScript权威指南》《高性能Javascript》
高级类: 《Javascript Dom 高级程序设计》《Javascript 设计模式》
工具上:
必须熟悉fiddler,不解释了。对firefox或者chrome调试工具也需要熟悉。
编辑器
我是用vim。