原创 React 組件淺析

React 組件 文章目錄React 組件一.聲明組件1.ES5寫法:React.createClass()2.ES6寫法:React.Component3.函數式組件二.組件注意事項1.組件名首字母大寫2.一個根元素3.retu

原创 webpack使用cross-env不同環境配置

webpack使用cross-env不同環境配置 一.項目背景 在配置webpack構建項目工程環境時,需要配置能夠隨時切換開發環境或生產環境,還有測試環境的打包命令,使用cross-env可以很輕鬆的解決問題 二.使用 1.

原创 React 使用方式

React 使用方式 文章目錄React 使用方式一.cdn 鏈接的方式1.掛載點2.引入所需要的包3.寫React代碼4.擴展CDN二.基於webpack搭建配置環境1.前期的必要配置1.安裝相關插件1.初始化2.安裝webpa

原创 md文件生成項目目錄樹

md文件生成項目目錄樹 1.安裝mddir $ npm install mddir -g //全局安裝 這種工具就是要全局安裝 2.使用mddir 在當前想要生成的目錄結構,直接使用mddir命令 $ mddir 結果會生

原创 基於Vue項目的富文本vue-quill-editor的使用

基於Vue項目的富文本vue-quill-editor的使用 文章目錄基於Vue項目的富文本vue-quill-editor的使用一.背景二.Vue-Quill-Editor使用1.簡介2.安裝3.掛載到項目1.全局掛載2.組件中

原创 var和let,const區別總結

var和let,const區別 文章目錄var和let,const區別一.var1.var屬於ES5規範2.預解析3.聲明提升4 作用域5.掛載對象二.let1.let屬於ES6規範2.let只在塊級作用域有效3.let聲明變量不

原创 NodeJS之環境變量

NodeJS 環境變量 一.背景 我們在實際開發中,經常會遇到這樣的問題,比如我們在開發環境中配置的公共的參數,以及敏感的賬號,商戶號,密鑰的key,等等,我們不可能每次在需要的時候,直接給他賦值,一旦要修改的話,需要去所有的使

原创 JS解析器執行原理和聲明提升機制

JS解析器執行原理和聲明提升機制 文章目錄JS解析器執行原理和聲明提升機制一.概念二.JS解析器的工作步驟1.預解析代碼2.逐行執行代碼3. 示例解讀3.1 示例1(全局變量和函數內部變量名相同)3.2 示例2 (變量和函數重名

原创 網絡請求工具之axios,vue-resouce,fetch

網絡請求工具之axios,vue-resouce,fetch 文章目錄網絡請求工具之axios,vue-resouce,fetch一.背景1.angularjs2.vuejs3.react二.請求工具1.vue-resource1

原创 學完這些,js操作數組你就很牛逼了

js數組方法詳解 文章目錄js數組方法詳解一.ES5數組方法1.Array.isArray()2.valueOf()3.toString()4.indexOf()5.lastIndexOf()6.push()7.pop()8.jo

原创 詳細介紹Vue-Router路由

Vue-Router 路由 文章目錄Vue-Router 路由一.路由簡介1.後端路由2.前端路由二.Vue-Router安裝使用1.npm安裝2.引用註冊路由3.引入組件4.定義路由規則(是一個數組對象)5.創建路由實例6.在V

原创 Vuex狀態管理(下)

Vuex狀態管理(下) 文章目錄Vuex狀態管理(下)一.引言二.背景三.在Vuex中使用module1.使用步驟2.拆分後遇到的問題3.解決問題1.設置命名空間2.調用設置命名空間後的子模塊數據3.調用設置命名空間後的某倉庫子模

原创 Vue-Router之路由守衛

Vue-路由守衛 文章目錄Vue-路由守衛一.概念二.守衛類型1.全局守衛1.1.全局前置守衛beforeEach1.2 全局解析守衛1.3全局後置守衛2.路由獨享1.beforeEnter3.組件內的守衛3.1.beforeRo

原创 Vuex狀態管理(上)

Vuex狀態管理(上) 文章目錄Vuex狀態管理(上)一.概念二.Vuex的倉庫的五大核心概念1.state2.getters3.mutations4.actions5.module三.安裝與使用1.安裝2.使用3.main.js

原创 JS防抖和節流介紹

JS防抖和節流 一.背景 我們日常開發中會經常遇到的問題,用戶的行爲會頻繁的觸發事件執行,對DOM操作、資源加載等耗費性能的處理,很可能導致界面卡頓,甚至瀏覽器的崩潰。函數防抖(debounce)和函數節流(throttle)就是