當前位置：首頁 » 網頁前端 » 前端基建命名
擴展閱讀
提分平台的賬號密碼是什麼 2023-08-31 22:07:10
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端基建命名

發布時間: 2022-06-21 08:53:09

① 前端開發中 多人合作怎麼避免命名重復的問題

按模塊來命名可以避免命名重復的問題

② 前端開發中的圖片的常規命名有哪些

  • 所有的命名最好都小寫。

  • 文件夾命名，盡量採取單個英語單詞描述，如login,index。

  • html文件名稱，當需要多個英語單詞描述時用」_」(下劃線)連接多個單詞分隔，如：user_add.html,動詞放在後面，便於相同業務模塊文件放在一起。

  • css，image，js文件名稱，當需要多個英語單詞描述時用」-「(分隔線)連接多個單詞分隔，如：font-awesome.css,login-user.jpg,login-pwd.jpg。 當基於某種類型從屬關系劃分文件時，以.(點)作為單詞分隔，如：jquery.min.js,common.left-sliding.js

    • js變數命名

    建議採取系統匈牙利命名法,因為js語言是一弱類型語言，聲明變數時，在名稱上標識其數據類型，以提高代碼的的可讀性。

    變數名＝數據類型+對象描述

    s: 表示字元串Stringn:表示數字i: 表示整型Int(它是Number中的整數類型)fl: 表示浮點Float(它是Number中的小數類型)b: 表示布爾Booleana: 表示數組Arrayo: 表示對象Objectfn: 表示函數Function

    例如var aPerson = []; // Array數組var oBtn = document.getElementById(『btn』); //Object對象var fnName = function () {}; // function函數var sName = 「w3cplus」; // string字元串

③ 前端自己模擬寫數據文件命名是 json 還是.html

可以自己寫，操作，點擊mockjs 隨機產生json數據。
代碼：

<!DOCTYPE html>
<html>

<head>
<title></title>
<meta charset="utf-8">
</head>

<body>
<div>
<h1 id="mockjs">mockjs</h1>
</div>
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>
<script type="text/javascript">
//調用mock方法模擬數據
Mock.mock(
'http://mockjs', {
"userName": '@name', //模擬名稱
"age|1-100": 100, //模擬年齡(1-100)
"color": "@color", //模擬色值
"date": "@date('yyyy-MM-dd')", //模擬時間
"url": "@url()", //模擬url
"content": "@cparagraph()" //模擬文本
}
);

//ajax請求
$("#mockjs").click(function() {
$.ajax({
url: "http://mockjs", //請求的url地址
dataType: "json", //返回格式為json
async: true, //請求是否非同步，默認為非同步，這也是ajax重要特性
data: {}, //參數值
type: "GET", //請求方式
beforeSend: function() {
//請求前的處理
console.log('start');
},
success: function(req) {
//請求成功時處理
console.log(req);
},
complete: function() {
//請求完成的處理
console.log('end');
},
error: function(err) {
//請求出錯處理
console.log(err);
}
});
});
</script>
</body>

</html>

作者：幺加幺
鏈接：http://www.jianshu.com/p/8626d28f226f
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。

④ 有一個前端面試題，多人項目中你將如何規劃css文件,樣式命名

.class1 .class2{xxxxxxxxx} class1下面的 class2 樣式 .class2.red{xxxxxx} 同時具有 class2 和 red 的樣式

⑤ web前端頁面開發一般怎麼命名

首先web前端工程師必須會的三點 HTML,CSS，js 不管是asp.net還是php都需要前三者，數據沒有好與不好之說，看公司需求，但是sql語句不同資料庫大同小異，所以先把sql語句學好吧

⑥ web前端命名bar是什麼意思

術語foobar, foo, bar, baz 和qux經常在計算機編程或計算機相關的文檔中被用作佔位符的名字。當變數，函數，或命令本身不太重要的時候，foobar, foo, bar, baz 和qux就被用來充當這些實體的名字，這樣做的目的僅僅是闡述一個概念，說明一個想法。這些術語本身相對於使用的場景來說沒有任何意義。Foobar經常被單獨使用；而當需要多個實體舉例的時候，foo，bar，和baz則經常被按順序使用。

⑦ 在前端開發當中，網站的網頁要怎麼命名

1、首頁固定命名為index.html或default.html

.html為後綴，代碼前後台整合後，可以更換為其他後綴。

要求首頁固定命名的原因在於：瀏覽器在訪問到一個域名時，首先查看的時當當前目錄下有沒有名稱為index或default的文件，如果有則自動讀取，如果沒有，則給出的時當前目錄下的文件夾結構菜單。

2、其他網頁命名不要使用中文或漢語拼音

網頁命名使用小寫英文字母，不需要使用大寫，對於網頁命名來說，通常要求具有語義性，從而便於解讀。比如：根據具體的頁面內容，轉換為英文來命名。

3、可通過前綴區分不同類別的網頁

對於列表頁類型的網頁名稱，可以在前面添加list前綴；對於內容頁類型的網頁名稱，可以在前面添加arc前綴。List和arc分別表示列表和文章。通過這種方式讓自己的網頁名稱更加清晰。

4、遵循公司標准

除了上述的基本要求之外，很多成型的互聯網公司，都還有自己一些「附加」的命名規則，可按照公司的標准進行網頁的命名。

⑧ 前端html頁面id命名問題

