原创 「乾貨」細說 call、apply 以及 bind 的區別和用法未指定標題的文章

前言 上一篇文章 《「前端面試題系列4」this 的原理以及用法》 中,提到了 call 和 apply。 它們最主要的作用,是改變 this 的指向。在平時的工作中,除了在寫一些基礎類,或者公用庫方法的時候會用到它們,其他時候 call

原创 「前端面試題系列4」this的原理以及用法

這是前端面試題系列的第 4 篇,你可能錯過了前面的篇章,可以在這裏找到: 僞類與僞元素的區別及實戰 如何實現一個聖盃佈局? 今日頭條 面試題和思路解析 在前端的面試中,經常會問到有關 this 的指向問題。最近,朋友Z 向我求助說,他

原创 Javascript中的異步編程

前言 最近,小夥伴S 問了我一段代碼: const funB = (value) => { console.log("funB "+ value); }; const funA = (callback) => { ...

原创 「讀懂源碼系列1」還在恐懼讀源碼?看完這篇就不怕了

一個小需求 事情的起因,是昨天老闆提出的一個需求。 他要實現讓我們自己定製的彈出層,具備按下 ESC 也能退出的功能。我把任務交給了同組的小夥伴S去實現。(這個項目用到了vue技術棧,以及餓了麼的UI框架。) 我開完會回來,發現他還在處理那

原创 「前端面試題系列3」僞類與僞元素的區別及實戰

前言 面試前端候選人的時候,我經常會問這樣一個有關CSS的問題: 你知道僞類與僞元素麼,它們的分別是什麼?這時,能回答上來的很少。換一種問法,你知道 :hover, :active, :focus, :visited麼?這時,基本都能回答

原创 「面試題」如何實現一個聖盃佈局?

前言 最近,有個朋友向我訴苦說,面試的時候突然被問到了如何實現佈局和原理,有點懵。之前JavaScript的部分回答得挺好的,偏偏在這裏翻船了,完全沒有思路,後面的面試狀態一落千丈。結局也如他所料,沒有被錄取。 我給這個朋友做了解答之後,回

原创 細說async/await相較於Promise的優勢

前言 介於上一篇 「今日頭條」前端面試題和思路解析 中提到的 async/await,讓我想起了之前寫過的一篇文章,在此做個分享。它細說了什麼是async函數,以及其相較於 Promise 的優勢。 溫故而知新,正文開始。 async 函數

原创 「今日頭條」前端面試題和思路解析

一篇文章和一道面試題 最近,有篇名爲 《8張圖幫你一步步看清 async/await 和 promise 的執行順序》 的文章引起了我的關注。 作者用一道2017年「今日頭條」的前端面試題爲引子,分步講解了最終結果的執行原因。其中涉及到了不