今天看技術(shù)群里談?wù)撨B續(xù)賦值運(yùn)算的問(wèn)題,justjavac直接拿出了十年前的文章文章[https://justjavac.com/javascript/2012/04/05/j...
今天看技術(shù)群里談?wù)撨B續(xù)賦值運(yùn)算的問(wèn)題,justjavac直接拿出了十年前的文章文章[https://justjavac.com/javascript/2012/04/05/j...
Angular-Win10系統(tǒng)-Chrome瀏覽器-NG-ZORRO-table組件-固定表頭-表格列明顯錯(cuò)位。這個(gè)問(wèn)題是NG-ZORRO本身就有的問(wèn)題,目前發(fā)現(xiàn)只在Win1...
使用情景 項(xiàng)目比較復(fù)雜的時(shí)候,引用全局css樣式引用路徑會(huì)變得很長(zhǎng)@import './../../../style.csss'。 在scss中定義了全局的樣式變量,希望在每...
最近在工作中使用angular,組件庫(kù)使用ng-zorro-antd,邊學(xué)邊用。在寫表格組件的時(shí)候發(fā)現(xiàn),點(diǎn)擊新增、刪除就,數(shù)據(jù)改變,表格卻沒(méi)有更新。 代碼如下: 對(duì)表格行數(shù)據(jù)...
number管道用來(lái)將數(shù)字處理為需要的小數(shù)格式 接收的參數(shù)格式為:{最少整數(shù)位數(shù)}.{最少小數(shù)位數(shù)}-{最多小數(shù)位數(shù)} 其中最少整數(shù)位數(shù)默認(rèn)為1 最少小數(shù)位數(shù)默認(rèn)為0 最多小...
:host 與 ::ng-deep :host 表示選擇當(dāng)前的組件。::ng-deep 可以忽略中間className的嵌套層級(jí)關(guān)系。直接找到你要修改的className。 ...
TypeScript安利指南 ?? 為 Vue3 學(xué)點(diǎn) TypeScript , 體驗(yàn) TypeScript ?? 一篇樸實(shí)的文章帶你30分鐘捋完TypeScript,方法是...
年終總結(jié)白駒過(guò)隙,忽然而已…開(kāi)頭第一句,就想感嘆一下,去年2019年12月份的緊張還歷歷在目,馬上就步入2020年了。 2019年年末,在朋友圈流行曬新年目標(biāo),當(dāng)時(shí)也跟風(fēng)寫了...
Prefetching和Preloading webpack4.6以后支持 在優(yōu)化訪問(wèn)性能時(shí),除了充分利用瀏覽器緩存之外,還需要涉及一個(gè)性能指標(biāo):coverage rate(...
瀏覽器緩存 在做了眾多代碼分離的優(yōu)化后,其目的是為了利用瀏覽器緩存,達(dá)到提高訪問(wèn)速度的效果,所以構(gòu)建項(xiàng)目時(shí)做代碼分割是必須的,例如將固定的第三方模塊抽離,下次修改了業(yè)務(wù)代碼,...
webpack提高構(gòu)建性能方式 盡可能少用loader; 使用babel-loader時(shí),指定代碼轉(zhuǎn)譯范圍; 使用noParse避免對(duì)引入的第三方模塊(如jquery|boo...
SplitChunksPlugin配置參數(shù) webpack4之后,使用SplitChunksPlugin插件替代了以前CommonsChunkPlugin SplitChun...
js代碼分離 SPA單頁(yè)面應(yīng)用的最大一個(gè)問(wèn)題就是首屏加載的非常慢,原因就是webpack打包后生成的是一個(gè)boundle.js,一個(gè)boundle.js的好處是減少了網(wǎng)絡(luò)請(qǐng)求...
css優(yōu)化 將css提取到獨(dú)立的文件中 為什么將css提取到獨(dú)立的文件中?為了多個(gè)模塊的復(fù)用,避免每一個(gè)模塊都在頁(yè)面生成style一個(gè)標(biāo)簽 mini-css-extract-...
第4章 webpack優(yōu)化 webpack是一個(gè)打包工具,目的是進(jìn)行前端構(gòu)建的,也就是前端工程化,就有一個(gè)很重要的指標(biāo):項(xiàng)目上線運(yùn)行的速度,打包耗費(fèi)的時(shí)間;所以webpack...
使用devServer解決跨域問(wèn)題 在開(kāi)發(fā)階段很多時(shí)候需要使用到跨域,何為跨域?請(qǐng)看下圖:圖片1 跨域問(wèn)題的出現(xiàn)主要是由于瀏覽器的安全機(jī)制同源策略,使用http proxy是...
Development / Production不同配置文件打包 項(xiàng)目開(kāi)發(fā)時(shí)一般需要使用兩套配置文件,用于開(kāi)發(fā)階段打包(不壓縮代碼,不優(yōu)化代碼,增加效率)和上線階段打包(壓縮...
第三方庫(kù)的兩種引入方式: expose-loader 將庫(kù)引入到全局作用域 webpack.ProvidePlugin 將庫(kù)自動(dòng)加載到每個(gè)模塊 可以通過(guò)expose-load...
多頁(yè)面應(yīng)用打包 在webpack.config.js中修改入口和出口配置 修改入口為對(duì)象,支持多個(gè)js入口,同時(shí)修改output輸出的文件名為'[name].js'表示各自已...