读js代码和前端初级成长的个人感悟

    本来是想写后台代码或者做运维dba的,现在入职后改为做前端了,所以最近一直在学习各种前端知识,虽然原来写php的web程序也接触html、css和js。不过毕竟不精通。最近学习了一个月,也做了一些修修补补的和小的前端工作,有些体会记录下来。


读别人前端js代码
    在读代码前首先先体验代码实现功能或者产品,了解实现的对象,这样才能知道代码的目的。了解功能需要明确用户使用的流程、编辑或者操作的内容。因为看的是杂志排版相关的,需要知道杂志排版相关的背景知识,如栏目、标题、引题、副标题、作者、内容等等,也需要知道基本的板式分类,比如全是图的、几篇文章的。这相对于理解需求。
    读前端代码也需要知道后端接口数量类型和提供的数据格式,对应web前端就是json形式的数据接口。前端代码常常通过ajax调用接口。
     在读代码的同时需要非常熟悉html的结构,对css熟悉更好,因为常常是js进行domcss操作。
     在明白需求,对前端的htmlcss和后端的接口明确后,通读js的逻辑吧。
前端初级成长
    js书籍方面,很多blog都推荐这些书:
      初级类:《Javascript  Dom 编程艺术》,《ppkjavascript》,JavaScript高级程序设计》
      中级类:《JavaScript语言精粹》《JavaScript权威指南》《高性能Javascript
      高级类: 《Javascript Dom 高级程序设计》《Javascript 设计模式》
工具上:
   必须熟悉fiddler,不解释了。对firefox或者chrome调试工具也需要熟悉。
编辑器
    我是用vim

文章标题:读js代码和前端初级成长的个人感悟
分享路径:http://ybzwz.com/article/pgjhdj.html