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

資訊專欄INFORMATION COLUMN

前端開發(fā)小技巧（來自知乎）

妤鋒シ / 824人閱讀

摘要：原生越來越好了，如果是簡單的頁面，沒必要引入一個龐大的，尤其在手機(jī)端，對速度流量敏感的地方，另外最好自己簡單封裝一些常用的函數(shù)，比如等。。。這時候它就不知所措了，只好待在中間。參考前端界有哪些越早知道越好的小技巧小知識

1.You Might Not Need jQuery

不用jQuery，原生js如何實(shí)現(xiàn)，可以參考這里：You Might Not Need jQuery 。原生js越來越好了，如果是簡單的頁面，沒必要引入一個龐大的jQuery，尤其在手機(jī)端，對速度流量敏感的地方，另外最好自己簡單封裝一些常用的函數(shù)，比如toggleClass等。。。

2.Firefox查看源代碼功能檢查頁面錯誤

頁面寫完后，記得用Firefox 查看頁面源代碼功能，可以一眼發(fā)現(xiàn)未閉合標(biāo)簽、未轉(zhuǎn)義的HTML字符，如果不嫌麻煩，可以提交代碼到 http://validator.w3.org/ 驗(yàn)證HTML、CSS，下面圖片來自CSDN當(dāng)前首頁源碼，可以看到Firefox紅色高亮了錯誤的HTML代碼，_blank后面多了一個雙引號。

3.少用id

如果不在頁面中用js引用元素，盡可能不要設(shè)置元素的id，也盡量不要用#main{}來設(shè)置元素css樣式，而是用class方式.main{},因?yàn)?/p> 

可以防止ID重復(fù)，造成錯誤


可以方便引入新CSS復(fù)寫樣式，另外應(yīng)當(dāng)絕對避免行內(nèi)css樣式.
4.max-device-width

使用 max-device-width檢測而不是max-width來兼容手機(jī)、平板等，可以避免桌面瀏覽器因?yàn)榇翱谛。吹匠舐氖謾C(jī)頁面效果。

@media only screen and (max-device-width:980px){}
5.flex布局

多列布局，不考慮低級瀏覽器可以使用CSS3的flex布局，可以做到比浮動更好控制，如我寫的樣例代碼，垂直、水平居中可以很容易實(shí)現(xiàn)：

6.二維碼生成當(dāng)前網(wǎng)址的插件

裝個二維碼生成當(dāng)前網(wǎng)址的插件，以方便查看手機(jī)實(shí)際顯示效果，現(xiàn)在移動端日益重要，作為前端，一定不能忽視移動端的顯示效果，雖然瀏覽器都支持選擇device來測試不同的設(shè)備顯示效果，但畢竟和真實(shí)設(shè)備有差別，尤其在測試微信內(nèi)的頁面時候，非常方便。

7.讓一個塊級元素在某區(qū)域內(nèi)上下左右居中

效果：

解釋：原理就是讓 box 自己既要往左也要往右，既要往上也要往下。這時候它就不知所措了，只好待在中間。

8.chrome中隱藏元素

在 Chrome 瀏覽器的 Elements 里面選中某個元素，按 h 可以隱藏該元素。

9.適當(dāng)使用localStorage緩存HTML表單內(nèi)容.

適當(dāng)使用localStorage緩存HTML表單內(nèi)容，防止瀏覽器崩潰、死機(jī)造成填寫丟失.
具體事例移步這里cache form.通過‘查看網(wǎng)頁源代碼’可以看到實(shí)現(xiàn)的js，我還沒研究明白。。。

10.liveload

使用一些chrome的liveload插件或者grunt、glup這些構(gòu)建工具的liveload插件，這樣可以邊寫代碼變自動刷新頁面，實(shí)時看效果.

未完待續(xù)。。。

參考：前端界有哪些越早知道越好的小技巧小知識？

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/54313.html

