原创 Bit----組件管理工具
前言 現在幾乎每個前端都可以在嘴邊掛着組件化、模塊化，但是真正做到組件化、模塊化開發的項目寥寥無幾。比如我們接觸的每個 Vue 項目中幾乎都有 components 目錄，但是其中的 Vue 組件都和這個項目有着不可切割的關係，如果某天要
2020-06-14 09:19:04
14
原创 ajax中的withCredentials使用效果
XMLHttpRequest.withCredentials 有什麼用? 跨域請求是否提供憑據信息(cookie、HTTP認證及客戶端SSL證明等) 也可以簡單的理解爲，當前請求爲跨域類型時是否在請求中協帶cookie。 XMLHttpR
2020-06-14 09:19:04
原创 REST 以及RESTful API
先說REST名稱 REST -- REpresentational State Transfer 首先，之所以晦澀是因爲前面主語被去掉了，全稱是 Resource Representational State Transfer：通俗來講就
2020-06-14 09:19:04
1
原创 一次性搞懂JavaScript正則表達式之引擎
原文鏈接：https://juejin.im/post/5becc2aef265da6110369c93 我們說正則表達式是語言無關的，是因爲驅動正則表達式的引擎是相似的。鑑於正則表達式是
2019-08-23 02:03:50
原创 vue父子通信的方式
最近團隊在做 Vue項目代碼層面上的優化。在此整理下vue父子組件通信的方式。 大綱： 幾種通信方式無外乎以下幾種： Prop(常用) $emit (組件封裝用的較多) .sync語法糖 （較少） $attrs & $listeners
2019-06-19 02:58:41
原创 從瀏覽器多進程到JS單線程，JS運行機制最全面的一次梳理
最近發現有不少介紹JS單線程運行機制的文章，但是發現很多都僅僅是介紹某一部分的知識，而且各個地方的說法還不統一，容易造成困惑。 因此準備梳理這塊知識點，結合已有的認知，基於網上的大量參考資料， 從瀏覽器多進程到JS單線程，將JS引擎的運行
2019-06-14 00:18:16
原创 webpack4-------緩存
本文爲手摸手使用 webpack4，主要分爲兩部分： 怎麼合理的運用瀏覽器緩存 怎麼構建可靠的持久化緩存 默認分包策略 webpack 4 最大的改動就是廢除了 CommonsChunkPlugin 引入了 optimization.sp
2019-06-11 08:40:12
原创 真正認識 sessionStorage
很早之前久知道sessionStorage ，也學習過；但沒有實戰使用過 。最近團隊遇到一個問題--------重新來認識一遍。 同源策略 和 它的api 這個我就不強調了 。通過實測，我得到下面幾個結論 。 +各個標籤頁的session
2019-06-11 08:40:12
原创 webpack-----------Tree-shaking
一 什麼是 Tree-shaking tree-shaking可以理解爲通過工具"搖"我們的JS文件，css文件；將其中用不到的代碼"搖"掉，是一個性能優化的範疇。具體來說，在 webpack 項目中，有一個入口文件，相當於一棵樹的主
2019-06-11 08:40:02
1
原创 webpack-----知識點總結
什麼是webpack webpack是一個打包模塊化javascript的工具，在webpack裏一切文件皆模塊，通過loader轉換文件，通過plugin注入鉤子，最後輸出由多個模塊組合成的文件，webpack專注構建模塊化項目。 We
2019-06-11 08:40:02
原创 SplitChunksPlugin文檔翻譯
SplitChunksPlugin文檔翻譯 chunks以及它的內部引入模塊本質上是通過webpack對於模塊之間的父子關係做的關聯。在webpack4以前，我們使用CommonsChunkPlugin插件來避免依賴的重複打包，但是這樣很
2019-05-10 10:30:55
4
原创 stacking context-----------層疊上下文
前言----------最近工作中有同事遇到css的z-index與transfrom相互影響的問題，在此總結整理下。出現影響的原因就是對元素層疊上下文理解問題。 一 什麼是層疊上下文，層疊水平，層疊順序 層疊上下文，英文稱作”stac
2019-05-01 00:49:22
原创 webpack----------require 幾種常見用法
webpack中可以寫commonjs格式的require同步語法，可以寫AMD格式的require回調語法，還有一個require.ensure，以及webpack自己定義的require.include，再加上ES6的import語法
2019-01-26 13:58:50
1
原创 基於 webpack 的持久化緩存方案
如何基於 webpack 做持久化緩存似乎一直處於沒有最佳實踐的狀態。網路上各式各樣的文章很多，open 的 bug 反饋和建議成堆，很容易讓人迷茫和心智崩潰。 作爲開發者最大的訴求是：在 entry 內部內容未發生變更的情況下構建之後
2019-01-25 19:52:48
原创 webpack-dev-server和webpack-dev-middleware的區別
webpack-dev-server webpack-dev-server實際上相當於啓用了一個express的Http服務器+調用webpack-dev-middleware。它的作用主要是用來伺服資源文件。這個Http服務器和clie
2019-01-25 14:03:30