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