網際網路上很多的大公司,會指定很多的規範,約束這種開發的隨意性。
1.開發cs命名規範
header
content
footer
2.目錄規範
assets 靜態資源
-img
-css
-jsstatic
-css
-img
-js問題:assets 與 static 的區別?
答: css 是存在預處理語言 sass less stuly... 。js 也儲存預處理語言 coffiescript。 這些預處理檔案瀏覽器沒辦法直接識別,需要進行編譯。 之前工具: gulp 、grunt、webpack...
assets 一般是放置的預處理檔案。
static 一般放置都是編譯好的,或者本身就是不需要編譯的檔案。
**目錄規範(mvc開發思想)
package.jsonpublic
- css
- js
- images
- uploads
src - routes
index.js
member.js
- models
indexmodel.js
moviemodel.js
categorymodel.js
- controllers
indexcontroller.js
- views
index.html
- config
site.js
db.js
- utils
crypto.js
...
vuejs 是乙個很不錯的工具,使用它一般都是開發大型專案,所以在公司裡面都會存在嚴格的目錄規範和**的命名規範。
相關資料:
思考: oop程式設計最大的特點是什麼? oop(物件導向程式設計思想)
答:存在物件。 為什麼要存在物件呢?其主要的原因是因為 oop 最大程度實現的**的復用,**重用。利用其繼承的特點。
css開發使用。 使用 oop 思想知道 css **的編寫。
可能公共的 css** 都提取出來,形成乙個乙個的類名,然後在使用的地方,把多個類進行組合使用。
大型的專案
參照很多專案
在**體現了這種 oocss 的思想呢? 答: bootstrap 用到了極致 (twieer開發商出來)。 資料相關:
yui雅虎規範 丟棄 了解
知道:上面的定義了很多規範,但是程式設計師在寫**的時候如何保證一定使用了這些規範? 答:這個時候需要一定的js規範的檢測的工具。
需要一定的工具去檢測 js **是否符合上面的規範(1. standard 2. 愛彼迎規範) 常見的檢測工具
eslint
jslint
jshint ....
前端隨心記 小程式的雲函式
小程式的雲函式開發 開啟小程式的雲開發模式 當每次新增新的函式時,都需要手動進行上傳,需支援npm時要在專案開啟nom支援。雲函式的增刪改查 增 insert function success res fail err 改 updata function then res catch err 查 s...
談談js前端開發的感悟
因為我是學前端的,所以就說說前端開發階段的編碼設計問題以及我的成長。剛開始我寫js 很混亂,功能和演算法,資料接受和返回經常放在一起,復用性很差,維護效能也很差,雖然做出的工具能用,但是維護的時間成本非常大,這是我剛開始時候的前端設計能力,工具的第乙個版本。後面隨著工具的使用,因為產品引數以及演算法...
專案中最實用的前端開發規範
前端的開發規範其實不需要定的太細,掌握好原則即可,依據這些原則,再去根據專案制定具體的要求,就可形成相關文件。比如,定好主題顏色後即可根據主題確定具體的顏色 字型 邊框 邊距 圖示等。根據之前做過的專案,我總結了20條原則,作為後期前端開發規範,無法面面俱到,僅供參考。1 必須使用構建工具,堅持前後...