原创 Vuex核心概念Mutation、Action
MutationActionMutation更改 Vuex 的 store 中的狀態的唯一方法是提交 mutation。Vuex 中的 mutation 非常類似於事件：每個 mutation 都有一個字符串的 事件類型 (type) 和
2020-07-04 19:26:15
原创 Webpack原理
webpack原理查看所有文檔頁面：全棧開發，獲取更多信息。原文鏈接：webpack原理，原文廣告模態框遮擋，閱讀體驗不好，所以整理成本文，方便查找。工作原理概括基本概念在瞭解 Webpack 原理前，需要掌握以下幾個核心概念，以方便後面
2020-07-04 19:26:15
1
原创 JavaScript的7種繼承方式
理解JS的7種繼承方式寫在前面一直不喜歡JS的OOP，在學習階段好像也用不到，總覺得JS的OOP不倫不類的，可能是因爲先接觸了Java，所以對JS的OO部分有些牴觸。偏見歸偏見，既然面試官問到了JS的OOP，那麼說明這東西肯定是有用的，應
2020-02-21 15:06:15
原创 React-屬性傳值(傳事件)
1、如下圖在App.js中，使用紅色框內方式，將myClick屬性設置爲changeName，並設置參數在Person.js中，在h2元素的click事件使用{props.myClick}獲取組件傳遞過來的事件沒有觸發h2元素綁定的事件之
2020-02-21 15:06:14
原创 vue 事件總線（ vue-bus）非父子組件傳值 ========================================================== vue 事件總線問題
vue-bus一個 Vue.js 事件中心插件，同時支持 Vue 1.0 和 2.0原因Vue 2.0 重新梳理了事件系統，因爲基於組件樹結構的事件流方式實在是讓人難以理解，並且在組件結構擴展的過程中會變得越來越脆弱。雖然依然保留了父子組
2020-02-21 15:06:14
原创 Swiper4.x使用方法（HTML，JS）
Swiper4.x使用方法1.首先加載插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下載Swiper文件或使用CDN。<!DOCTYPE html> <html> <head> ...
2020-02-21 15:06:14
1
原创 React第一個組件（不同方式）
方式一：類方式（推薦），在項目src下面創建一個HelloReact.js,內容如下：然後在App.js中引入HelloReact組件，方式如下： 啓動項目，npm start，界面展示紅色框中的內容：方式二：函數方式（不推薦），在項
2020-02-21 15:06:14
原创 ES6 class類的定義、繼承及靜態方法 ECMAScript6（ES6）標準之class類的定義、繼承及靜態方法
ECMAScript6（ES6）標準之class類的定義、繼承及靜態方法2016年12月26日 20:32:39閱讀數：10402衆所周知，JavaScript中是沒有傳統類的概念的 它利用原型鏈完成繼承 對於當時剛學JavaScript
2020-02-21 15:06:14
原创 安裝React
React 可以直接下載使用，下載包中也提供了很多學習的實例。本教程使用了 React 的版本爲 15.4.2，你可以在官網 http://facebook.github.io/react/ 下載最新版。你也可以直接使用 BootCDN
2020-02-21 15:06:14
原创 Vuex核心概念 Module
Module由於使用單一狀態樹，應用的所有狀態會集中到一個比較大的對象。當應用變得非常複雜時，store 對象就有可能變得相當臃腫。爲了解決以上問題，Vuex 允許我們將 store 分割成模塊（module）。每個模塊擁有自己的 sta
2020-02-21 15:06:14
原创 Vue-Awesome-Swiper(Vue使用Swiper)
Vue中重點關注綠色字體部分Vue-Awesome-SwiperSwiper4 component for Vue, support pc and mobile, SPA and SSR.If you need to roll back
2020-02-21 15:06:14
1
原创 Vue學習筆記一
Vue.js 是什麼？Vue.js 是一套構建用戶界面的漸進式框架。採用的是自底向上增量開發的設計（與其他重量級框架不同點）。Vue的核心庫只關注圖層，不僅易於上手，還便於與第三方庫或既有項目整合。起步# helloword注意：不能將i
2020-02-21 15:06:13
原创 Vuex核心概念State、Getter
StateGetterState#單一狀態樹SatteVuex 使用單一狀態樹——是的，用一個對象就包含了全部的應用層級狀態。至此它便作爲一個“唯一數據源 (SSOT)”而存在。這也意味着，每個應用將僅僅包含一個 store 實例。單一狀
2020-02-21 15:06:13
原创 vue-resource和axios區別
vue-resourceVue.js是數據驅動的，這使得我們並不需要直接操作DOM，如果我們不需要使用jQuery的DOM選擇器，就沒有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通過XMLHttpReq
2020-02-21 15:06:13
原创 React組件通信（屬性傳值）
在<Person>組件中添加name和count屬性以及文本內容，如下圖所示：在Person.js中使用如下方式獲取組件傳過來的值，props形參可用其他值代替，建議使用props界面展示結果如下： 點贊 收藏 分
2020-02-21 15:06:13