成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

切圖仔的一點工作經(jīng)驗

godlong_X / 1067人閱讀

摘要：切圖仔的一點工作經(jīng)驗磨刀不誤砍柴功一個趁手的編輯器比如自己調(diào)教好的或如，可以極大的提高自己的工作效率。如果美工做圖的時候能把什么命名字體行距內(nèi)外邊距標注清楚，能省切圖仔多少事編寫先創(chuàng)建好模板，常用的標簽重置這些先帶上。

blog

切圖仔的一點工作經(jīng)驗 0 磨刀不誤砍柴功

一個趁手的編輯器（比如自己調(diào)教好的st3）或IDE（如Hbuilder、webstorm），可以極大的提高自己的工作效率。

調(diào)試功能強大、實現(xiàn)規(guī)范標準的瀏覽器（Chrome?。?/p>

明確瀏覽器兼容要求，能用啥該用啥想想清楚。

一臺足夠快的電腦。

多學多做，代碼基礎扎實。

1 PSD到手之后

從美工那拿到PSD文件后，先別急著敲，仔細看一遍，想想html結(jié)構(gòu)該怎么建，哪些元素可以重用，一些效果該怎么實現(xiàn)。

如果美工做圖的時候能把什么命名字體行距內(nèi)外邊距標注清楚，能省切圖仔多少事
2 編寫HTML

先創(chuàng)建好模板，常用的meta標簽、重置css這些先帶上。

接下來寫頁面的框架，定好幾個大的區(qū)塊，往里面填具體的結(jié)構(gòu)，注意結(jié)構(gòu)要清晰明確語義化。

3 編寫CSS 類名

我個人傾向于BEM命名法，當然，我現(xiàn)在水平不夠，不太純

寫css的時候，靠著IDE智能提示，那感覺，特爽！

偽元素

裝飾性元素可以盡量用偽元素來實現(xiàn)，什么小圖標小線段序號（使用css計數(shù)器）之類的東西，可以有效減小HTML文檔的復雜度。

雜七雜八的一些技巧 高寬不定死

減少計算量，方便更改

少用浮動

如果不是非要兼容IE7，那使用inline-block可以替掉很多需要使用float的場景。

少用浮動，那由浮動引起的一些問題也就沒有了，像什么破壞DOM流。

必要的回退 
/*先寫回退，再寫高級樣式*/
background-color: #fff;
background-color: rgba(256, 256, 256, 0.48);
使用高級選擇器

很多情況下都不用js啦！

慢慢補充 結(jié)尾

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/50164.html

相關文章

  • 切圖仔的一點工作經(jīng)驗

    摘要：切圖仔的一點工作經(jīng)驗磨刀不誤砍柴功一個趁手的編輯器比如自己調(diào)教好的或如，可以極大的提高自己的工作效率。如果美工做圖的時候能把什么命名字體行距內(nèi)外邊距標注清楚，能省切圖仔多少事編寫先創(chuàng)建好模板，常用的標簽重置這些先帶上。 blog 切圖仔的一點工作經(jīng)驗 0 磨刀不誤砍柴功 一個趁手的編輯器（比如自己調(diào)教好的st3）或IDE（如Hbuilder、webstorm），可以極大的提高自己的工作...

    Karuru 評論0 收藏0

  • 切圖仔的 Nginx 小書?

    摘要：切圖仔的小書本文陸續(xù)介紹的功能配置及一些實用場景待完善。更可貴的是配置簡單文檔豐富大大降低了學習的門檻。為什么選擇自年發(fā)布以來，一直是服務器市場的霸主。雖然發(fā)布較晚，但是卻因為在高并發(fā)下卓越的表現(xiàn)而迅速嶄露頭角。 切圖仔的 Nginx 小書 本文陸續(xù)介紹 Nginx 的功能、配置、及一些實用場景（待完善...）。 一、介紹 Nginx 1. Nginx 是什么？ Nginx，很多工程師...

    pubdreamcc 評論0 收藏0

  • 切圖仔的 Nginx 小書?

    摘要：切圖仔的小書本文陸續(xù)介紹的功能配置及一些實用場景待完善。更可貴的是配置簡單文檔豐富大大降低了學習的門檻。為什么選擇自年發(fā)布以來，一直是服務器市場的霸主。雖然發(fā)布較晚，但是卻因為在高并發(fā)下卓越的表現(xiàn)而迅速嶄露頭角。 切圖仔的 Nginx 小書 本文陸續(xù)介紹 Nginx 的功能、配置、及一些實用場景（待完善...）。 一、介紹 Nginx 1. Nginx 是什么？ Nginx，很多工程師...

    mrli2016 評論0 收藏0

  • FEer到全棧開發(fā)

    摘要：代碼開發(fā)記得曾經(jīng)聽開發(fā)平臺的同學驕傲的講，中只有百度有全公司級別的統(tǒng)一代碼倉庫，并且使用管理代碼，不明覺厲，我也很驕傲。 前言 從前，一個類B/S架構(gòu)的應用里，F(xiàn)Eer，或者叫切圖仔，切圖+表單驗證就是工作的全部。無奈我所做的全部，只是整個應用的冰山一角...責任小了，邊緣感就強了，owner意識自然差，視野自然受限。 感謝V8引擎的極速體驗&chrome瀏覽器的緊隨規(guī)范，js執(zhí)行速度...

    elina 評論0 收藏0

發(fā)表評論

0條評論

godlong_X

男|高級講師

TA的文章

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