常用id的命名
(1) 頁面結構
容器: container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：left right center
(2) 導航
導航：nav
主導航：mainbav
子導航：subnav
頂導航：topnav
邊導航：sidebar
左導航：leftsidebar
右導航：rightsidebar
菜單：menu
子菜單：submenu
標題: title
摘要: summary
(3) 功能
標志：logo
廣告：banner
登陸：login
登錄條：loginbar
注冊：regsiter
搜索：search
功能區：shop
標題：title
加入：joinus
狀態：status
按鈕：btn
滾動：scroll
標簽頁：tab
文章列表：list
提示信息：msg
當前的: current
小技巧：tips
圖標: icon
注釋：note
指南：guild
服務：service
熱點：hot
新聞：news
下載：download
投票：vote
合作夥伴：partner
友情鏈接：link
版權：right

⑨ 求推薦一下關於Web前端的相關資料！

一）前端基本功

前端相關的基礎知識

  • 《HTTP/3 來了 ！未來可期》

  • 《你可能已經忽略的 git commit 規范》

  • 《手寫一個 WebSocket 協議》

  • 《5000字解析：前端五種跨平台技術》

  • 《一篇搞定移動端適配》

  • 《Chrome DevTools中的這些騷操作，你都知道嗎？》

  • 《Chrome 運行時性能瓶頸分析》

  • 《當瀏覽器全面禁用三方 Cookie》

  • 《無形中提高工作效率的 Chrome 插件》

  • 《還分不清 Cookie、Session、Token、JWT？》

  • 《你連 HTTPS 原理都不懂，還講「中間人攻擊」？》

  • 《npm install 原理分析》

  • 《不容錯過的 Babel 7 知識匯總》

  • 《一文搞懂 Web 中暗藏的密碼學》

  • 《解讀HTTP/2與HTTP/3 的新特性》

    • CSS

  • 《那些不常見，但卻非常實用的 CSS 屬性》

  • 《面試官：你可以用純 CSS 判斷滑鼠進入的方向嗎？》

  • 《二營長，快掏個CSS出來給我畫個井字棋游戲》

  • 《CSS 故障藝術》

  • 《我寫CSS的常用套路(附demo的效果實現與源碼）》

  • 《來自新時代的 CSS》

  • 《你還不會 CSS 動畫？》

    • JavaScript

  • 《誰說前端不需要懂二進制》

  • 《你不知道的 Blob》

  • 《Javascript常用的 60 余種工具方法》

  • 《你可以這樣優化 if-else 代碼結構》

  • 《JS 圖片壓縮的實現思路》

  • 《一個簡潔、有趣的無限下拉方案》

  • 《請你實現一個大文件上傳和斷點續傳》

  • 《從 ES6 到 ES10 的新特性萬字大總結》

  • 《JavaScript 手寫代碼無敵秘籍》

    • TypeScript

  • 《通俗易懂的 TypeScript 入門教程》

  • 《用 TypeScript 編寫 React 的最佳實踐》

  • 《一文讀懂 JS 裝飾器》

  • 《你真的懂 Promise 嗎？》

  • 《Typescript 那些好用的技巧》

  • 《Typescript 嚴格模式有多嚴格？》

    • 二）前端框架、工具、庫

    React

  • 《用 TypeScript 編寫 React 的最佳實踐》

  • 《2020 年你應該知道的 React 庫》

  • 《5 個技巧助你編寫更好的 React 代碼》

  • 《10個案例讓你徹底理解React hooks的渲染邏輯》

  • 《組件演進史：從Mixin到HOC，再到Hook》

    • Vue

  • 《1.1萬字從零解讀Vue3.0源碼響應式系統》

  • 《重頭來過的 Vue 3 帶來了什麼？》

    • Nodejs

  • 《一杯茶的時間，上手 Node.js》

  • 《深入理解 Node.js 進程與線程》

    • Deno

  • 《Deno 會取代 Node.js 嗎？》

  • 《了不起的 Deno 入門教程》

  • 《推倒 Node 重做，Deno 1.0 來了》

    • Webpack

  • 《一文搞懂 Webpack 多入口配置》

    • GraphQL

  • 《GraphQL-前端開發的利劍與橋梁》

  • 《GraphQL 入門看這篇就夠了》

  • 《前端工程師應該了解的 GraphQL》

    • VS Code
    《動圖演示11個必備 VS Code 插件》

    三）面試題精選

  • 《高頻前端面試題》

  • 《吐血整理！再來一打 Webpack 面試題》

  • 《前端同學經常忽視的一個 JavaScript 面試題》

  • 《如何輕松拿到淘寶前端 offer》

  • 《三年大廠面試官：二面題》

  • 《十幾道含答案的大廠面試題總結》

  • 《如何答一道驚艷面試官的數組去重問題？》

  • 《10 個 CSS 高頻面試題，你都會嗎？》

  • 《經常被面試官考的 JS 數據類型知識你真的懂嗎？》

  • 《面試須知：瀏覽器相關原理詳細總結》

  • 《2019 大齡前端如何准備面試？》

  • 《2018 大廠高級前端面試題匯總》

    • 四）前端開發的職業修煉

  • 《前端如何在項目中做出亮點》

  • 《Facebook 前端技術棧重構分享》

  • 《當前端基建任務落到你身上，該如何推動協作？》

  • 《使用 docker 高效部署你的前端應用》

  • 《關於前端學習路線的一些建議》

  • 《各種場景喚起 App 的騷操作》

  • 《Web 視頻播放前前後後那些事》

  • 《你必須要注意的依賴安全漏洞》

  • 《從 12.67s 到 1.06s 的網站性能優化實戰》

  • 《網易雲音樂前端性能監控實踐》

  • 《一個阿里前端工程師的成長之路》

  • 《非常全面的前端協作規范》

  • 《一名合格前端工程師的自檢清單》

  • 《從 0 到 1 再到 100：搭建、編寫、構建一個前端項目》

希望對你有用，望採納~

閱讀全文

與前端基建命名相關的內容

本站內容整理源於互聯網，如有問題請聯系解決。
Copyright design: www.gotrillian.com since 2022