原创 數組遍歷和去重幾種方法

1、map()當數組中元素是值類型,map不會改變原數組;當是引用類型,則可以改變原數組,map()沒法做到的過濾 1.當數組中元素是值類型時 const arr = [1, 2, 3]; const result = arr.map(

原创 禁止選中頁面文字幾種方法

一、CSS方法 html: <span class="msg-list">怎麼禁止選中文字啊!!</span> css樣式設置: .msg-list { user-select: none; } 二、JS方法 <div on

原创 http與https區別,http1.0 http1.1 http2.0的主要特性

HTTP1.0 HTTP1.0是一種無狀態、無連接的應用層協議。 無連接:瀏覽器的每次請求都需要與服務器建立一個TCP連接,服務器處理完成後立即斷開TCP連接 無狀態:服務器不跟蹤每個客戶端也不記錄過去的請求。 無狀態可以藉助cookie

原创 爲什麼requestAnimationFrame(請求動畫幀) 比setTimeout、setInterval有什麼優勢?怎麼去應用?

requestAnimationFrame優勢 1、由系統來決定回調函數的執行時機。 requestAnimationFrame的步伐跟着系統的刷新步伐走。它能保證回調函數在屏幕每一次的刷新間隔中只被執行一次,這樣就不會引起丟幀現象,也不

原创 解決兩個inline-block並排出現空白間隙

遇到一個這樣的問題,當我們把div標籤的display設置爲inline-block時,這時標籤的邊距會有出現,看下面代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

原创 vue路由的四種跳轉方式

 一、router-link 1. 不帶參數 <router-link :to="{name:'aa'}"> <router-link :to="{path:'/bb'}"> //name,path都行, 建議用name // 注意:r

原创 最新React項目配置less和按需加載antd

一、create-react-app 腳手架搭建的react項目不支持 less,配置less步驟: 1、使用命令將配置文件暴露出來 yarn eject // 或者 npm run eject 注意:yarn eject或者npm

原创 Electron Menu菜單設置和右鍵設置

 主進程代碼: import { Menu, shell, ipcMain, BrowserWindow } from 'electron'; // normal (常規菜單項) // separator (分割線) // subme

原创 ES6 展開運算符(延展運算符)

1.數組構造   數組合並 var arr = ['aa','cc']; var str = ['bb',...arr,'dd']; console.log(str) // ['bb,'aa','cc','dd'] 數組複製 /

原创 Error “Cannot find module 'import-local'”報錯

問題:在搭建項目時,npm run dev時,出現“Cannot find module 'import-local'”報錯 解決辦法: 由於項目中安裝第三方包時,cnpm和npm混合使用,導致報錯,只要把項目中的node_modules

原创 創建React webpack4.x項目

最近看到一帖子創建基本的webpack4.x項目,發現都沒寫完整,自己總結梳理了下: 1、創建一個項目文件夾(比如react-domo) 2、在項目文件夾(react-domo)下運行  npm init -y 快速初始化項目,生成pac

原创 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}的解決方法

問題:最近在項目中,做左側菜單欄時,發現點擊路由跳轉相同地址 會有這個報錯 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name:

原创 ES6中 class類和繼承

一、如果要生成一個對象實例,需要先定義一個構造函數,然後通過new操作符來完成。 1.普通function創建類 function Person(name, age) { this.name = name; this.age

原创 項目如何生成tree.md,使用tree生成目錄樹

一、安裝tree-node-cli,全局安裝(基於node,安裝前安裝node.js) #安裝tree-node-cli模塊包 npm install -g tree-node-cli 二、使用命令 $ tree --help Us

原创 nodejs回調的錯誤處理方式及其優點

NodeJS 通常使用回調模式,如果在執行期間發生錯誤,會把錯誤作爲回調的第一個參數傳遞到回調函數中: fs.readFile(filePath, function(err, data) { if (err) { // 錯誤