亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

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

godlong_X / 1120人閱讀

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

blog

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

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

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

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

一臺(tái)足夠快的電腦。

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

1 PSD到手之后

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

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

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

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

3 編寫(xiě)CSS 類(lèi)名

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

寫(xiě)css的時(shí)候，靠著IDE智能提示，那感覺(jué)，特爽！

偽元素

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

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

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

少用浮動(dòng)

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

少用浮動(dòng)，那由浮動(dòng)引起的一些問(wèn)題也就沒(méi)有了，像什么破壞DOM流。

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

很多情況下都不用js啦！

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/50164.html

相關(guān)文章

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

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

    Karuru 評(píng)論0 收藏0

  • 切圖仔的 Nginx 小書(shū)?

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

    pubdreamcc 評(píng)論0 收藏0

  • 切圖仔的 Nginx 小書(shū)?

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

    mrli2016 評(píng)論0 收藏0

  • FEer到全棧開(kāi)發(fā)

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

    elina 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<