原创 案例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.回調函數使