有什么用 緩存是性能優(yōu)化的一個(gè)方式，降低服務(wù)器壓力、請求更快 瀏覽器緩存分類 瀏覽器緩存分兩類：強(qiáng)制緩存和協(xié)商緩存 強(qiáng)制緩存 涉及響應(yīng)頭標(biāo)識字段：Cache-Control與...
發(fā)簡信
IP屬地：浙江
-
-
實(shí)現(xiàn)觀察者模式
事件監(jiān)聽機(jī)制，是一種觀察者模式實(shí)現(xiàn) 針對問題去寫，感覺有針對性好一些 另一種 大體的架子，里面有一個(gè)立即執(zhí)行函數(shù) EventBus方式 參考 JavaScript設(shè)計(jì)模式之觀...
-
React、React-Router、Less 項(xiàng)目搭建筆記環(huán)境準(zhǔn)備 node、webstorm 創(chuàng)建項(xiàng)目 使用 create-react-app 快速構(gòu)建 React 開發(fā)環(huán)境create-react-app 自動創(chuàng)建的項(xiàng)目是基于 ...
-
瀏覽器網(wǎng)頁重繪重排首先看瀏覽器生成頁面的過程 是什么 網(wǎng)頁生成的時(shí)候，至少會渲染一次后面可能會不斷重新渲染；重新渲染需要重新生成布局(重排)和重新繪制(重繪)。 重新渲染的情況 修改DOM 修...
-
數(shù)組reduce方法概要 Array.prototype.reduce方法接受兩個(gè)參數(shù)。第一個(gè)是回調(diào)函數(shù)，該函數(shù)接受四個(gè)參數(shù) 第二個(gè)是初始值 arr.reduce(function(acc, c...
-
輸入U(xiǎn)RL到頁面展示的過程
簡潔版 瀏覽器根據(jù)請求的URL交給DNS域名解析，找到真實(shí)IP，向服務(wù)器發(fā)起請求； 服務(wù)器交給后臺處理完成后返回?cái)?shù)據(jù)，瀏覽器接收文件（HTML、JS、CSS、圖象等）； 瀏覽...
-
webpack模塊熱替換
概念 在程序運(yùn)行時(shí)可以進(jìn)行增加、刪除、修改模塊而無需重新加載整個(gè)頁面 效果： 保留在完全重新加載頁面期間丟失的應(yīng)用程序狀態(tài)。 只更新變更內(nèi)容，以節(jié)省開發(fā)時(shí)間。 在源代碼中對 ...
-
webpack(3.0)打包工具簡介webpack的核心概念：Entry，Output，Loaders，Plugins。webpack的默認(rèn)配置文件是webpack.config.js，如果使用webpack命...
-
網(wǎng)站跨域解決方法
關(guān)鍵詞 同源策略 什么是跨域 跨域，請求不同源。同源指協(xié)議、域名、端口都相同，只要有一樣不相同就是跨域了。 同源限制有什么用 它保證了瀏覽器安全，用戶信息安全 實(shí)現(xiàn)跨域(4種...
-
Promise實(shí)現(xiàn)
實(shí)現(xiàn)Promise根據(jù)Promise規(guī)范規(guī)范很短，所以每句都很重要 Promise特點(diǎn) 狀態(tài)改變后不可再改變(狀態(tài)凝固)pending,fullfilled,rejected...
-
JSON內(nèi)容
JSON是什么 JSON是一種數(shù)據(jù)格式也是一個(gè)對象，JSON對象有兩個(gè)方法parse()和stringify();json文件的屬性都是字符串需要用雙引號(")包裹，每個(gè)鍵值...
-
如何寫一個(gè)Ajax
什么是Ajax以及它的作用 Ajax是Asynchronous Javascript And XML(異步JavaScript和XML)的縮寫。使用Ajax可以 更新網(wǎng)頁但不...
-
JS的繼承實(shí)現(xiàn)兩個(gè)類 構(gòu)造函數(shù)繼承 使用call或apply方法 結(jié)果 實(shí)例繼承 利用prototype，我當(dāng)初學(xué)的時(shí)候覺得這個(gè)真的好繞啊。 要點(diǎn)：prototype與prototype....
-
koa中的context對象Koa 提供一個(gè) Context 對象，表示一次對話的上下文（包括 HTTP 請求和 HTTP 回復(fù)）。通過加工這個(gè)對象，就可以控制返回給用戶的內(nèi)容。 Koa 的 Conte...
-
小程序(響應(yīng)式像素rpx)與px
首先簡單說px是抽象的css單位，一個(gè)px在不同的設(shè)備下有不同的物理像素(換算由瀏覽器操作)。是瀏覽器提供的統(tǒng)一的標(biāo)準(zhǔn)單位，使在不同設(shè)備下有相同的效果 小程序設(shè)定不同大小的手...
-
css浮動float
一，浮動的特性 0, 兩個(gè)概念：a, 常規(guī)流(就是文檔流。默認(rèn)布局，上到下左到右). b, 包含塊(離元素最近的父級塊元素) 1，浮動元素會脫離常規(guī)流,浮動元素會影響行內(nèi)...