前端專案開發的各種規範
1.html部分
1. class使用功能或內容來命名,全部使用小寫,多個單詞時使用中劃線 - 分隔,我的習慣是使用 _ 分隔。
2. 使用jq時,如果有使用js來操縱dom,推薦使用id來控制,減少無樣式資訊的class
3. 引號優先使用雙引號,當出現引號巢狀時在使用單引號
2.css部分
1. css也需要添加註釋。大模組之間引用三行空行
2. 避免選擇器巢狀層級過多,儘量少於3層
3. 引入樣式表避免使用@import引入,這種引入方式速度太慢。
4. 儘量避免使用標籤選擇器
3.js部分
1.單行註釋使用 //, 多行註釋使用/* */, 檔案註釋 用於說明該檔案是幹嘛的
2. 變數,函式使用駝峰明命犯(Camel)
3. boolean型別的變數使用is或has開頭, isReady
4. 函式名使用動賓短語 getStyle()
5. 類名使用名詞
相關推薦
前端專案開發的各種規範
1.html部分 1. class使用功能或內容來命名,全部使用小寫,多個單詞時使用中劃線 - 分隔,我的習慣是使用 _ 分隔。 2. 使用jq時,如果有使用js來操縱dom,推薦使用id來控制,減少無樣式資訊的class 3. 引號優先使用雙引號,當出
前端專案開發所需技術
原始碼管理: 攻Git GitLab 框架與庫:攻Jquery,Vue (還有React Native | Angular等) 模組化: 攻sea.js 打包編譯:攻Gulp Webpack後端環境: 攻Node.js (還有PHP,Java等) 程式碼釋出
【轉載】前端專案開發流程及技術選型
喂喂喂,那個切圖的,把頁面寫好就發給研發工程師套模板吧。 你好,切圖仔。 不知道你的團隊如何定義前端開發,據我所知,時至今日仍然有很多團隊會把前端開發歸類為產品或者設計崗位,雖然身份之爭多少有些無謂,但我對這種偏見還是心存芥蒂,醞釀了許久,決定寫一個
Web前端企業開發命名規範
一個好的前端專案程式碼離不開好的命名規範,試想一下叫你接手一個專案,你看到之前開發的程式碼的命名一團糟,那是多麼痛苦的事啊。或者你自己把一個專案命名的一團糟,等過段時間讓你重構該專案的時候,估計腸子都要悔青吧! (一)網頁內容類 標題: title
web專案開發 之 前端規範 --- CSS編碼規範
此文嚴格按照W3C規範和部分實際專案可讀性,瀏覽器載入,效能等眾多屬性權衡,做出平時前端編碼規範文檔。供廣大web工作者參考並實施,對維護和專案擴充套件升級都能省時省力。轉載請註明出處;JS前端實用開發QQ群 :147250970 歡迎加入~!CSS編碼規範1 前言
前端爬坑日記(1),你在初入vue專案開發過程中可能會掉進的坑!
這篇文章是記錄我在vue專案開發中遇到的各種巨坑,希望看了能對你有一些幫助,這篇文章會長期更新 1.Vue中使用sass 首先通過以下程式碼安裝sass的依賴: npm i sass-loader node-sass - s 然後在webepack.base.conf.js目錄下配置
前端開發命名規範
一 . 變數命名 命名方式: 小駝峰式命名方法 命名規範: 型別+物件描述的方式,如果沒有明確的型別,就可以使字首為名詞 型別 小寫字母 array a boolean b function fn int
電商專案day03(前端分層開發&規格實現)
今日目標: 理解前端分層開發 實現控制器繼承 能夠使用mybatis逆向工程生成dao層程式碼 完成規格管理功能 一、js程式碼重構 首先介紹
傳智+黑馬程式設計師web前端開發+專案開發等教程
Python的函式定義非常簡單,但靈活度卻非常大。除了正常定義的必選引數外,還可以使用預設引數、可變引數和關鍵字引數,使得函式定義出來的介面,不但能處理複雜的引數,還可以簡化呼叫者的程式碼。 位置引數 我們先寫一個計算x2的函式: def power(x): r
2018年最全微專業之前端開發工程師:零基礎完成MIni專案開發
課程目錄 CSS基礎.zip DOM程式設計藝術.zip HTML入門.zip JavaScript程式設計.zip JavaScrip
Web前端開發標準規範總結
Web前端作為開發團隊中不可或缺的一部分,需要按照相關規定進行合理編寫(一部分不良習慣可能給自己和他人造成不必要的麻煩)。不同公司不同團隊具有不同的規範和文件。下面是根據不同企業和團隊的要求進行全面詳細的整理結果。備註:實際開發請以本公司的規範為標準。 A.基本原則 符合web標準(UTF-
IOS下 用vue開發前端專案 點選返回 頁面出現空白
原文章地址問題描述:進入A頁面——>B頁面——>ios自帶的返回——>白屏出現——>手動點選白屏處——>問題解決原因分析: 在ios機器上使用webview開發Vue專案時候,go history(-1), 無法將body的高度拉掉,使得遮住,觸
記錄軟體工程課程專案開發時遇到的各種小問題(django)
1.python manage.py makemigrations 無效/無法檢測出model的變化 在修改了models.py之後,我們想要更新資料庫的表,使用了python manage.py makemigrations 命令之後,顯示出"No changes detected",我們因此無法migr
2018WEB前端專案實戰,全棧開發,知乎專案,拉勾網專案,使用者介面架構
42套WEB前端包含:HTML5,CSS3,VueJS,AngularJS,NodeJS,ReactJS,Bootstrap,Webpack,Ajax,JQuery,WepApp,Yii2.0,ES6,Laravel5.4,響應式開發,元件式開發,全棧開發,知乎專案,拉勾網專案,企業級寫作平臺,使用者介面架構
前端程式碼開發規範。web開發規範。web開發注意事項。前端開發如何寫出更規範的程式碼
一、圖片觀看:二、文字描述:1,web開發基本原則: 1.結構html,樣式css,行為js:三者要分離,儘量確保文件和模板只包含HTML結構,樣式都放到樣式表裡,行為都放到腳本里; 2.縮排:統一縮排方式:整體tab /整體空格; 3.檔案編碼:在HT
Java專案開發規範參考
iB2Team專案開發規範 By KevinLee 2016-4-20 僅供參考 1. 目的 為了使軟體開發過程順暢,保證軟體質量,於是有了這份開發規範文件。 2. 概述 專案以功能模組來劃分分工 資料庫不能隨意修改,本地資料庫須統
一個android專案開發遇到的各種小問題(一)
1、map格式字串如何解析? 藉助json,先將字串轉化為json格式,再取值 JSONObject object = new JSONObject(posMap); clientIden = object.getString("iden"); ---------
微服務專案開發規範
1.專案命名: xx-xx/xx-xx-xx 專案名-模組名/專案名-模組名-二級模組名 大小寫:全部小寫,單詞間使用-連線 2專案劃分 mes-base 共有基礎模組,抽出共用實體,共用工具類等 mes-discovery-eureka 服務註冊中心 me
C#OOP之十六 開發常用之各種規範參考
附錄一.Windows控制元件縮寫規範資料型別資料型別簡寫標準命名LableLblLblMessageLinkLablellblLlblTodayButtonbtnBtnsaveTextBoxTxtTxtNameMainMenummnuMnnuFileCheckBoxchkc
[Vue 牛刀小試]:第十六章 - 針對傳統後端開發人員的前端專案框架搭建
一、前言 在之前學習 Vue 基礎知識點的文章中,我們還是採用傳統的方式,通過在 html 頁面上引用 vue.js 這個檔案,從而將 Vue 引入到我們的專案開發中。伴隨著 Node.js 的出現,以及 React、Angular、Vue 這類的前端 MVVM 框架的發展,前端越來越像後端