公司4.0版本的总结
作为一个前端开发人员,刚刚做完公司4.0版本,简单做一下总结。
一.首先来放一下这个项目的链接,欢迎指教
http://www.owhat.cn
二.下面谈谈这个项目用到的整体架构
1.(1)m站引得是zepto,由于zepto本身带的模块只有几个,需要引进来别的,根据项目需要,我们引进了fx,fx_methods,assets,selector,和touch这几个模块,将他们的代码直接写到了zepto.js里面了。
(2)创建了extend.js文件,存放zepto的扩展方法
(使用教程参考http://www.css88.com/doc/zeptojs_api/)
2.创建了struct.js 文件:专门用于存放全局的方法。
()比如:获取浏览器参数的方法,设置/获取/清除cookie,设置/获取/清除storage, Base64,GUID方法等等。
3.模块化用的是require。(在这里不过多说明,网上有很多资料)
4.然后用的是一个html文件一个js的引用方式
5.css用的是sass,个人觉得还是比较好用的,可以减少css代码的书写,很多的类都可以复用,缺点是你们公司的UI最好有统一的规范,不然和没用有什么区别(不过一般的公司的UI都会有规范的)
6.除此之外还用到了:clipboard(复制链接),setSize(用rem的时候自适应字体大小),touch.js(我们主要用它来做缩放),swipe.js(滑动,轮播图什么的)。
网友评论