資訊專欄INFORMATION COLUMN
摘要：轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，不止。再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。站點內部的，每次發(fā)布上線之前必須使用壓縮合并。
轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，code不止?；仡^看自己今年寫的代碼，依然慘不忍睹，留坑無數(shù)。很多道理都是在不停的寫之中才想明白的。只是工作不會給我們時間回頭去改翔一般的代碼，我能做的，就是在接下來的過程中不再去犯同樣的錯誤。希望我寫的這點筆墨能讓剛入行的同學少走一個彎路。
再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。
關于圖片頁面內的大圖，特別是banner圖，登錄頁背景圖等，使用第三方的cdn加速。同時做一遍壓縮，如果壓縮之后還超過200kb，則和設計師溝通是否取消或者更換圖片。
精靈圖必備，各種小圖標，小icon，做到一張圖片里面去。
盡量使用icon font代替小圖標，icon font的優(yōu)點可以甩普通的icon圖標幾條街，隨意調整大小，改變顏色，太cool??！
如果項目很大，公司不差錢，最佳方案是把圖片資源放在多帶帶的服務器上，配置獨立的域名，圖片資源的加載由圖片域名加載，很多大公司的靜態(tài)資源都是由獨立的服務器來存放和分發(fā)的
關于js我一般和設計師討價還價的底線就是圖片必須加載流暢，如果用戶打開網頁圖片加載半天出不來，就算我們的圖片做的再漂亮，又有什么卵用！！
良心資源：阿里巴巴字體圖標庫
第三方的js庫，必須使用min版。站點內部的lib，每次發(fā)布上線之前必須使用gulp壓縮合并。
移動端使用zepto庫，不允許使用jquery
給js代碼一個全局命名空間，舉個例子，我們的項目是某個自行車官網，全局命名空間就叫bike，和本項目有關的所有js方法，函數(shù)，變量，全部掛在bike的下面
var bike={};
bike.name="cookee";
bike.getOrderDetail=functtion(id){.....}
關于css
提煉項目的公共樣式，按鈕、表單。
命名。面向屬性命名，通用模塊可以面向模塊命名，比如頭部header，尾部footer等，其他請盡量使用面向屬性的命名方式，這樣可以給css最大程度的復用自由，關于什么是面向屬性的命名方式，請參考推薦
樣式分離再分離，在css里面不要使用id屬性，留著id給js使用
減少css的層級嵌套，由于css的渲染是從右向左的，關于網頁的渲染，這個細說起來又可以寫一篇文章了。如果你的層級標簽嵌套多層，想想要浪費多少渲染時間，對于移動端毫秒必爭的加載時間，你還有什么理由不改進你的代碼
優(yōu)雅的名字可以讓人一目了然，放一張前人總結的圖，沒事的時候多看看，潛移默化的記住這些名字
關于html精簡高效的CSS命名準則/方法
精簡dom結構，減少冗余html
語義化標簽，要學會用
移動端，使用svg繪圖代替canvas繪圖，canvas會有嚴重的鋸齒(如果有同學有實踐過的解決鋸齒的方案，我愿恭聽)
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111242.html
摘要：轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，不止。再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。站點內部的，每次發(fā)布上線之前必須使用壓縮合并。 轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，code不止?；仡^看自己今年寫的代碼，依然慘不忍睹，留坑無數(shù)。很多道理都是在不停的寫之中才想明白的。只是工作不會給我們時間回頭...
摘要：轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，不止。再次說明，這是我的準則，里面有精華也有糟粕，如果有熱心人能指點一二，感激之情，不勝言表。站點內部的，每次發(fā)布上線之前必須使用壓縮合并。 轉眼入行一年半，在前端這條路上摸爬滾打，學海無涯，生命不息，code不止?；仡^看自己今年寫的代碼，依然慘不忍睹，留坑無數(shù)。很多道理都是在不停的寫之中才想明白的。只是工作不會給我們時間回頭...
摘要：標簽屬性屬性名全部寫，屬性值雙引號引起來，每個雙標簽務必加對應的結束標簽單標簽不遵循此標準，仍按原標準，即不需要以結束。視情況為鏈接添加，圖要添加及。明確指定圖的和。 前言 作為一個前端工程師，我們可能每天都要寫html、css、javascript，每個人寫出來的代碼都飽含著自己的個人的style也有自己的編碼習慣和準則，下面和大家分享一下我的習慣和準則。 html 首先我們要對文...
摘要：標簽屬性屬性名全部寫，屬性值雙引號引起來，每個雙標簽務必加對應的結束標簽單標簽不遵循此標準，仍按原標準，即不需要以結束。視情況為鏈接添加，圖要添加及。明確指定圖的和。 前言 作為一個前端工程師，我們可能每天都要寫html、css、javascript，每個人寫出來的代碼都飽含著自己的個人的style也有自己的編碼習慣和準則，下面和大家分享一下我的習慣和準則。 html 首先我們要對文...
閱讀 2521·2023-04-26 02:57
閱讀 1403·2023-04-25 21:40
閱讀 2154·2021-11-24 09:39
閱讀 3556·2021-08-30 09:49
閱讀 759·2019-08-30 15:54
閱讀 1166·2019-08-30 15:52
閱讀 2067·2019-08-30 15:44
閱讀 1274·2019-08-28 18:27
