原创 鋒利碼農武器之vscode

俗話說,工欲善其事必先利其器,我們碼農的器是什麼尼?沒錯,就是我們親愛的IDE,前端開發者最愛的編輯器應該是vscode了吧。但是我們要怎麼去鋒利它尼?不外乎就是熟悉它的使用方法、快捷鍵以及第三方的插件。接下來,我整理了一些vsc

原创 vue開發必須知道的小技巧

近年來,vue越來越火,使用它的人也越來越多。vue基本用法很容易上手,但是還有很多優化的寫法你就不一定知道了。本文列舉了一些vue常用的開發技巧。 require.context() 在實際開發中,絕大部分人都是以組件化的方式進

原创 面試寶典帶你走向人生巔峯

又到了七月面試季,全國各大高校的畢業生如洪水猛獸一般湧入市場,隨之而來的則是大量的投遞簡歷、參加面試、等待通知。但是很多小夥伴可能初次找工作,最終結果往往都不如人意,接下來我就我自己的面試經歷簡單的說說面試那些事,希望可以幫到大家

原创 深入探討深拷貝淺拷貝兩兄弟

基本數據類型 在深入探討深拷貝和淺拷貝之前,我們需要先了解一下Javascript得數據類型。衆所周知JavaScript得數據類型,分爲基本數據類型和引用數據類型。那麼這兩種類型到底有什麼區別?接下來我們詳細的談談。 導圖:

原创 canvas簡易畫布

今天學習了canvas,利用它做了一個簡易版的畫板,校驗自己所學的知識,分享出來以供大家學習指教。先上效果圖。 主要是使用了canvas的stroke和clearReact來實現畫板的繪畫和橡皮擦功能,然後通過監聽鼠標的按下、移

原创 JavaScript易錯知識點

JavaScript易錯知識點整理 1.變量作用域   上方的函數作用域中聲明並賦值了a,且在console之上,所以遵循就近原則輸出a等於2。   上方的函數作用域中雖然聲明並賦值了a,但位於console之下,a變量被提升,輸出時已聲

原创 JavaScript中用畫布canvans做貪喫蛇

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>貪喫蛇</title> <style type="text/css">

原创 react後臺管理系統路由方案及react-router原理解析

    最近做了一個後臺管理系統主體框架是基於React進行開發的,因此係統的路由管理,選用了react-router(4.3.1)插件進行路由頁面的管理配置。 實現原理剖析 1、hash的方式     以 hash 形式(也可以

原创 React、Vue添加全局的請求進度條(nprogress)

全局的請求進度條,我們可以使用nprogress來實現,效果如下:   首先需要安裝插件: npm i nprogress -S  然後使用的時候主要有兩種方式,第一種是切換頁面的時候,第二種則是請求接口的時候。 切換頁面可以在入口文

原创 JavaScript中DOM查詢封裝函數

    在JavaScript中可以通過BOM查詢html文檔中的元素,也就是所謂的在html中獲取對象然後對它添加一個函數。常用的方法有以下幾種:    ①document.getElementById()    通過元素ID在全局查找

原创 函數節流和去抖的用法和區別

我們都知道頻繁觸發執行一段js邏輯代碼對性能會有很大的影響,尤其是在做一些效果實現方面,或者邏輯中需要進行後端請求,更是會導致卡頓,效果失效等結果,所以在處理類似的情況時,可以考慮使用函數節流和函數去抖來解決,至於具體使用哪一種方式,根據