前端架构之路

前端架构该做的事

1.做人。
不能太自负,要能接受队友的意见。不能为了架构而架构,要为了匹配当前团队的业务与人。在技术选型的时候千万不要去把语言与语言的对比太当回事,因为当一个技术用的极致不会比另外对比的语言差到哪去的。
2.代码与文件分模型
模块化代码,模块文件。比如可以所有的JS都放一个文件,也可以一个业务模块的CSS、HTML、JS放一块分一个模。
要多思考这么做为什么?
3.雅虎军规。
35条军规做到极致不能少。
4.消息通讯。
要编写模块之间的消息通讯的组件。监听各种事件,促进团队的沟通与进程。
5.插件随组。
各种插件之间随意分发,随意组合都没问题。
6.本地可调。
要有一个优秀的调试环境,方便很快的找到错误与问题等。
7.多端方案。
不仅仅只有CSS布局这种要考虑多端,包括开发的插件也要考虑多端。
8.自动化优先。
自动化的js、css合并,各种图片、JS、css压缩等。如果手动会很痛苦。
9.持续可扩
减少代码的重构。
10.一键部署
东西做好了,运维不一定明白。要做到你只要告诉他输入什么命令就会给他返回安装成功就行。

遇见的问题

1.单个html页面 ajax请求过多cancel 还有要考虑2G 3G 等网络不好的时候的请求怎么办?
2.domready!!!单个页面体积越来越大,domready被延迟。
3.css适应不同设备同样一个类要写很多。
4.代码业务逻辑越来越多造成单个js过大。
5.多个页面重复引用同一个资源造成重复加载。
6.代码可重用性通过各种混乱的业务、混乱的编码变的越来越低。(团队的水平层次不齐)
7.当页面a要按需展示的时候,可是a.css已经被合并了怎么办?

解决问题的方案

mvvm、mvc的框架、sea.js、underscore.js、pushstate+ajax+hash spa、less sass 等等等等。
但是这些问题解决了又会换来新的问题
action/controller以及二次加载全部依赖于JS而且加载了很多第三方库 那就loading.................
smarty+bigpipe+spa
解决方案这实在太多东西有空了在写。反正路这条路很长很长....

评论
载入中...
lx_blog lx_blog

4 声望

发布于专栏

前端个人总结

纯属个人总结,如果有错误欢迎指出!

0 人关注

SegmentFault

一起探索更多未知

下载 App