運(yùn)行一下命令流程1.關(guān)閉chrome瀏覽器 此時(shí)會(huì)打開瀏覽器運(yùn)行跨域模式注： --user-data-dir="/Users/jump/chrome" 為pwd 返回的目錄路徑
發(fā)簡(jiǎn)信
IP屬地：北京
-
mac Google Ghrome 自配置解決跨域
-
nginx 配置 history
vue 打包到 nginx Uncaught SyntaxError: Unexpected token < 因?yàn)槭莌istory報(bào)此錯(cuò)誤官方配置history的解決方案： ...
-
前端跨頁(yè)面通信
在瀏覽器中，我們可以同時(shí)打開多個(gè)Tab頁(yè)， 每個(gè)Tab可以粗略理解為一個(gè)“獨(dú)立的運(yùn)行環(huán)境”，即使是全局對(duì)象也不會(huì)在多個(gè)Tab間共享。 然而有些時(shí)候， 我們希望能在這些“獨(dú)立”...
-
路由模式： hash模式和history
前端路由實(shí)現(xiàn)方式 路由需要實(shí)現(xiàn)三個(gè)功能： 當(dāng)瀏覽器地址變化時(shí)， 切換頁(yè)面。 點(diǎn)擊瀏覽器后退、前進(jìn)按鈕，網(wǎng)頁(yè)內(nèi)容跟隨變化。 刷新瀏覽器， 網(wǎng)頁(yè)加載當(dāng)前路由對(duì)應(yīng)內(nèi)容。 在單頁(yè)面w...
-
Service Worker 實(shí)現(xiàn)網(wǎng)頁(yè)離線可用離線可用： 在無(wú)網(wǎng)的情況下可以訪問(wèn)， 甚至使用部分功能， 而不是展示"無(wú)網(wǎng)絡(luò)連接"的錯(cuò)誤頁(yè)面。 在弱網(wǎng)的情況下， 能使用緩存快速訪問(wèn)我們的頁(yè)面，提升體驗(yàn)。 在正常網(wǎng)絡(luò)的情況下...
-
認(rèn)識(shí) PWA
什么是PWA？ PWA， 即Progressive Web App, 是提升Web App的體驗(yàn)的一種新方法，能給用戶原生應(yīng)用的體驗(yàn)。 PWA 不是一項(xiàng)技術(shù)， 也不是一個(gè)新的...
-
理解 BFC 和 IFC常見(jiàn)定位方案 普通流（normal flow） 在普通流中， 元素按照其HTML中的先后位置自上而下布局， 在這個(gè)過(guò)程中， 行內(nèi)元素水平排列， 直到行內(nèi)被占滿后換行； 塊級(jí)元...
-
認(rèn)識(shí)css盒模型盒模型的認(rèn)識(shí) 盒模型分為,包括 margin, border, padding, content盒模型又稱框模型（Box Model）, 包含了元素內(nèi)容(content)、內(nèi)...
-
深入了解 Generators
隨著JavaScript語(yǔ)言的發(fā)展，ES6規(guī)范帶來(lái)了許多內(nèi)容， 其中生成器Generators是一項(xiàng)重要的特性。 利用這一特性，可以簡(jiǎn)化迭代器的創(chuàng)建， 更加令人興奮的是Gen...
-
深入了解 Promise
Promise 必須為三種狀態(tài)之一， 等待態(tài)Pending、執(zhí)行態(tài)Fulfilled和拒絕態(tài)Rejected。一旦Promise被resolve或reject，便不能再遷移至...
-
JavaScript 事件循環(huán)機(jī)制JavaScript特點(diǎn)是”非阻塞“，V8引擎通過(guò)事件循環(huán)event loop來(lái)實(shí)現(xiàn)這一特點(diǎn)。 1. 執(zhí)行棧與事件隊(duì)列 當(dāng)javaScript代碼執(zhí)行的時(shí)候會(huì)將不同的變量存于...
-
V8垃圾回收機(jī)制
V8引擎是目前JavaScript最流行的引擎， 它為JavaScript可以高效的運(yùn)行在瀏覽器和Nodejs這兩大宿主環(huán)境中提供了極致的保駕護(hù)航。V8引擎正努力降低整體的內(nèi)...
-
JavaScript 函數(shù)柯里化
定義 柯里化是一種將使用多個(gè)參數(shù)的一個(gè)函數(shù)轉(zhuǎn)換成一系列使用一個(gè)參數(shù)的函數(shù)的技術(shù)。 柯里化用途 curry用途可以理解為: 參數(shù)復(fù)用，本質(zhì)上是降低通用性， 提升適用性。 例子二...
-
JavaScript call、apply區(qū)別及用法
call 和 apply 的相同點(diǎn) 都能夠改變函數(shù)執(zhí)行時(shí)的上下文，將一個(gè)對(duì)象的方法交給另一個(gè)對(duì)象來(lái)執(zhí)行，并且是立即執(zhí)行。 調(diào)用call 和 apply的對(duì)象必須是一個(gè)函數(shù) F...
-
JavaScript bind方法
MDN一句話介紹bind： bing() 方法會(huì)創(chuàng)建一個(gè)新函數(shù)。當(dāng)這個(gè)新函數(shù)被調(diào)用時(shí)，bind()的第一個(gè)參數(shù)將作為它運(yùn)行時(shí)的this, 之后的一序列參數(shù)將會(huì)在傳遞的實(shí)參前傳...
-
認(rèn)識(shí) instanceof 和 typeof
typeof實(shí)現(xiàn)原理 typeof 一般被用于判斷一個(gè)變量的類型， 我們可以利用typeof 來(lái)判斷 number, string, object, function, un...
-
JavaScript 立即執(zhí)行函數(shù)
在JavaScript中，每一個(gè)函數(shù)被調(diào)用時(shí)，都會(huì)創(chuàng)建一個(gè)新的執(zhí)行上下文。因?yàn)樵诤瘮?shù)里定義的變量和函數(shù)是唯一在內(nèi)部被訪問(wèn)的變量，為而不是在外部被訪問(wèn)的變量，當(dāng)調(diào)用函數(shù)時(shí)， 函...
-
JavaScript 變量提升
在《JavaScript深入之執(zhí)行上下文棧》中講到， 當(dāng)JavaScript代碼執(zhí)行一段可執(zhí)行代碼（executable code）時(shí)，會(huì)創(chuàng)建對(duì)應(yīng)的執(zhí)行上下文（executa...