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

資訊專欄INFORMATION COLUMN

我的前端開發準則

AlphaWallet / 1898人閱讀

摘要：轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，不止。再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。站點內部的，每次發布上線之前必須使用壓縮合并。

轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，code不止。回頭看自己今年寫的代碼，依然慘不忍睹，留坑無數。很多道理都是在不停的寫之中才想明白的。只是工作不會給我們時間回頭去改翔一般的代碼，我能做的，就是在接下來的過程中不再去犯同樣的錯誤。希望我寫的這點筆墨能讓剛入行的同學少走一個彎路。

再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。

關于圖片

頁面內的大圖，特別是banner圖，登錄頁背景圖等，使用第三方的cdn加速。同時做一遍壓縮，如果壓縮之后還超過200kb，則和設計師溝通是否取消或者更換圖片。

精靈圖必備，各種小圖標，小icon，做到一張圖片里面去。

盡量使用icon font代替小圖標，icon font的優點可以甩普通的icon圖標幾條街，隨意調整大小，改變顏色，太cool！！

如果項目很大，公司不差錢，最佳方案是把圖片資源放在多帶帶的服務器上，配置獨立的域名，圖片資源的加載由圖片域名加載，很多大公司的靜態資源都是由獨立的服務器來存放和分發的

我一般和設計師討價還價的底線就是圖片必須加載流暢，如果用戶打開網頁圖片加載半天出不來，就算我們的圖片做的再漂亮，又有什么卵用！！


良心資源：阿里巴巴字體圖標庫
關于js

第三方的js庫，必須使用min版。站點內部的lib，每次發布上線之前必須使用gulp壓縮合并。

移動端使用zepto庫，不允許使用jquery

給js代碼一個全局命名空間，舉個例子，我們的項目是某個自行車官網，全局命名空間就叫bike，和本項目有關的所有js方法，函數，變量，全部掛在bike的下面

var bike={};
bike.name="cookee";
bike.getOrderDetail=functtion(id){.....}
關于css

提煉項目的公共樣式，按鈕、表單。

命名。面向屬性命名，通用模塊可以面向模塊命名，比如頭部header，尾部footer等，其他請盡量使用面向屬性的命名方式，這樣可以給css最大程度的復用自由，關于什么是面向屬性的命名方式，請參考推薦

樣式分離再分離，在css里面不要使用id屬性，留著id給js使用

減少css的層級嵌套，由于css的渲染是從右向左的，關于網頁的渲染，這個細說起來又可以寫一篇文章了。如果你的層級標簽嵌套多層，想想要浪費多少渲染時間，對于移動端毫秒必爭的加載時間，你還有什么理由不改進你的代碼

優雅的名字可以讓人一目了然，放一張前人總結的圖，沒事的時候多看看，潛移默化的記住這些名字

精簡高效的CSS命名準則/方法
關于html

精簡dom結構，減少冗余html

語義化標簽，要學會用

移動端，使用svg繪圖代替canvas繪圖，canvas會有嚴重的鋸齒(如果有同學有實踐過的解決鋸齒的方案，我愿恭聽)

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

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

相關文章

  • 我的前端開發準則

    摘要：轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，不止。再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。站點內部的，每次發布上線之前必須使用壓縮合并。 轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，code不止。回頭看自己今年寫的代碼，依然慘不忍睹，留坑無數。很多道理都是在不停的寫之中才想明白的。只是工作不會給我們時間回頭...

    khs1994 評論0 收藏0

  • 我的前端開發準則

    摘要：轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，不止。再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。站點內部的，每次發布上線之前必須使用壓縮合并。 轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，code不止。回頭看自己今年寫的代碼，依然慘不忍睹，留坑無數。很多道理都是在不停的寫之中才想明白的。只是工作不會給我們時間回頭...

    Andrman 評論0 收藏0

  • 我的前端編碼習慣 —— html篇

    摘要：標簽屬性屬性名全部寫，屬性值雙引號引起來，每個雙標簽務必加對應的結束標簽單標簽不遵循此標準，仍按原標準，即不需要以結束。視情況為鏈接添加，圖要添加及。明確指定圖的和。 前言 作為一個前端工程師，我們可能每天都要寫html、css、javascript，每個人寫出來的代碼都飽含著自己的個人的style也有自己的編碼習慣和準則，下面和大家分享一下我的習慣和準則。 html 首先我們要對文...

    darkbug 評論0 收藏0

  • 我的前端編碼習慣 —— html篇

    摘要：標簽屬性屬性名全部寫，屬性值雙引號引起來，每個雙標簽務必加對應的結束標簽單標簽不遵循此標準，仍按原標準，即不需要以結束。視情況為鏈接添加，圖要添加及。明確指定圖的和。 前言 作為一個前端工程師，我們可能每天都要寫html、css、javascript，每個人寫出來的代碼都飽含著自己的個人的style也有自己的編碼習慣和準則，下面和大家分享一下我的習慣和準則。 html 首先我們要對文...

    ernest.wang 評論0 收藏0

發表評論

0條評論

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