摘要:基礎(chǔ)基本的布局中間自適應(yīng)旁邊固定啥的的幾種實(shí)現(xiàn)方法垂直居中的幾種實(shí)現(xiàn)方法盒模型行內(nèi)元素和塊元素塊級(jí)格式化上線文,和浮動(dòng)一起考偽元素偽類(lèi)這種預(yù)處理器基礎(chǔ)原型鏈閉包類(lèi)和繼承實(shí)現(xiàn)方法實(shí)現(xiàn)方法異步處理方法寫(xiě)一個(gè)方法遍歷所有文檔樹(shù)所有節(jié)點(diǎn)考察遞歸和和 html + css基礎(chǔ) ?基本的布局(中間自適應(yīng)旁邊固定啥的)的幾種實(shí)現(xiàn)方法; ?垂直居中的幾種實(shí)現(xiàn)方法; ?盒模型; ?position; ?...
摘要:給節(jié)點(diǎn)截圖比如說(shuō)我們剛才手動(dòng)截取的區(qū)域其實(shí)是一個(gè)節(jié)點(diǎn),如果想完整截取這一部分,我們就需要使用節(jié)點(diǎn)截圖功能。那么我們真的不需要網(wǎng)頁(yè)截圖插件了,如果想截圖整個(gè)網(wǎng)頁(yè),我們直接在根節(jié)點(diǎn)選取就可以了。 昨天 Chrome62 穩(wěn)定版釋出,除了常規(guī)修復(fù)各種安全問(wèn)題外,還增加很多功能上的支持,比如說(shuō)今天要介紹的強(qiáng)大的截圖功能。 直接截圖 打開(kāi)開(kāi)發(fā)者工具頁(yè)面,選擇左上角的元素選擇按鈕(Inspect)...
摘要:新增的語(yǔ)法非常帥,但是圍繞這個(gè)新的語(yǔ)法糖,在中如何實(shí)現(xiàn)靜態(tài)屬性私有屬性私有方法的問(wèn)題,成為了大家探討的話(huà)題。私有方法理論上講,私有屬性和私有方法的區(qū)別是,私有方法是函數(shù)。 ES6新增的class語(yǔ)法非常帥,但是圍繞這個(gè)新的語(yǔ)法糖,在class中如何實(shí)現(xiàn)靜態(tài)屬性、私有屬性、私有方法的問(wèn)題,成為了大家探討的話(huà)題。本文打算繞過(guò)現(xiàn)有的weakmap、symbol的方案,從最簡(jiǎn)單的實(shí)踐中抽取出滿(mǎn)...
摘要:如下代碼所示,可以使用構(gòu)造函數(shù)來(lái)創(chuàng)建父對(duì)象,這樣做的話(huà),自身的屬性和構(gòu)造函數(shù)的原型的屬性都將被繼承。方法繼承自對(duì)象這是中構(gòu)造函數(shù)鏈的一個(gè)示例。 代碼復(fù)用及其原則 代碼復(fù)用,顧名思義就是對(duì)曾經(jīng)編寫(xiě)過(guò)的代碼的一部分甚至全部重新加以利用,從而構(gòu)建新的程序。在談及代碼復(fù)用的時(shí)候,我們首先可以想到的是繼承性。代碼復(fù)用的原則是: 優(yōu)先使用對(duì)象組合,而不是類(lèi)繼承 在js中,由于沒(méi)有類(lèi)的概念,因此實(shí)例...
摘要:簡(jiǎn)單的工作流基于利用進(jìn)行多環(huán)境域名開(kāi)發(fā)打包轉(zhuǎn)壓縮前言最近苦于搬磚,我們有三個(gè)開(kāi)發(fā)環(huán)境,不同的環(huán)境的的域名不一樣,像我這么懶的人只能一鍵打包,不太適用,沒(méi)辦法,只能寫(xiě)一個(gè)基于的,適合自己用的工作流了,哎一聲長(zhǎng)嘆傳送門(mén)在中使用 gulp-simple-workflow-multi-host github 簡(jiǎn)單的工作流 基于Gulp 利用 gulp-preprocess 進(jìn)行多環(huán)境(api...