最近聽(tīng)朋友說(shuō),自己想做個(gè)項(xiàng)目,先要畫(huà)圖,又不會(huì)用ps等工具,要是能有代碼提供就更好了,這樣就能減少前端開(kāi)發(fā)的工作量了。 找了很多工具,都是只能畫(huà)圖的。正當(dāng)要放棄尋找的時(shí)候,在...
最近聽(tīng)朋友說(shuō),自己想做個(gè)項(xiàng)目,先要畫(huà)圖,又不會(huì)用ps等工具,要是能有代碼提供就更好了,這樣就能減少前端開(kāi)發(fā)的工作量了。 找了很多工具,都是只能畫(huà)圖的。正當(dāng)要放棄尋找的時(shí)候,在...
學(xué)習(xí)資料 1 developer-roadmap-chinese 2018年web程序員路線中文版, 這個(gè)倉(cāng)庫(kù)里包含了一些前端,后端,服務(wù)器開(kāi)發(fā)人員的路線圖,可以參考學(xué)習(xí)??...
簡(jiǎn)言 布局的傳統(tǒng)解決方案是基于盒狀模型,依賴(lài) display + position + float 方式來(lái)實(shí)現(xiàn),靈活性較差。2009年,W3C提出了一種新的方案-Flex,F(xiàn)...
前言: 五一假期在擼代碼的時(shí)候用到cookie,感覺(jué)對(duì)瀏覽器的數(shù)據(jù)存儲(chǔ)方案不是很了解,因此又去翻了兩本大頭書(shū)中間的關(guān)于瀏覽器端數(shù)據(jù)存儲(chǔ)的章節(jié),同時(shí)去MDN逛了逛,又看了幾篇文...
1、flex布局 2、box-shadow陰影 Example: 3、line-gradient漸變 4、絕對(duì)定位使元素居中 可以用left:50%加上margin-left...
所謂的瀏覽器兼容性問(wèn)題,是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析,造成頁(yè)面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下,我們的需求是,無(wú)論用戶(hù)用什么瀏覽器來(lái)查看我們的網(wǎng)站或者登陸...
瀏覽器兼容性問(wèn)題是指因?yàn)椴煌臑g覽器對(duì)同一段CSS代碼或者JS代碼解析不同導(dǎo)致頁(yè)面顯示效果不統(tǒng)一或者腳本執(zhí)行錯(cuò)誤的情況。一般情況下,我們希望用戶(hù)無(wú)論使用什么瀏覽器來(lái)查看網(wǎng)頁(yè)效...
輔助導(dǎo)航:達(dá)到相關(guān)內(nèi)容的快捷路徑 分頁(yè)導(dǎo)航:A87B8CAE-82FB-4E83-BBFB-E435C6D5A48C.png 上下文導(dǎo)航
水平居中設(shè)置 1、行內(nèi)元素設(shè)置 text-align:center 2、定寬塊狀元素設(shè)置 左右 margin 值為 auto 3、不定寬塊狀元素a:在元素外加入 table ...
效果: 1.選擇文件 2.拖放文件 代碼: html : css: javascript: 具體功能部分: 拖動(dòng)文件到頁(yè)面,樣式發(fā)生變化代碼部分: 選擇文件代碼部分: 拖放文...
誰(shuí)有一顆玲瓏剔透的心,他就會(huì)知道何時(shí)心碎。圖片來(lái)源網(wǎng)絡(luò) foreword 這篇總結(jié)了我個(gè)人所知道的一些關(guān)于移動(dòng)端適配的知識(shí)。希望對(duì)讀者有所幫助。 start (1) a...