關(guān)于性能優(yōu)化圖片加載優(yōu)化 不用圖片 對(duì)于移動(dòng)端來(lái)說(shuō),一般圖片都用 CDN 加載,可以計(jì)算出適配屏幕的寬度鸿吆,然后去請(qǐng)求相應(yīng)裁剪好的圖片。 小圖使用 base64 格式 將多個(gè)圖標(biāo)文件整合到...
![240](https://upload.jianshu.io/users/upload_avatars/15859737/75440705-8dc4-490b-907c-8cae61b3eeee.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
關(guān)于性能優(yōu)化圖片加載優(yōu)化 不用圖片 對(duì)于移動(dòng)端來(lái)說(shuō),一般圖片都用 CDN 加載,可以計(jì)算出適配屏幕的寬度鸿吆,然后去請(qǐng)求相應(yīng)裁剪好的圖片。 小圖使用 base64 格式 將多個(gè)圖標(biāo)文件整合到...
安裝 點(diǎn)擊VSCode的插件欄搜索Settings Sync然后安裝image.png 安裝完之后會(huì)彈出一個(gè)登陸界面,這里點(diǎn)擊login with githubimage.p...
域名:新網(wǎng) 萬(wàn)網(wǎng)服務(wù)器及域名購(gòu)買略1胯舷、任意命令行工具里輸入ssh root@服務(wù)器公網(wǎng)IP 2、輸入yes绊含,然后輸入服務(wù)器開機(jī)密碼桑嘶。密碼處于安全考慮不會(huì)顯示 4、安裝node...
圖片加載優(yōu)化 不用圖片 對(duì)于移動(dòng)端來(lái)說(shuō),一般圖片都用 CDN 加載躬充,可以計(jì)算出適配屏幕的寬度逃顶,然后去請(qǐng)求相應(yīng)裁剪好的圖片。 小圖使用 base64 格式 將多個(gè)圖標(biāo)文件整合到...
布局方式 固定布局 流式布局:流式布局是以百分比作為單位的盈蛮,我們要牢記如下公式:百分比寬度 = 目標(biāo)元素寬度 / 上下文元素寬度這種布局優(yōu)點(diǎn):可以自適應(yīng)布局,根據(jù)不同的分辨率...
一技矮、 用對(duì)象的方法綁定class 說(shuō)明設(shè)置一個(gè)對(duì)象抖誉,可以動(dòng)態(tài)地切換class對(duì)象中也可以傳入多個(gè)屬性殊轴,來(lái)動(dòng)態(tài)切換class,另外,:class可以與普通class共存clas...
npx create-react-app "項(xiàng)目名" react用到的第三方包 classnames styled-components 將css獨(dú)立來(lái)寫的第三方包 prop...
router是路由的方法 router-link to:表示目標(biāo)路由的鏈接旁理。當(dāng)被點(diǎn)擊后,內(nèi)部會(huì)立刻把 to 的值傳到 router.push()我磁,所以這個(gè)值可以是一個(gè)字符串或...
Unicode字體圖標(biāo)是HTML,在vue里使用時(shí)渲染必須用v-html 圖片自適應(yīng) 移動(dòng)端一個(gè)像素問(wèn)題: 吸頂效果 移動(dòng)端事件 移動(dòng)端的onclick點(diǎn)擊事件有300ms的...
特性檢測(cè):檢測(cè)瀏覽器是否支持某個(gè)屬性 vue指令 頁(yè)面渲染 vue的指令都是v-這種格式夺艰,雖然v-xxx="xxx"寫的值是用""包裹芋哭,但實(shí)際上是js,因此需要在雙引號(hào)里再加...
Object.defineProperty(obj, prop, descriptor) obj:要在其上定義屬性的對(duì)象劲适。 prop:要定義或修改的屬性的名稱楷掉。 descri...
1 注釋規(guī)范 2 縮進(jìn)/空格/換行規(guī)范 每個(gè)縮進(jìn)使用4個(gè)空格厢蒜,不允許使用 2 個(gè)空格 或 tab//正確.sample { display: flex;}//錯(cuò)誤.sa...