作者:zccst
学习js和使用jquery也有一段时间了,以为已经够用了,最近在做一些纯前端的工作后,发现水很深,至少不是我当初想象的样子。
现在看来至少分好几个阶段:
[b][size=large]第一阶段,面向过程阶段[/size][/b]
【能随意操纵html结构】//2013年5月
主要使用jquery选择器、文档处理和筛选。
【熟练使用html5和CSS3】//2013年5月
特别是css3,除了一些特性外,还像jquery一样可以精确遍历html元素。
[b][size=large]第二阶段:从面向过程转为面向对象。//在2013年9月补充[/size][/b]
【一重境界】能够用面向对象的方式拆解页面。//2013年9月
var Config = {}; //保存公共变量
var MyObject = {};//全局入口
var PreLoad = {} //预加载(可选)
var Events = {}; //事件
var Tools = {}; //工具
【二重境界】当页面比较大时,拆解成多个文件 //2013年12月
注册一个全局变量Window.Obj = Obj;
其他JS文件通过add()注册进来
【三重境界】完整封装插件 //2013年12月
似乎无所不能
[b][size=large]第三阶段:从低效、凌乱的面向对象,到高效、整洁的面向对象。//在2013年11月补充[/size][/b]
注:这需要学习优秀的代码,优秀的框架经验。
[b][size=large]第四阶段:参加开源项目或自己写一个框架。//2013年11月21日补充[/size][/b]
学习js和使用jquery也有一段时间了,以为已经够用了,最近在做一些纯前端的工作后,发现水很深,至少不是我当初想象的样子。
现在看来至少分好几个阶段:
[b][size=large]第一阶段,面向过程阶段[/size][/b]
【能随意操纵html结构】//2013年5月
主要使用jquery选择器、文档处理和筛选。
【熟练使用html5和CSS3】//2013年5月
特别是css3,除了一些特性外,还像jquery一样可以精确遍历html元素。
[b][size=large]第二阶段:从面向过程转为面向对象。//在2013年9月补充[/size][/b]
【一重境界】能够用面向对象的方式拆解页面。//2013年9月
var Config = {}; //保存公共变量
var MyObject = {};//全局入口
var PreLoad = {} //预加载(可选)
var Events = {}; //事件
var Tools = {}; //工具
【二重境界】当页面比较大时,拆解成多个文件 //2013年12月
注册一个全局变量Window.Obj = Obj;
其他JS文件通过add()注册进来
【三重境界】完整封装插件 //2013年12月
似乎无所不能
[b][size=large]第三阶段:从低效、凌乱的面向对象,到高效、整洁的面向对象。//在2013年11月补充[/size][/b]
注:这需要学习优秀的代码,优秀的框架经验。
[b][size=large]第四阶段:参加开源项目或自己写一个框架。//2013年11月21日补充[/size][/b]