相關(guān)文章

  • 前端開發(fā)小技巧（來自知乎）

    摘要：原生越來越好了，如果是簡單的頁面，沒必要引入一個龐大的，尤其在手機(jī)端，對速度流量敏感的地方，另外最好自己簡單封裝一些常用的函數(shù)，比如等。。。這時候它就不知所措了，只好待在中間。參考前端界有哪些越早知道越好的小技巧小知識 1.You Might Not Need jQuery 不用jQuery，原生js如何實(shí)現(xiàn)，可以參考這里：You Might Not Need jQuery 。原生js...

    cangck_X 評論0 收藏0

  • 前端開發(fā)小技巧（來自知乎）

    摘要：原生越來越好了，如果是簡單的頁面，沒必要引入一個龐大的，尤其在手機(jī)端，對速度流量敏感的地方，另外最好自己簡單封裝一些常用的函數(shù)，比如等。。。這時候它就不知所措了，只好待在中間。參考前端界有哪些越早知道越好的小技巧小知識 1.You Might Not Need jQuery 不用jQuery，原生js如何實(shí)現(xiàn)，可以參考這里：You Might Not Need jQuery 。原生js...

    Freeman 評論0 收藏0

  • HTML-CSS-JS

    摘要：本周于上海閉幕，掘金和知乎上都有對應(yīng)的實(shí)錄和問答，但會議的視頻目前都還沒放出來，有心的同學(xué)如果找到了歡迎分享。建議中英文對照閱讀。英文原文前端獨(dú)立技術(shù)博客推薦推薦一些現(xiàn)在還在堅(jiān)持原創(chuàng)的博主，有業(yè)界大牛，也有小鮮肉，也有國外美女。 CSS 樣式書寫規(guī)范最佳實(shí)踐 本文的所列是實(shí)踐當(dāng)中得出的一套比較不錯的 CSS 書寫規(guī)范，可以結(jié)合自身團(tuán)隊(duì)發(fā)展出一套適合自己業(yè)務(wù)的規(guī)范。 CSS中的字體與排版...

    mikasa 評論0 收藏0

  • HTML-CSS-JS

    摘要：本周于上海閉幕，掘金和知乎上都有對應(yīng)的實(shí)錄和問答，但會議的視頻目前都還沒放出來，有心的同學(xué)如果找到了歡迎分享。建議中英文對照閱讀。英文原文前端獨(dú)立技術(shù)博客推薦推薦一些現(xiàn)在還在堅(jiān)持原創(chuàng)的博主，有業(yè)界大牛，也有小鮮肉，也有國外美女。 CSS 樣式書寫規(guī)范最佳實(shí)踐 本文的所列是實(shí)踐當(dāng)中得出的一套比較不錯的 CSS 書寫規(guī)范，可以結(jié)合自身團(tuán)隊(duì)發(fā)展出一套適合自己業(yè)務(wù)的規(guī)范。 CSS中的字體與排版...

    李世贊 評論0 收藏0

  • HTML-CSS-JS

    摘要：本周于上海閉幕，掘金和知乎上都有對應(yīng)的實(shí)錄和問答，但會議的視頻目前都還沒放出來，有心的同學(xué)如果找到了歡迎分享。建議中英文對照閱讀。英文原文前端獨(dú)立技術(shù)博客推薦推薦一些現(xiàn)在還在堅(jiān)持原創(chuàng)的博主，有業(yè)界大牛，也有小鮮肉，也有國外美女。 CSS 樣式書寫規(guī)范最佳實(shí)踐 本文的所列是實(shí)踐當(dāng)中得出的一套比較不錯的 CSS 書寫規(guī)范，可以結(jié)合自身團(tuán)隊(duì)發(fā)展出一套適合自己業(yè)務(wù)的規(guī)范。 CSS中的字體與排版...

    MudOnTire 評論0 收藏0

發(fā)表評論

0條評論

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