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

資訊專欄INFORMATION COLUMN

切圖仔的一點(diǎn)工作經(jīng)驗(yàn)

godlong_X / 1066人閱讀

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

blog

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

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

調(diào)試功能強(qiáng)大、實(shí)現(xiàn)規(guī)范標(biāo)準(zhǔn)的瀏覽器（Chrome！）。

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

一臺足夠快的電腦。

多學(xué)多做，代碼基礎(chǔ)扎實(shí)。

1 PSD到手之后

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

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

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

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

3 編寫CSS 類名

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

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

偽元素

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

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

減少計(jì)算量，方便更改

少用浮動

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

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

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

很多情況下都不用js啦！

慢慢補(bǔ)充 結(jié)尾

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

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

相關(guān)文章

  • 切圖仔的一點(diǎn)工作經(jīng)驗(yàn)

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

    Karuru 評論0 收藏0

  • 切圖仔的 Nginx 小書?

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

    pubdreamcc 評論0 收藏0

  • 切圖仔的 Nginx 小書?

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

    mrli2016 評論0 收藏0

  • FEer到全棧開發(fā)

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

    elina 評論0 收藏0

發(fā)表評論

0條評論

godlong_X

男|高級講師

TA的文章

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