手寫promise封裝axios 其實(shí)，axios本身就是基于Promise進(jìn)行封裝的，我們之所以進(jìn)行二次封裝惊搏，主要是為了能夠?qū)﹀e(cuò)誤信息進(jìn)行一個(gè)集中的處理族沃，根據(jù)不同的錯(cuò)誤信息...
IP屬地：山西
-
前端常見面試題（十八）@郝晨光
-
Vue在組件(非表單控件)上使用v-model雙向數(shù)據(jù)綁定@郝晨光
先看一下效果搂擦，注意：完全沒有使用任何表單控件 實(shí)現(xiàn)原理 在Vue中口锭，我們一般都使用v-model來實(shí)現(xiàn)表單控件的雙向數(shù)據(jù)綁定胀溺，但是一般而言我們都使用在表單控件上幢痘，例如inpu...
-
Koa - Node.js框架學(xué)習(xí)@郝晨光本文由郝晨光整理總結(jié)并編寫唬格，未經(jīng)允許禁止轉(zhuǎn)載。 前言 學(xué)習(xí)koa，我之前學(xué)習(xí)過express西轩，但是在使用express的時(shí)候员舵，還是一直使用的回調(diào)函數(shù)的方式來處理異步，現(xiàn)在想想...
-
前端面試題套路--終極版（Vue藕畔、JavaScript）前言 面試題是永遠(yuǎn)都準(zhǔn)備不完的Ｂ砥А！Ｗ⒎＞碌恕！ 前端常見的一些問題 1.前端性能優(yōu)化手段溶弟？ 1. 盡可能使用雪碧圖2. 使用字體圖標(biāo)代替圖片3. 對(duì)HTML女淑，css，js 文件進(jìn)行...
-
原生js面向?qū)ο髸鴮懸苿?dòng)端輪播圖@郝晨光
現(xiàn)已發(fā)布到npm及git擒权，安裝及使用方法見：https://gitee.com/haochenguang/hcg-swipe 先看一下效果圖 該項(xiàng)目為仿清歡美味嚴(yán)選商城小程序...
-
前端常見面試題（二十二）@郝晨光
vw袱巨、vh、rem碳抄、em愉老、px的區(qū)別 pxpx是絕對(duì)單位，1px就是一個(gè)像素點(diǎn) emem是相對(duì)單位剖效，是相對(duì)于父級(jí)的font-size remrem是相對(duì)單位嫉入，是相對(duì)于html...
-
TypeScript入門學(xué)習(xí)@郝晨光
前言 現(xiàn)在TypeScript越來越火，咱也趕一下潮流璧尸，開始學(xué)習(xí)一下TypeScript咒林，在學(xué)習(xí)的同時(shí)做筆記記錄，希望可以共同學(xué)習(xí)爷光，在未來的程序生涯中可以使用TypeScri...
-
原生JS - 圖片懶加載@郝晨光前言 在現(xiàn)在以用戶體驗(yàn)至上的前端時(shí)代垫竞，為了提升頁面加載速度，為了提升用戶體驗(yàn)瞎颗，我們經(jīng)常會(huì)用到圖片懶加載這個(gè)功能件甥。所以總結(jié)記錄一下圖片懶加載的原理以及實(shí)現(xiàn)方式 什么是懶加載？ ...
-
前端常見面試題（十一）@郝晨光什么是事件委托？為什么要用事件委托？ 什么是事件委托儒鹿？ 事件委托，又稱事件代理譬正，就是將元素的事件處理交由父元素或者祖先元素來代為執(zhí)行；事件委托利用了事件冒泡，只指定一個(gè)事件處...
-
前端常見面試題（十）@郝晨光
new操作符干了什么曾我？ 我們可以一起通過代碼實(shí)現(xiàn)來看看new關(guān)鍵字到底做了一些什么事情 輸出結(jié)果如下圖： 上例中粉怕，new關(guān)鍵字調(diào)用的構(gòu)造函數(shù)并沒有任何返回值，最終我們實(shí)例創(chuàng)建...
-
同學(xué)們聽我說
-
JavaScript 設(shè)計(jì)模式（六）：觀察者模式與發(fā)布訂閱模式觀察者模式（Observer） 觀察者模式：定義了對(duì)象間一種一對(duì)多的依賴關(guān)系，當(dāng)目標(biāo)對(duì)象 Subject 的狀態(tài)發(fā)生改變時(shí)蛉谜，所有依賴它的對(duì)象 Observer 都會(huì)得到通知稚晚。...
-
前端常見面試題（八）@郝晨光ES5/ES6 的繼承除了寫法以外還有什么區(qū)別？ ES5寄生組合式繼承（只是列舉一個(gè)方法型诚，ES5繼承還有很多實(shí)現(xiàn)方式） ES6繼承 ES6中子類繼承父類的屬性使用了super...
-
前端常見面試題（六）@郝晨光
Vue路由的實(shí)現(xiàn)原理 路由這個(gè)概念最初是由后端提出來的客燕，在我們沒有SPA單頁面應(yīng)用之前，使用的一直都是后端路由狰贯，根據(jù)不同的路由返回不同的頁面也搓，后來隨著單頁面應(yīng)用的誕生，開始有...
-
vue2.0父子組件以及非父子組件通信一涵紊、父子組件通信 1傍妒、父組件傳遞數(shù)據(jù)給子組件，使用props屬性來實(shí)現(xiàn) 傳遞普通字符串 父組件： 子組件： 結(jié)果： hello栖袋！ 動(dòng)態(tài)：父組件數(shù)據(jù)如何傳遞給子組件 父組件： ...
-
react的生命周期鉤子@郝晨光
本人之前寫在CSDN上的文章拍顷，原創(chuàng)轉(zhuǎn)載至此抚太；react的生命周期鉤子 1塘幅、React16新的生命周期棄用了componentWillMount、componentWillRe...
-
前端常見面試題（五）@郝晨光對(duì)MVC尿贫、MVP电媳、MVVM的理解 MVC阮一峰老師MVC圖示 M 表示 Model , 專門用來處理數(shù)據(jù)模型。V 表示View庆亡， 專注頁面布局和數(shù)據(jù)顯示匾乓。C 表示Contro...
-
Vue實(shí)現(xiàn)移動(dòng)端三級(jí)聯(lián)動(dòng)_@郝晨光
最近的項(xiàng)目中需要用到，所以自己手寫了一個(gè)又谋，拿出來分享拼缝。 首先，我們最后實(shí)現(xiàn)的是一個(gè)支持一級(jí)彰亥、二級(jí)咧七、三級(jí)乃至多級(jí)聯(lián)動(dòng)的可復(fù)用組件，照例先看一下效果圖任斋，第一張是二級(jí)聯(lián)動(dòng)继阻，第二張是...
