国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

(css/js)如何起個好名字

Rainie / 746人閱讀

摘要：就會給起名表示求和函數，漸漸地知道最好用英語給變量或者是函數名起名字，盡管有時候英語不好，那就翻翻有道吧。所以有一段時間的命名是很長的兩三個單詞的駝峰法命名。

什么鬼，又不知道怎么命名class了
直接進入正文

記得大一學C語言的時候，那個時候根本沒把這當回事吧。
所謂的混沌階段
變量名，函數名，隨意吧，那個時候寫簡單地c程序，就好像寫著玩，就算復雜點得也不過一二百行，所以變量名什么的，可能就會起a b c s s1 s2...

后來漸漸地代碼寫多了點，才發現也不能隨便起名字吧，稍微有意義一點的。
就會給起名sum()表示求和函數，漸漸地知道最好用英語給變量或者是函數名起名字，盡管有時候英語不好，那就翻翻有道吧。

再后來工作，走上前端這條路了，恩，前端可是細致活，有一段時間覺得前端真是沒意思啊，寫div布局，調css樣式，就只是為了對對齊，1px的移動感覺也并沒有好看很多啊，而且里面那么多元素id到還好反正一個頁面就一個，也用的少，class就特別多，代碼量少一點的，布局清晰一點的頁面還好，沒有那么多class名字。接觸到比較大的項目，有很多頁面模塊，每個模塊的內容又有點相似，class很多，寫新頁面的時候會時不時地思考怎么給這個class起個不會重復又達意的名字。那個時候，TL和我們說，變量名長一點沒關系不要讓人看不懂，一個單詞縮寫不要縮寫到兩三個字母讓人看不懂。所以有一段時間的命名是很長的兩三個單詞的駝峰法命名。

看一些前端框架庫，看他們的命名感覺都挺好的，至少看著舒心，不繁瑣而且挺達意的。特別是-短杠的用法，之前看bootstrap，覺得挺好的，我之前的做法總是駝峰法命名，比如寫一個商店的div如下

只是一個例子，上述層級只有兩級描述商店內容的相關信息，要是再接下去
shopGood下的分級描述有哪些類型的商品 我估計就起名
shopGoodFood shopGoodBook shopGoodTool...

這樣如果頁面少，也還好，主要是當項目有很多頁面時候，這里命名了個shop 可能在別的地方又命名了個shop 很有體會，許多時候剛要給起個名字，智能提示已經存在了，然后有想換個啥呢總不能shop2

吐槽 歸吐槽，總之，也是慢慢地在寫代碼的過程中形成自己的一套好一點的命名規范和風格吧，第一要務是要寫的能讓別人看頁面布局 通過className DOM元素的意義關系 一目了然，可維護吧。

--------------------

正文開始分割線

--------------------------

在命名方面的一些自我總結

命名盡量用英語，好幾個英語單詞合成的名稱，可以縮寫，但前提能看懂意思，不然長點就長一點

我還是習慣駝峰命名規則，helloWorld

對一些元素的命名可以在后面加上這個元素名比如cancelBtn productListTable

- 我覺得shopName 有時候可能shop-name 會不會看上去好一點呢(層級多一點話)

盡量減少不必要的class 比如對于ul li這樣的，做好父級的命名

常用的class命名

其他

一些樣式處理 Tips

因為瀏覽器自帶各自的樣式處理css，所以需要一套自己的reset.css

公共基礎的樣式簡寫在common.css

今天寫想寫這個就是因為起名字好煩覺得，看看別人怎么做的，果然找到了很多可以學習的文章,再貼一遍
什么鬼，又不知道怎么命名class了
概要知識點：

BEM 命名 block element modifier

常見的class關鍵詞 布局類/包裹類/大小類/狀態類...

定制簡單地規則 利用中劃線- 名稱前綴/后綴...

修飾關鍵詞 header縮寫hd .modal-hd .article-hd...

層級/樣式范圍

關于BEM CSS命名規范的幾篇文章
為什么我們需要BEM
BEM —— 源自Yandex的CSS 命名方法論
NEC-CSS規范

關于 如何編寫公共的css文件(common.css)的幾篇文章
如何編寫公共的css文件 如何讓css文件更規范

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111208.html

相關文章

  • 爬蟲 - 收藏集 - 掘金

    摘要：在這之前，還是有必要對一些概念超輕量級反爬蟲方案后端掘金前言爬蟲和反爬蟲日益成為每家公司的標配系統。 爬蟲修煉之道——從網頁中提取結構化數據并保存（以爬取糗百文本板塊所有糗事為例） - 后端 - 掘金歡迎大家關注我的專題：爬蟲修煉之道 上篇 爬蟲修煉之道——編寫一個爬取多頁面的網絡爬蟲主要講解了如何使用python編寫一個可以下載多頁面的爬蟲，如何將相對URL轉為絕對URL，如何限速，...

    1fe1se 評論0 收藏0

  • 小白的邊學邊寫，一個基于laravel的APP接口【API】（二）

    摘要：當注冊成功以后，我們應該立即返回確認用戶登錄的值，并且作為的變量給儲存起來，直到退出時刪除，或者超出時間后刪除。在文檔里也有提及，對，就是那個叫的東東。用戶信息也被正常寫入，之后就可以歡快的擴展注冊機制啦。 前言 根據上一篇文章，我們已經吧dingo/api給安裝并且調試好了，那么下一步，就是來完善咱們的API了。最首要的步驟一定是要先把注冊的功能給完善了，好了，那就給第一條正式API...

    skinner 評論0 收藏0

  • 小白的邊學邊寫，一個基于laravel的APP接口【API】（二）

    摘要：當注冊成功以后，我們應該立即返回確認用戶登錄的值，并且作為的變量給儲存起來，直到退出時刪除，或者超出時間后刪除。在文檔里也有提及，對，就是那個叫的東東。用戶信息也被正常寫入，之后就可以歡快的擴展注冊機制啦。 前言 根據上一篇文章，我們已經吧dingo/api給安裝并且調試好了，那么下一步，就是來完善咱們的API了。最首要的步驟一定是要先把注冊的功能給完善了，好了，那就給第一條正式API...

    jlanglang 評論0 收藏0

  • JavaScript 回顧學習：變量

    摘要：變量的分類全局變量可以在任何地方使用的變量局部變量在函數內聲明的變量只在函數內有定義，作用域是局部性的什么時候使用當一個數據需要被反復使用時，就要先保存在變量中。 第一篇回顧學習，變量 什么是變量 變量就是在內存中刨一個坑存一個數據，再給這個坑起個名。為什么要給一個加引號呢，因為JavaScript是松散類型的，即一個變量可以用來保存任何類型的數據。變量的分類：全局變量：可以在任何地方...

    KitorinZero 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<