原创 案例23:文字搬運工

  <!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>文字搬運工</title>     <link rel="styleshe

原创 VUE-2:自定義指令、事件

自定義指令(directive指令)         我們還可以通過 `Vue` 提供的方法來自定義指令 註冊指令         `vue` 提供了兩種指令註冊方式                 - 全局指令             

原创 React-7:組件之生命週期

生命週期         所謂的生命週期就是指某個事物從開始到結束的各個階段,當然在 React.js 中指的是組件從創建到銷燬的過程,React.js 在這個過程         中的不同階段調用的函數,通過這些函數,我們可以更加精確的

原创 VUE-4:組件生命週期、動態組件、插件、動畫

組件生命週期         組件生命週期指的是組件從創建到銷燬的過程,在這個過程中的一些不同的階段,`vue` 會調用指定的一些組件方法                 基本生命週期函數有下面幾個階段:                

原创 React-10:Redux狀態管理庫(數據)

redux         強調的是,redux 與 react 並沒有直接關係,它是一個獨立的 JavaScript 狀態管理庫(數據),如果我們希望中 React 中使用 Redux,需要先安裝 react-redux 知識點    

原创 VUE-6:路由2

路由組件傳參         我們通常把路由直接映射(綁定)的組件稱爲 路由組件,也只有路由組件才能直接調用路由有關對象:`$router`、`$route`         當我們一個組件即希望作爲路由組件使用,又可能作爲功能組件(某個

原创 VUE-7:VUEX

爲什麼要用 vuex ?         首先,需要清楚爲什麼要用 vuex ,當我們的應用遇到 **多個組件共享狀態** 時                 - 多層級父子組件狀態傳遞會特別繁瑣                 - 非嵌

原创 React-9:通過路由實現排序切換

queryString        (查詢字符串)         通常我們把 URL `?` 後面的內容稱爲 queryString,在 React.js 中,我們可以通過 `this.props.location.search` 來

原创 VUE-1:基礎、指令、數據

vue.js         `vue.js` 是一套用於構建用戶界面的漸進式框架 漸進式 Vue 核心         - 聲明式渲染         - 組件 引入         我們還是先通過 \<script\> 的方式來引

原创 VUE-3:組件

組件的註冊         在 `vue` 中,我們可以通過 `new Vue` 來創建一個組件,不過通常它是作爲整個應用的頂層根組件存在的,我們還可以通過另外的方式         來註冊一個更爲通用的組件 Vue.component

原创 VUE-5:腳手架、調試、路由1

腳手架     https://cli.vuejs.org/zh/     vue-cli 是 vue 提供的一個用於自動化構建和開發項目的工具,也稱爲:腳手架,它是一系列工具的集合,它主要有:                 - 根據配

原创 React-11:React-redux庫

redux 強調的是,redux 與 react 並沒有直接關係,它是一個獨立的 JavaScript 狀態管理庫(數據),如果我們希望中 React 中使用 Redux,需要先安裝 react-redux 安裝            

原创 React-5:組件之 props 驗證

props 驗證         隨着應用的不斷增長,也是爲了使程序設計更加嚴謹,我們通常需要對數據的類型(值)進行一些必要的驗證,React.js 提供了         一個驗證庫:prop-types prop-types    

原创 React-3:組件之表單與受控非受控組件

表單         在 React 裏,HTML 表單元素的工作方式和其他的 DOM 元素有些不同。         一般來說,表單以及表單中的控件(如:input、select……)是頁面中與 JavaScript 打交道最多的元素了

原创 mTween動畫框架封裝-2

6.添加回調函數 7.添加動畫結束之後的回調 8.回調函數使用 9.彈性菜單 10.動畫時間調整 6.添加回調函數 一個函數本身不執行,當參數傳入另一個函數,在另一個函數中執行,叫做回調函數 7.添加動畫結束之後的回調 8.回調函數使