講解大致會(huì)根據(jù)下圖展開(kāi) 本文部分參考了書(shū)籍《你不知道的javascript》上卷 對(duì)象的定義與賦值 經(jīng)常使用的定義與賦值方法obj.prop =value或者obj['pro...
![240](https://upload.jianshu.io/users/upload_avatars/22488777/12d542f6-5cd7-4193-96c3-6ed978bb5510.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
講解大致會(huì)根據(jù)下圖展開(kāi) 本文部分參考了書(shū)籍《你不知道的javascript》上卷 對(duì)象的定義與賦值 經(jīng)常使用的定義與賦值方法obj.prop =value或者obj['pro...
一靶瘸、概述 網(wǎng)格布局(Grid)是最強(qiáng)大的 CSS 布局方案苫亦。 它將網(wǎng)頁(yè)劃分成一個(gè)個(gè)網(wǎng)格,可以任意組合不同的網(wǎng)格怨咪,做出各種各樣的布局屋剑。以前,只能通過(guò)復(fù)雜的 CSS 框架達(dá)到的效...
移動(dòng)端項(xiàng)目準(zhǔn)備 1. 初始化的css 2. 1px 邊框問(wèn)題 3. 300ms點(diǎn)擊延遲問(wèn)題 4.阿里圖標(biāo)庫(kù)使用 創(chuàng)建項(xiàng)目 xxx 在 圖標(biāo)庫(kù)選擇需要的圖標(biāo)诗眨,先都添加到購(gòu)物車(chē)唉匾,...
一、安裝 1匠楚、 利用npm安裝npm install axios --save2巍膘、 利用bower安裝bower install axios --save3、 直接利用cdn...
①state:定義初始數(shù)據(jù)芋簿。 ②mutations:更改Vuex的store中的狀態(tài)的唯一方法是提交mutation ③getters:可以對(duì)state 進(jìn)行計(jì)算操作峡懈,它就是...
命令創(chuàng)建項(xiàng)目 命令創(chuàng)建項(xiàng)目 創(chuàng)建需要的組件 找到 app-routing.module.ts 配置路由引入組件 配置路由 找到 app.component.html 根組件模...
Angular get 請(qǐng)求數(shù)據(jù) Angular5.x 以后 get、post 和和服務(wù)器交互使用的是 HttpClientModule 模塊与斤。1肪康、在 app.module....
RJX RxJS 是 ReactiveX 編程理念的 JavaScript 版本荚恶。ReactiveX 來(lái)自微軟,它是一種針對(duì)異步數(shù)據(jù) 流的編程磷支。簡(jiǎn)單來(lái)說(shuō)谒撼,它將一切數(shù)據(jù),包括 ...
生命周期函數(shù) 通俗的講就是組件創(chuàng)建雾狈、組件更新廓潜、組件銷(xiāo)毀的時(shí)候會(huì)觸發(fā)的一系列的方法。 當(dāng) Angular 使用構(gòu)造函數(shù)新建一個(gè)組件或指令后箍邮,就會(huì)按下面的順序在特定時(shí)刻調(diào)用這些 ...
父組件給子組件傳值-@input 父組件不僅可以給子組件傳遞簡(jiǎn)單的數(shù)據(jù)茉帅,還可把自己的方法以及整個(gè)父組件傳給子組件1.父組件調(diào)用子組件的時(shí)候傳入數(shù)據(jù) 子組件引入 Input 模...
DOM操作 父子組件中通過(guò) ViewChild 調(diào)用子組件 的方法 CSS動(dòng)畫(huà)
創(chuàng)建服務(wù) app.module.ts 里面引入創(chuàng)建的服務(wù) NgModule 里面的 providers 里面依賴(lài)注入服務(wù) 使用的頁(yè)面引入服務(wù)锭弊,注冊(cè)服務(wù) 使用
組件 創(chuàng)建 使用組件 綁定數(shù)據(jù) Angular 中使用{{}}綁定業(yè)務(wù)邏輯里面定義的數(shù)據(jù) 綁定html 綁定屬性 數(shù)據(jù)循環(huán) 條件判斷 *ngIf *ngSwitch 執(zhí)行事件...
項(xiàng)目搭建 1.使用 npm/cnpm 命令安裝 angular/cli (只需要安裝一次) 創(chuàng)建項(xiàng)目:使用ng new 項(xiàng)目名稱(chēng) 如果要跳過(guò) npm i 安裝: 3.運(yùn)行項(xiàng)目...
父組件向子組件傳值 組件實(shí)例定義方式,注意:一定要使用props屬性來(lái)定義父組件傳遞過(guò)來(lái)的數(shù)據(jù) 使用v-bind或簡(jiǎn)化指令味滞,將數(shù)據(jù)傳遞到子組件中: 子組件向父組件傳值 原理:...
什么是路由 對(duì)于普通的網(wǎng)站樱蛤,所有的超鏈接都是URL地址,所有的URL地址都對(duì)應(yīng)服務(wù)器上對(duì)應(yīng)的資源剑鞍; 對(duì)于單頁(yè)面應(yīng)用程序來(lái)說(shuō)昨凡,主要通過(guò)URL中的hash(#號(hào))來(lái)實(shí)現(xiàn)不同頁(yè)面之...
Vue.js - Day3 定義Vue組件 什么是組件: 組件的出現(xiàn),就是為了拆分Vue實(shí)例的代碼量的蚁署,能夠讓我們以不同的組件便脊,來(lái)劃分不同的功能模塊,將來(lái)我們需要什么樣的功能...
vue實(shí)例的生命周期 什么是生命周期:從Vue實(shí)例創(chuàng)建光戈、運(yùn)行哪痰、到銷(xiāo)毀期間,總是伴隨著各種各樣的事件久妆,這些事件晌杰,統(tǒng)稱(chēng)為生命周期! 生命周期鉤子:就是生命周期事件的別名而已筷弦; 生...
Vue之 - 基本的代碼結(jié)構(gòu)和插值表達(dá)式肋演、v-cloak Vue指令之v-text和v-html Vue指令之v-bind的三種用法 直接使用指令v-bind 使用簡(jiǎn)化指令:...