angular1x初始与架构演进（一）

angular的亮点：双向数据绑定，指令，路由，服务，过滤器，依赖注入

angular的缺点：相对应学习的东西也过于复杂，不适合seo，虽然可以通过搭建静态服务器来解决这个问题
要学会angular最重要的是转换理念：数据驱动，数据发生了变化页面也会发生相应的变化，相反依然。

前端技术架构体系：

Angular1x的教程现在感觉有点误导初学者，spa框架一次加载所有资源，如果是内部项目等待是无所谓的，但是项目是针对客户项目，打开页面内部访问都需要16.5s，何况是用户，大部分用户在这个等待过程已经离开。
于是在接下一段时间开始，优化加载速度：
1.切换js文件成min.js
2.图片压缩
3.移除不必要的js，比如三个版本的jQuery
4.代码重构
最终取的效果也是比较好的：首屏从16.5s到2.3s
由于有些最底层代码依赖过于复杂，加着抽不时间去理清每个模块之间的关联，无法实现按模块加载，有点遗憾。
项目管理也属于比较乱的，活动页面，大概40多个全部都在该项目中，这些页面的js也会加载进去，随着活动越来越多，这套框架会越来越重。
抽离出来一个新活动框架，但是以前活动还是不能删除。。。
重构需要时间

angular1x初始与架构演进（一）相关推荐

angular1x初始与架构演进（二）
很荣幸第二个项目全权是由我负责的,推进了公司前端技术架构: CDN:js全部cdn通过时间轴来进行区域覆盖更新 OcLazyLoad:Angular按需加载模块js,Angular也可以通过requi ...
angular1x初始与架构演进（四）gulp配置+OcLazyLoad中资源MD5时间轴更新
个人不是很喜欢非覆盖式更新这个模式:在一个版本中资源会出现不同的时间轴版本,而且这些版本会一直存在,导致项目越来越大,至于管理这个功能其实git就有提供,webstrom也有提供历史记录,所以这种模式 ...
angular1x初始与架构演进（三）Ui-Router+OcLazyLoad加载模块
七月份的时候有写过一篇OcLazyLoad文章,当时只是初略了解了一下,是为了解决当前项目加载模块过多的问题,但是最后发现项目中模块间耦合性过于复杂,然后项目给出的时间也不是很多,后面就放弃了,这次新 ...
360数据处理平台的架构演进及优化实践
本文根据DBAplus社群第153期线上分享整理而成讲师介绍王素梅 360大数据开发经理目前在360大数据中心担任大数据开发经理,拥有7年以上大数据行业从业经验,专注大数据处理.大数据平台开发, ...
迁移到MySQL的业务架构演进实战
来自:DBAplus社群作者介绍杨建荣,dbaplus社群联合发起人,竞技世界资深DBA,前搜狐畅游数据库专家,Oracle ACE,腾讯云TVP.具有十多年数据库开发和运维经验,目前专注于开源技 ...
大型互联网大型分布式架构演进之路
来自:网络编注: 架构决定的系统的稳定性,扩展性和并发性,架构的演进是从简单到复杂,从单一到复合持续改进的过程,也是经验的积累和技术的结晶. 初始阶段架构初始阶段的小型系统.应用程序.数据库.文件 ...
一个细节翔实、可供参考的支付体系架构演进实例--转
注:本文整理自美丽联合集团资深工程师陈宗在 ArchSummit 深圳 2017 上的演讲,原题为:<支付体系架构与实践>. 上篇:支付体系架构演进在过去 4 年的时间里,作为面向亿级用 ...
资深架构专家讲解微服务治理的架构演进
摘要:随着业务的发展,规模扩大,服务越来越多,需要协调线上运行的各个服务,保障服务的SLA;基于服务调用的性能KPI数据进行容量管理,合理分配各服务的资源占用;对故障业务做服务降级.流量控制.流量迁移 ...
手哥架构宝典系列：支付系统2.0架构演进
本文节选自手哥架构宝典 - 支付系统演进2.0版本手哥架构宝典之支付系统1.0发布后,很多架构师朋友表示收益匪浅,询问支付系统2.0版本什么时候放出来,今天刊发出<架构宝典>支付系统2. ...

angular1x初始与架构演进（一）

angular1x初始与架构演进（一）相关推荐

最新文章

热门文章