Web前端開發有哪些良好的編程習慣？

01-06

比如像script盡量要放在&之前，保持良好的縮進類似這樣的習慣

建議多看書。

另外，不妨優先參考 @朴靈大神匯總的 FKS Documentation（JacksonTian/fks · GitHub）中的：

- 代碼質量（Coding style、單元測試、自動化測試）提高代碼質量。

- 前端標準/規範，了解相對正確和新鮮的內容。

- 編程知識儲備，設計模式、Javascript Tips

- 部署流程、代碼組織...

ps:多看常更新的專業團隊博客和喜歡share技巧的達人也是不錯的獲取技巧的方法。如： @王集鵠、 @一絲

推薦你看看騰訊AlloyTeam總結的一些工程師代碼書寫習慣

Code Guide by @AlloyTeam

更新

Code Guide by @AlloyTeam

別在js里拼HTML，模板引擎必須默認HTML轉義

Javascript style guide by airbnb:（推薦更新了很多ES6的內容例子很詳細）

airbnb/javascript · GitHub

HTMLCSS guide:

mdo: Bootstrap作者之一

編碼規範 by @mdo

Primer github使用的html css規範

Guidelines · Primer

在一定團隊範圍內建立一套編碼規範，然後通過codereview 和 fecs 機制來通過編輯器和人為強化的方式維持和推廣。

Baidu EFE Frontend Guide：ecomfe/spec · GitHub

Google Search Pattern： XXX best practice.

然後就出來一大堆。

推薦一下ES6(ECMAScript 2015) 編碼規範與詳細注意要點，

結合廣發證券大量ES6實踐項目整理而成，已開源於Github中，

gf-web/es6-coding-style · GitHub

持續更新中，歡迎PR以及提issue。

從今天開始用上未來的技術吧。

真的太多了。晚上詳細碼一碼，code review很重要，看別人代碼更重要。編程技術就是不斷的模仿和吸收。晚上拿段代碼舉例來說明吧。

編程習慣應該大部分還是通用的吧，多看別人的代碼，多給別人看自己的代碼。多思考怎麼簡化邏輯，怎麼容易維護。相關的文章和書籍還是挺多的。

大標題：能被傳承的習慣都是好習慣！

那問題來了，怎麼傳承？

又是另一個大命題：自動化工具與code review保障質量。

工具相關的名詞比如：eslint、jshint，這些工具已經預定義的一些規則，推薦使用eslint，因為比較容易擴展自定義規則。

code review相關的，建立一種review的文化，這個關鍵可能在人與團隊，在國內環境贊無可持續的最佳實踐，我所在的淘寶基礎業務組也在嘗試與推廣可落地的方案中。

嗯，跑題的答案。

KISS

可理解為不要作死：

不要寫難以理解的代碼
不要在代碼中炫技
不要為了設計而設計
能簡單就絕不複雜

這些做到就足夠了，其他XX規範只不過給你的團隊提供了一個統一的格式而已。

通過分析github代碼庫總結出來的工程師代碼書寫習慣

Code Guide by @AlloyTeam

編碼規範 by @mdo

《編寫可維護的javascript》

1. 題目問得挺Low

2. 我覺得前端最重要的編碼習慣是要有代碼潔癖，這樣才會驅使你去不斷優化爛代碼，從而不斷進步

給推薦本關於javascript的書吧，《編寫可維護的javascript》，不講javascript語法，更多的是講一些好的實踐。

前端編碼規範（1）—— 一般規範

前端編碼規範（2）—— HTML 規範

前端編碼風格規範（3）—— JavaScript 規範

前端編碼規範（4）—— CSS 和 Sass (SCSS) 規範

移動H5前端性能優化指南

我推薦一個 bootstrap 上面看到的。

編碼規範 by @mdo

bendc/frontend-guidelines · GitHub

最近很火的文章，已收集到4000多贊。閱讀需要懂英文。

模塊化開發

局部變數下劃線開頭

保證模塊封裝性、隱私性

非同步用next回調且遵從錯誤優先原則