原创 寫給初入門/半路出家的前端er

半路出家的前端程序員應該不在少數,我也是其中之一。 爲何會走向前端 非計算機專業的我,畢業之後,就職於一家電力行業公司,做過設備調試、部門助理、測試,也寫過一段時間的QT,那三年的時間,最難過的不是工作忙不忙,而是沒有方向,不知道未來的路怎

原创 【面試篇】寒冬求職季之你必須要懂的原生JS(中)

互聯網寒冬之際,各大公司都縮減了HC,甚至是採取了“裁員”措施,在這樣的大環境之下,想要獲得一份更好的工作,必然需要付出更多的努力。 一年前,也許你搞清楚閉包,this,原型鏈,就能獲得認可。但是現在,很顯然是不行了。本文梳理出了一些面試中

原创 【面試篇】寒冬求職季之你必須要懂的原生JS(上)

互聯網寒冬之際,各大公司都縮減了HC,甚至是採取了“裁員”措施,在這樣的大環境之下,想要獲得一份更好的工作,必然需要付出更多的努力。 一年前,也許你搞清楚閉包,this,原型鏈,就能獲得認可。但是現在,很顯然是不行了。本文梳理出了一些面試中

原创 嗨,你真的懂this嗎?

this關鍵字是JavaScript中最複雜的機制之一,是一個特別的關鍵字,被自動定義在所有函數的作用域中,但是相信很多JavaScript開發者並不是非常清楚它究竟指向的是什麼。聽說你很懂this,是真的嗎? 請先回答第一個問題:如何準確

原创 9102了,你還不會移動端真機調試嗎

這篇文章主要介紹了9102了,你還不會移動端真機調試嗎,本文詳細的介紹了3種移動端真機調試方法,具有一定的參考價值,感興趣的小夥伴們可以參考一下 移動端調試困難 很多時候,我們在進行移動端開發時,都是先在PC端使用

原创 嗨,聽說你很懂this?我不太相信

this關鍵字是JavaScript中最複雜的機制之一,是一個特別的關鍵字,被自動定義在所有函數的作用域中,但是相信很多JsvaScript開發者並不是非常清楚它究竟指向的是什麼。聽說你很懂this,是真的嗎? 請先回答第一個問題:如何準確

原创 9012了,你還不會移動端真機調試?

移動端調試困難 很多時候,我們在進行移動端開發時,都是先在PC端使用手機模擬器進行調試,沒有問題後,我們纔會在手機端的瀏覽器進行測試,這個時候,如果沒有出現問題,皆大歡喜。但是一旦出現問題,我們就很難解決,因爲缺乏可視化的界面。不似在PC端

原创 從零開始配置webpack(基於baebel 7版本)

webpack 核心概念: Entry: 入口 Module:模塊,webpack中一切皆是模塊 Chunk:代碼庫,一個chunk由十多個模塊組合而成,用於代碼合併與分割 Loader:模塊轉換器,用於把模塊原內容按照需求轉換成新內容

原创 移動端下拉刷新頭實現原理及代碼實現

下拉刷新實現原理 實現下拉刷新主要分爲三步: 監聽原生touchstart事件,記錄其初始位置的值,e.touches[0].pageY; 監聽原生touchmove事件,記錄並計算當前滑動的位置值與初始位置值的差值,大於某個臨界值時,顯

原创 Promise的源碼實現(符合Promise/A+規範)

Promise的源碼實現 /** * 1. new Promise時,需要傳遞一個 executor 執行器,執行器立刻執行 * 2. executor 接受兩個參數,分別是 resolve 和 reject * 3. promise

原创 React新舊生命週期

React16.3.0開始,生命週期進行了一些變化。本文主要介紹React16.3.0之後的生命週期。 React16.3.0之前生命週期: 16版本之前的react組件的生命週期相信大家已經很熟悉。16版本的react對組件的生命週期函數