js代码到面向对象,在到jQuery,在到模块化整个思路的转变详解:
js要实现功能,必然要封装。如果不封装的话,页面代码太多,代码不容易管理,重用性不好管理。
于是,就要有分装的思想,分装成一个个功能模块,比如面向对象,闭包,类,函数。
这些模块有很多都需要借助dom操作实现(document.getElementById),对于jQuery是很方便找到节点操作。另外jQuery提供了拓展功能extend,把我之前的功能都封装到jQuery中。手里有一个非常强大的工具库(轮播图 下拉菜单等,js基础代码都被封装到工具库里)直接用工具库就可以。
基于jQuery的工具库功能越来越大,文件越来越大。
写一个简单页面的时候,只需要一个验证模块。
工具库非常大(axios 不用jquery 中ajax),导致页面加载js非常消耗时间。
加载一些没有有必要的模块。
实现按需加载,requirejs 帮我们实现按需加载。
在这些得到解决之后,我再用UI库:
1 基本的常见ui效果:
2 其他大量的第三方的组件都是独立的,script 标签引入。加粗样式
使用require js去加载第三方的组件。
入门bootstrap: 帮我们快速构建页面,很多组件。
页面已经写出来,最重要的是关注页面后面业务逻辑。