原创 Vue入門（4）過濾器
1.過濾器的作用 過濾器的作用：實現數據的篩選、過濾、格式化。 2.過濾器的使用 語法： <any>{{表達式 | 過濾器}}</any> 舉個例子： <h1>{{price | myCurrency}}</h1> 3.過
2019-02-27 13:58:17
原创 Vue入門（7）ref和$nextTick()
1.利用ref獲取dom對象 1.給標籤綁定ref="xxx"屬性，可以用this.$refs.xxx獲取到原生dom對象 2.如果給組件綁定ref="xxx"屬性，this.$refs.xxx獲取到的是當前的組件對象 3.ref屬
2019-02-27 13:58:17
原创 Vue入門（9）路由2
demo路由權限控制 需求：有首頁和博客兩個按鈕，點擊首頁可以查看首頁內容，點擊博客的時候需要判斷登錄狀態。如果未登錄的話則需要跳轉到登錄頁面。 <div id="app"> <router-link to="/home">首
2019-02-27 13:58:17
原创 Vue入門（3）插槽
1.插槽 插槽，內置組件slot，作爲承載分發內容的出口 先看一下下面的代碼：聲明一個child-component組件，如果現在我想在 <child-component></child-component>內放置一些內容，結果會
2019-02-27 13:58:17
原创 Vue入門（5）偵聽及計算屬性
1.偵聽器 Vue 通過 watch 選項提供了一個更通用的方法，來響應數據的變化。當需要在數據變化時執行異步或開銷較大的操作時，這個方式是最有用的。 watch監聽的是單個屬性 基本數據類型：簡單監聽 <div id="app"
2019-02-27 13:58:17
原创 Vue入門（6）生命週期
<div id="app"> <App></App> </div> <script> Vue.component("Tset",{ data(){ return {
2019-02-27 13:58:17
原创 Vue入門（2）組件
組件 組件是可複用的 Vue 實例，且帶有一個名字。 組件是Vue.js最強大的功能之一。組件可以擴展HTML元素，封裝可重用的代碼。在較高層面上，組件是自定義的元素，Vue.js的編譯器爲它添加特殊功能。在有些情況下，組件也可以是
2019-02-27 13:58:17
原创 Vue入門（8）路由
1.原生js模擬路由實現原理 <a href="#/login">登錄</a> <a href="#/register">註冊</a> <div id="app"></div> <script> var oDiv = docu
2019-02-27 13:58:17
原创 繼承
1.原型鏈繼承 Person.prototype.age = 18; function Person(){ } function Student(){ } var p = new Person(); Student.p
2019-02-19 19:50:46
原创 原型
1.定義 原型是 function 對象的一個屬性,它定義了構造函數製造出的對象的公共祖先。通過該構造函數產生的對象,可以繼承該原型的屬性和方法。原型也是對象。 Person.prototype = { //原型(描述一種繼承關係
2019-02-16 14:58:32
原创 將文本複製到剪貼板
clipboard.js 將文本複製到剪貼板應該不難。它不需要數十個步驟來配置或加載數百KB。但最重要的是，它不應該依賴於Flash或任何膨脹的框架。 這就是clipboard.js存在的原因。 安裝 npm install c
2019-02-01 20:24:48
原创 react入門筆記4
1.用官方提供的腳手架工具構建一個react項目 npm install -g create-react-app 全局下安裝腳手架工具 create-react-app my-demo 創建項目 my-demo是項目名字 cd my
2019-01-25 20:15:08
原创 react入門筆記3
1. 設置樣式 使用普通的 style 樣式 <h1 style={ {color: 'red', fontWeight: 200} }></h1> 啓用 css-modules 修改 webpack.config.js
2019-01-18 19:34:33
原创 react入門筆記2
1. 在項目中使用 react 運行 cnpm i react react-dom -S 安裝包 react： 專門用於創建組件和虛擬DOM的，同時組件的生命週期都在這個包中 react-dom： 專門進行DOM操作的，最主要的
2019-01-16 19:49:29
原创 react入門筆記1
React.js - 第1天 1. React簡介 React 起源於 Facebook 的內部項目，因爲該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設 Instagram（照片交友）
2019-01-16 19:49:29