原创 前端工具-定製ESLint 插件以及瞭解ESLint的運行原理

這篇文章目的是介紹如何創建一個ESLint插件和創建一個ESLint rule,用以幫助我們更深入的理解ESLint的運行原理,並且在有必要時可以根據需求創建出一個完美滿足自己需求的Lint規則。 插件目標 禁止項目中setTimeout

原创 JS基礎-全方面掌握繼承

前言 上篇文章詳細解析了原型、原型鏈的相關知識點,這篇文章講的是和原型鏈有密切關聯的繼承,它是前端基礎中很重要的一個知識點,它對於代碼複用來說非常有用,本篇將詳細解析JS中的各種繼承方式和優缺點進行,希望看完本篇文章能夠對繼承以及相關概念理

原创 JS基礎-完美掌握繼承知識點

前言 上篇文章詳細解析了原型、原型鏈的相關知識點,這篇文章講的是和原型鏈有密切關聯的繼承,它是前端基礎中很重要的一個知識點,它對於代碼複用來說非常有用,本篇將詳細解析JS中的各種繼承方式和優缺點進行,希望看完本篇文章能夠對繼承以及相關概念

原创 JS基礎-該如何理解原型、原型鏈?

JS的原型、原型鏈一直是比較難理解的內容,不少初學者甚至有一定經驗的老鳥都不一定能完全說清楚,更多的"很可能"是一知半解,而這部分內容又是JS的核心內容,想要技術進階的話肯定不能對這個概念一知半解,碰到問題靠“猜”,卻不理解它的規則! p

原创 JS基礎-原型、原型鏈真的不能一知半解

JS的原型、原型鏈一直是比較難理解的內容,不少初學者甚至有一定經驗的老鳥都不一定能完全說清楚,更多的"很可能"是一知半解,而這部分內容又是JS的核心內容,想要技術進階的話肯定不能對這個概念一知半解,碰到問題靠“猜”,卻不理解它的規則! p

原创 前端中等算法-無重複字符的最長子串

無重複字符的最長子串 難度:中等 描述: 給定一個字符串,請你找出其中不含有重複字符的 最長子串 的長度。 樣例: 輸入: "abcabcbb" 輸出: 3 解釋: 因爲無重複字符的最長子串是 "abc",所以其長度爲 3。 輸入: "b

原创 js call/apply,bind面試官想知道什麼?

函數原型鏈中的 apply,call 和 bind 方法是 JavaScript 中相當重要的概念,與 this 關鍵字密切相關,相當一部分人對它們的理解還是比較淺顯,所謂js基礎紮實,繞不開這些基礎常用的API,這次讓我們來徹底

原创 前端面試 js 你有多瞭解call,apply,bind?

函數原型鏈中的 apply,call 和 bind 方法是 JavaScript 中相當重要的概念,與 this 關鍵字密切相關,相當一部分人對它們的理解還是比較淺顯,所謂js基礎紮實,繞不開這些基礎常用的API,這次讓我們來徹底掌握它們

原创 js 面試官想了解你有多理解call,apply,bind?

函數原型鏈中的 apply,call 和 bind 方法是 JavaScript 中相當重要的概念,與 this 關鍵字密切相關,相當一部分人對它們的理解還是比較淺顯,所謂js基礎紮實,繞不開這些基礎常用的API,這次讓我們來徹底掌握它們

原创 圖片外鏈失效,怎麼辦?使用npm工具一次性下載/替換所有失效的外鏈圖片

前言 大約一個月前,微博的圖片外鏈失效了,以及掘金因爲盜鏈問題也於2019/06/06決定開啓防盜鏈,造成的影響是:個人博客網站的引用了這些圖片外鏈都不能顯示。 目前微博和掘金的屏蔽,在CSDN和segmentfault都是可以

原创 博客圖片失效?使用npm工具一次下載/替換所有失效的外鏈圖片

前言 大約一個月前,微博的圖片外鏈失效了,以及掘金因爲盜鏈問題也於2019/06/06決定開啓防盜鏈,造成的影響是:個人博客網站的引用了這些圖片外鏈都不能顯示。 目前微博和掘金的屏蔽,在CSDN和segmentfault都是可以正常顯示的

原创 博客圖片失效?使用npm包20行代碼一次下載/替換所有失效的外鏈圖片

前言 大約一個月前,微博的圖片外鏈失效了,以及掘金因爲盜鏈問題也於2019/06/06決定開啓防盜鏈,造成的影響是:個人博客網站的引用了這些圖片外鏈都不能顯示。 目前微博和掘金的屏蔽,在CSDN和segmentfault都是可以正常顯示的

原创 js 調用棧機制與ES6尾調用優化介紹

調用棧的英文名叫做Call Stack,大家或多或少是有聽過的,但是對於js調用棧的工作方式以及如何在工作中利用這一特性,大部分人可能沒有進行過更深入的研究,這塊內容可以說對我們前端來說就是所謂的基礎知識,咋一看好像用處並沒有很大,但掌握

原创 論普通函數和箭頭函數的區別以及箭頭函數的注意事項、不適用場景

箭頭函數是ES6的API,相信很多人都知道,因爲其語法上相對於普通函數更簡潔,深受大家的喜愛。就是這種我們日常開發中一直在使用的API,大部分同學卻對它的瞭解程度還是不夠深... 普通函數和箭頭函數的區別: 箭頭函數的this指向規則:

原创 js sendBeacon 刷新/關閉頁面之前發送請

背景: 有一個任務非常耗時會消耗後臺大量算力,所以在退出頁面的時候,要求前端這邊發送一個請求來殺死任務。 一開始以爲這個需求非常簡單,就是在進入其他路由前,發送一下請求,殺死一下任務就好了。 然而現實狠狠的打了我的臉,因爲退出頁面的場