学习前端框架思路转变总结

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: 帮我们快速构建页面,很多组件。
页面已经写出来,最重要的是关注页面后面业务逻辑。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值