前端隨心記 談談開發的工作規範

2022-03-10 19:15:44 字數 1504 閱讀 5869

網際網路上很多的大公司,會指定很多的規範,約束這種開發的隨意性。

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.json

public

- 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 必須使用構建工具,堅持前後...