20200313 前端開發日報

axios發起http請求的一些細節;手把手畫出一份屬于自己的JavaScript原型圖;VUE 3.0 學習探索入門系列 – 回顧 vue2 輝煌一生(2);一年半經驗如何準備阿里巴巴 P6 前端面試;JS 中原生錯誤類型總結;VUE父子組件生命周期執行順序?;Webpack4不求人(4)——編寫自定義Loader;2019年度最常見的JavaScript面試題和答案

  1. axios發起http請求的一些細節 今天和公司后臺對接接口時,發生了一件很有意思的事情,他寫了一個登錄接口,我使用axios進行post請求,我傳了用戶名和密碼過去,接口沒有調用成功,后臺看了日志后,說我沒傳參,然后發了一張他自己測試接口的成功截圖。于是我就進入了找bug環節 接下來就跟大家分享下,我踩的這個坑,歡迎各位感興趣的開發者閱讀本...
  2. 手把手畫出一份屬于自己的JavaScript原型圖 簡單明了 一圖流 雖然看起來亂糟糟的,但其實順著圖中的關系一步步梳理起來其實真的是簡單明了,實在看著費勁沒關系 畫圖水平有限 ,咱們也一步一步來。 先明確幾個概念: 原型 當對構造函數使用new語法實例化一個對象后,該對象下面有一個__proto__屬性,該屬性指向會指向該構造函數的p...
  3. VUE 3.0 學習探索入門系列 - 回顧 vue2 輝煌一生(2) 1 Vue 數據一覽 統計截止: 2020-03-10 vuejs/vue 項目 Github Stars: 159k ,排行 JavaScript 語言類 第2名 vuejs/vue 項目 尤大 自 2016年以來 commits 次數: 53w+ ,90% 代碼出自他手,簡直是勞模 vuejs 倉庫總共有 108 個工程,生態完善 vuejs...
  4. 一年半經驗如何準備阿里巴巴 P6 前端面試首先,可能要讓你們失望的是,這篇文章不會有大篇幅的面試題答案。如果想要看這方面的內容,我相信社區里已經有很多優秀的文章了。
  5. JS 中原生錯誤類型總結小豬的從業時間并不長,四舍五入也就剛畢業(哈哈哈,永遠 22 歲)。不過坦白說,之前在一些不同的地方,小豬時常見到一些明明可以給出更明確的錯誤類型,不過都不管三七二十一通通 throw new Error("xxxx") 或者...
  6. VUE父子組件生命周期執行順序?{代碼...}
  7. Webpack4不求人(4)——編寫自定義Loader 在前面的內容中,我們學習了Webpack的基本知識、常用腳手架和性能優化,雖然說大部分的開發場景社區已經又成熟的模塊給我們使用,但是遇到特殊情況還是需要自己有獨立開發的能力,因此今天我們一起來學習如何編寫自定義Loader。 基本Loader Webpack中loader是一個CommonJs風格的函數,接收輸入的源碼,通過同步或異步...
  8. 2019年度最常見的JavaScript面試題和答案 2019年度已經過去了,2020年面試高峰期又來了。經過2019年的學習和面試經歷,統計了下面一些最常見的面試題。 JavaScript 中的強制轉型(coercion)是指什么? 難度:簡單 在 JavaScript 中,兩種不同的內置類型間的轉換被稱為強制轉型。強制轉型在 JavaScript 中有兩種形式:顯式和隱式。 這是一個顯式強制轉型的例...
  9. 怎么通俗的理解Promise promise 的意思是承諾,初學者是不是一臉懵逼,別急,這個還真的是這個意思,請允許我慢慢道來。 舉個例子:張三是煎餅果子的一個攤主,他看了看自己的雞蛋感覺撐不了兩天,于是打電話給李四說:兩天內給我送100個雞蛋,到時候根據市場價給你錢,如果到時候沒給我雞蛋,我們就不再合作。這段話中,張三跟李四...
  10. 初級前端知識點整合-ES6部分(持續更新中...)1.var let const的區別:·var聲明變量可以重復聲明,let不可以重復聲明;·var是不受限于塊級的,let是受限于塊級的;·可以在var聲明的變量前面訪問,不可以在let聲明變量之前訪問;·var會與window相映射(掛一個...
  11. 重新看前端模塊化 入門學習的時候,知道了 function 的語法,聲明一塊代碼片段(code snippet),簡單來說就是 代碼復用 。 // index.js function a() { // 100 行邏輯 } function b() { // 100 行邏輯 } 復制代碼 a、b 可以視為 2 個模塊。如果模塊越來越多的話,直接約定一些 js 文件即可。目錄結構類似這樣: |-- modu...
  12. 前端勸退預警:JavaScript 工具鏈不完全指南 經過這么多年的發展,JavaScript 早已經不是當年那個不太起眼的腳本語言。如今的 JavaScript 可以說是風光無限,在 Web 前端、移動端、服務端甚至物聯網設備上都大展身手,到處都有它的身影。 在 JavaScript 語言日漸強大的同時,與其配套的開發工具也蓬勃發展?,F在的 Web 前端項目,早已不是寫幾個 HTML 頁面,加點 ...
  13. Vuex操作實錄 統一整個vue需要不停交互的數據,在父子關系相對復雜的情況下,方便清晰的操作各類數據,而不需要反復的進行父子組件傳值等操作,并清晰的可以看到各類數據的走向,為此使用vuex時有以下要點 關鍵提要 操作異步數據時,通過地 與后端交互時,如長列表,建議接口成功后讓后端返回當前修改成功的單條數據對象,前...
  14. 【小技巧】巧用CSS屬性值正則匹配選擇器屬性值正則匹配選擇器包括下面3種: [attr^="val"] [attr$="val"] [attr*="val"] 這3種屬性選擇器是字符匹配,而非單詞匹配。其中,尖角符號^、美元符號$以及星號*都是正則表達式中的特殊標識符,分別表示前匹配...
  15. webpack 中實現自動識別 CSS Modules 編者按:本文作者奇舞團前端開發工程師彭體奎 背景 在 React 項目中使用 CSS 時,如果不使用 CSS in JS 的方案,一般會直接在 JS 文件中導入一個 CSS 文件,比如 import './index.css' ,但這樣 CSS 會在全局作用域內都有效,所以我們會使用 CSS Modules 1 來解決作用域的問題,使用方法如下: import ...
  16. 適合你React項目的JavaScript測試工具,有哪些? “信任是必須的,但核實也是必要的?!?里根總統帶火的一個俄羅斯習語非常符合我們談論測試和QA時的情境。 每個人都信任自己,每個程序員或開發人員都信任代碼。但為什么我們不能“完全信任”他們呢? 因為在編程領域,即便是極小的一個錯誤也會造成很大很大的損失,這就是為什么我們要反復進行測試與驗證的根本原因之...
  17. html2canvas報'className' of object '#錯的問題 因為項目需要用到生成海報的功能,所以立馬想到了html2canvas的插件。但是很久沒用了,有點忘記。 第一時間選擇了npm i html2canvas 看著熟悉的安裝界面,一切都向美好的方向發展。 但是當我按照文檔 import html2canvas from 'html2canvas' html2canvas(document.querySelector("#capture")).then(c...
  18. 記錄JS常用數組操作方法 對數組中的每一個元素調用一種方法,不會改變原數組 exp: var arr = var num1 = arr.map( ( el,index )=>{ el = el*2 // arr還是 } ) 復制代碼 2.forEach() 對數組中每一項元素調用一種方法,會改變原數組 exp: var ar...
  19. 【JavaScript】(附面試題)關于面向對象較好的理解方式 關于面向對象,以前我寫過幾篇文章,一篇實現 new 運算符,兩篇讀書筆記,一篇面試題,如下: 【JavaScript系列】帶你手寫實現new運算符 【讀書筆記】JavaScript面向對象精要(上) 【讀書筆記】JavaScript面向對象精要(下) 【面試篇】幾道面試題帶你深入理解JavaScript面向對象 ...
  20. javascript關鍵的十大優化知識點【建議大忙人的你看看】 這兩天有點感冒,不講故事也不開車了,直接進入主題了。 以下,每一點對你的代碼質量都會有所幫助,建議:+1:,方便日后翻看。 1.引用 script標簽的優化 多數瀏覽器都是使用單一的進程來處理用戶界面(UI)和JavaScript腳本執行,所以同一時刻只能做一件事,因此就會造成瀏覽器的堵塞狀態,JavaScript腳...
  21. Node.js 入門 —— 基于 egg.js 和 socket.io 的聊天小應用 初學 node 還是在實戰中學的較快,本項目是基于 egg.js,用這個原因是使用 express 和 koa 做了個 blog 的應用,想嘗試下 egg.js 而已…… server 端 首先使用腳手架直接生成項目 npm init egg --type=simple ,然后在 config 里的 plugin.js 配置需要的插件,這里需要這幾個 cors: { enable: true, package...
  22. 用 Web Speech API 和 Node.js 將語音轉換成 emoji 原文: https://www.freecodecamp.org/news/speech-to-sentiment-with-chrome-and-nodejs/ 作者:Diogo Spínola 譯者:Chengjun.L 校對者:Miya 你有沒有構思過這樣的項目啊 -- 用 Node.js 來檢查我們發的語音內容是積極的還是消極的? 我之前收到  Grammarly 的 一封討論語氣檢測的推廣郵件,...
  23. 工作不好找, 這 35 道React 面試題可以助你一波點贊再看,養成習慣本文 GitHub [鏈接] 上已經收錄,更多往期高贊文章的分類,也整理了很多我的文檔,和教程資料。歡迎Star和完善,大家面試可以參照考點復習,希望我們一起有點東西。
  24. 70個JavaScript面試題集錦,內含解答,自測 JS 掌握程度 1.undefined 和 null 有什么區別? 在理解 undefined 和 null 之間的差異之前,我們先來看看它們的相似類。 它們屬于 JavaScript 的 7 種基本類型。 let primitiveTypes = ; 它們是屬于虛值,可以使用 Boolean(value) 或 !!value 將其轉...
  25. Webpack4不求人系列(4)——自定義Loader在前面的內容中,我們學習了Webpack的基本知識、常用腳手架和性能優化,雖然說大部分的開發場景社區已經又成熟的模塊給我們使用,但是遇到特殊情況還是需要自己有獨立開發的能力,因此今天我們一起來學習如何編寫...

關注github前端日報 訂閱精彩文章

前端日報欄目數據來自碼農頭條,每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等,為開發者提供動力,如果覺得內容對你有用,記得分享給你的小伙伴。進入碼農頭條查看更多