前端小白进

公司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(滑动,轮播图什么的)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,891评论 0 106
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,578评论 24 450
  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 4,496评论 0 44
  • (一) 拉开记忆的窗帘 远去的日子 如流星般 美丽了空间 却又模糊了视线 相聚是离别时的期盼 从此,生命就有了怀恋...
    马嘉喜欢深呼吸阅读 320评论 6 4
  • 平凡的人生,会从遇见一个人开始会变得有一点点的不一样,但失去一个人后,就会发生天翻地覆的变化。 《从你的全世界路过...
    青与争阅读 403评论 0 0

友情链接更多精彩内容