公司4.0版本的總結(jié)
作為一個前端開發(fā)人員捏浊,剛剛做完公司4.0版本,簡單做一下總結(jié)金踪。
一.首先來放一下這個項目的鏈接,歡迎指教
http://www.owhat.cn
二.下面談?wù)勥@個項目用到的整體架構(gòu)
1.(1)m站引得是zepto法希,由于zepto本身帶的模塊只有幾個,需要引進來別的苫亦,根據(jù)項目需要,我們引進了fx,fx_methods,assets,selector屋剑,和touch這幾個模塊,將他們的代碼直接寫到了zepto.js里面了孕讳。
(2)創(chuàng)建了extend.js文件巍膘,存放zepto的擴展方法
(使用教程參考http://www.css88.com/doc/zeptojs_api/)
2.創(chuàng)建了struct.js 文件:專門用于存放全局的方法。
()比如:獲取瀏覽器參數(shù)的方法典徘,設(shè)置/獲取/清除cookie益咬,設(shè)置/獲取/清除storage, Base64幽告,GUID方法等等。
3.模塊化用的是require齐唆。(在這里不過多說明冻河,網(wǎng)上有很多資料)
4.然后用的是一個html文件一個js的引用方式
5.css用的是sass,個人覺得還是比較好用的叨叙,可以減少css代碼的書寫,很多的類都可以復(fù)用擂错,缺點是你們公司的UI最好有統(tǒng)一的規(guī)范,不然和沒用有什么區(qū)別(不過一般的公司的UI都會有規(guī)范的)
6.除此之外還用到了:clipboard(復(fù)制鏈接)剑鞍,setSize(用rem的時候自適應(yīng)字體大兴住),touch.js(我們主要用它來做縮放)蚂四,swipe.js(滑動就轧,輪播圖什么的)田度。