原创 React腳手架（5）Props和PropTypes檢查類型
Props 組件的優勢就是將項目中需要展示的內容劃分成小的UI模塊，方便複用，降低代碼冗餘。組件被封裝時，某些數據是不確定的，只有在組件被調用時確定，也就是說，在調用組件時，可以向被調用的組件傳參，組件可以用props獲取這些數據
2020-07-04 03:47:38
2
原创 Vue-2 vue-cli，生命週期，computed，watch，自定義指令
Vue-2 vue-cli，生命週期，computed，watch，自定義指令 vue-cli環境配置、項目安裝、目錄樹 我們使用webpack也可以手動安裝配置vue腳手架環境，但是有一套更簡單一點的vue-cli的構建工具，大
2020-07-04 03:47:38
8
原创 Canvas 貪喫蛇大作戰
閱讀需知 這個遊戲是給小白練手的，大神請饒命 只有一條蛇，別說我騙你 目的是爲了練習 JS + Canvas 的邏輯 代碼雖然不難，但由於本人能力有限，所以計算過程還是有一丟燒腦，所以 … 誰抄咬誰，轉載啥的，註明出處 效果
2020-07-04 03:47:38
1
原创 Vue 數據雙向響應機制
Vue 數據雙向響應機制 參考資料（感謝各位前輩的分享和資料） 尤雨溪講解 Vue 源碼 Vue 源碼解析-Vue 中文社區 小馬哥 Vue 源碼解析 小馬哥 Vue 源碼解析代碼示範 vue-cli 源碼 MDN Vue 的特點
2020-07-04 03:47:38
1
原创 Vue-cli 請求代理配置，封裝 Axios 及請求攔截器和響應攔截器
Vue-cli 請求代理配置及封裝 Axios 大佬止步，小白往下。 HTTP 請求代理配置 vue-cli 2.x // /config/index.js proxyTable: { '/api-1': { targ
2020-07-04 03:47:38
1
原创 Vue-3 props，$emit，slot，render，JSX和createElement
Vue-3 props，$emit，slot，render，JSX和createElement Props 和 $emit 使用 Vue 開發項目時，我們將項目中的內容按照模塊劃分，但是有時候模塊和模塊之間會存在數據交互。在真正的
2020-07-04 03:47:38
1
原创 React腳手架（1）安裝項目
腳手架環境配置 從node官網下載node 安裝react腳手架環境 npm install -g create-react-app 安裝react項目 用終端打開你要安裝項目的父級目錄 create-react-app m
2020-07-04 03:47:38
1
原创 ECMAScript 6 Module的語法和加載實現
Module的語法和加載實現 一、ES6模塊的簡單介紹 歷史上，JavaScript 一直沒有模塊（module）體系，無法將一個大程序拆分成互相依賴的小文件，再用簡單的方法拼裝起來。其他語言都有這項功能，比如 Ruby 的req
2020-07-04 03:47:38
1
原创 ECMAScript 6 類和類的繼承
類和類的繼承 一、類的聲明 JS中到處都是對象，它是一門基於對象的語言，JS代碼的執行都依託於對象，利用對象產生各種具備關聯性的上下文環境，JS代碼才能正常運行。 但是我們都知道在ES5中，沒有class，我們只是利用函數、new
2020-07-04 03:47:38
1
原创 webpack4.0 的配置及簡單使用
webpack 學習 webpack 能極大的擴充前端開發視野，所以推薦前端開發工程師，使用 webpack 構建工具。 webpack 4.0 相對於之前的版本，有了更多的變化，開發速度更快，大型項目能節約 90% 的構建時間。
2020-07-04 03:47:38
2
原创 React + Ant Design 利用遞歸動態生成菜單欄
React + Ant Design 利用遞歸動態生成菜單欄 自定義菜單配置文件 // menu-list.js // 引入菜單向需要的圖標 import { HomeOutlined, AppstoreOutlined,
2020-07-04 03:47:38
1
原创 React 腳手架（6）React-router 安裝,配置,調用,嵌套,傳參
React Router 是完整的 React 路由解決方案。 React Router 保持 UI 與 URL 同步。它擁有簡單的 API 與強大的功能例如代碼緩衝加載、動態路由匹配、以及建立正確的位置過渡處理。你第一個念頭想到
2020-07-04 03:47:38
1
原创 Vue-6 Vuex（state, getters, mutations, actions, modules）
Vue-6 Vuex（state, getters, mutations, actions, modules） 在項目研發過程中，組件和組件之間的結構關係非常複雜，到處存在數據交互。 props，$emit，路由傳參是遠遠不足以支
2020-07-04 03:47:38
1
原创 React腳手架（3）組件的樣式和styled-components
組件的樣式 一、簡單使用 我們可以爲每個組件單獨創建一個css樣式文件，然後在js文件中，直接導入使用： // header-nav.js ... import './header-nav.css' ... 但是這種方式導入的樣
2020-07-04 03:47:38
1
原创 Vue-4 路由的配置和調用，命名路由和命名視圖，嵌套路由，重定向和別名
Vue-4 路由的配置和調用，命名路由和命名視圖，嵌套路由，重定向和別名 Vue-router的安裝和基本配置 路由是 Vue 通過操作切換或調用組件的另一種方式。 常見應用場景就是後臺管理系統中的選項卡操作。 比如某個後臺管理系
2020-07-04 03:47:38
1