原创 react組件問題
1、react的組件中的super(props)是幹啥的 a、調用super的原因：在ES6中，在子類的constructor中必須先調用super才能引用this，這是因爲子類沒有自己的this對象，而是繼承父類的this對象
2020-07-06 05:40:58
1
原创 koa 快速模擬後臺接口
在前後端同步開發的過程中，前期後臺接口出的沒那麼快，前端一般可以自己通過koa模擬後臺接口—前提時與後臺約定好數據格式。下面是如何用koa2模擬假數據接口的實現： 首先安裝個koa腳手架 npm install koa-gener
2020-07-06 05:40:58
原创 react-router
模板方式（link方式） import { link } from 'react-router' <link to="/detail">link方式</link> 編程式（js方式） import { hashHistory }
2020-02-20 17:14:03
原创 es6實用方法
數組去重 Set 結構不會添加重複的值 [...new Set(arr)] Array.from方法用於將兩類對象轉爲真正的數組：類似數組的對象（array-like object）和可遍歷（iterable）的對象（包括
2020-02-20 17:14:03
原创 如何使用vuex
小項目中 小項目中不可能有太多狀態需要vuex管理，在store.js中不需要做分類處理 const store = new Vuex.Store({ state: {}, mutations: {}， gette
2020-02-20 17:14:03
原创 webpack4 搭建 Vue 開發環境筆記
一、node 知識 __dirname: 獲取當前文件所在路徑，等同於 path.dirname(__filename) console.log(__dirname); // Prints: /Users/mjr console.lo
2018-11-20 08:05:04
原创 JavaScript中的執行上下文和隊列（棧）的關係？
原文：What is the Execution Context & Stack in JavaScript? git地址：JavaScript中的執行上下文和隊列（棧）的關係？ 導讀：以前總是看到相關文章提到什麼變量提升，函數提升
2018-09-30 07:57:56
2
原创 Tasks(任務), microtasks(微任務), queues（隊列） and schedules（回調隊列）
原文：What is the Execution Context & Stack in JavaScript? git地址：Tasks(任務), microtasks(微任務), queues（隊列） and schedules（回
2018-09-30 07:57:56
2
原创 Windows10安裝Linux子系統Ubuntu，使用tree指令生成文件目錄結構樹
我們經常需要將一個文件生成爲目錄結構樹，我們可以通過win 提供的tree指令來搞定。 win系統裏的tree指令： 在cmd種輸入tree /? C:\Users\zhang\Desktop\work>tree /? 以圖形顯示驅動
2018-08-29 03:40:46
原创 vue如何實現一個auto-complete組件
在這裏提供種實現auto-complete組件的思路 auto-complete的效果 一、通過vue指令來實現auto-complete <template> <div> <div class="search">
2018-08-29 03:40:46
1
原创 vue預渲染--prerender-spa-plugin插件的使用
預渲染 我們按照vue-cli腳手架開發的vue項目，打包後是一個空的html和一些js、css，在瀏覽器拿到這些資源後就會根據js去請求數據、生成dom然後再插入html，這種就瀏覽器渲染，由於這種方式無法解決seo，而且白屏時間偏長
2018-08-29 03:40:46
9
原创 vscode設置同步
1、Settings Sync是vscode中同步設置和安裝插件的小工具，在擴展商店中搜索並安裝它 2、登陸Github>Your profile> settings>Developer settings>personal acces
2018-08-29 03:40:46
原创 vue服務器渲染nuxtjs
項目介紹 項目中使用用了vue + nuxt + axios + element-ui + vue-router(nuxt整合的),這是在學習服務器渲染框架nuxtjs過程中寫的一個小demo；項目的接口是在rap上模擬的，這是接口。
2018-08-29 03:40:46
原创 parentNode、parentElement，childNodes、children 區別
parentElement 獲取對象層次中的父對象。 parentNode 獲取文檔層次中的父對象。 childNodes 獲取作爲指定對象直接後代的 HTML 元素和 TextNode 對象的集合。 children 獲取作
2018-08-29 03:40:46
原创 發佈訂閱模式簡單實現
代碼 export default class Oberver { // 定義一個事件容器 event = {} subscribe (type, fn) { // 消息類型不存在 if (typeof th
2018-08-29 03:40:46