web前端工程化之資料繫結

2021-08-14 05:54:55 字數 1150 閱讀 5333

這篇部落格我放了好久都沒有來補充了,是因為那時候做前端,有很多東西很迷糊,這些名詞都是新的,經過這麼長時間 的沉澱,這些名詞就不再是不熟悉的,而是每個頁面都在使用的。

先來了解一下前端基本結構包括:page.html、page.scss、page.ts

我們的頁面就是寫在html中,頁面樣式寫在scss中,函式方法寫在ts中。這個和js很像,其實ts就是封裝的js

在angular中,使用 } 插值語法實現資料繫結。

繫結普通文字

page.ts

import  from '@angular/core'; 

name = 'angular';

}

page.html

hello,}

繫結物件屬性

page.ts

import  from '@angular/core'; 

name = 'xlb';

address =

}

page.html

我來自}省,}

使用[屬性]=「值」進行屬性繫結(屬性如果不加,那麼就直接是傳統的賦值,加上就是angular中屬性繫結)

page.html

2.屬性繫結:

事件繫結基礎語法:

(click)="onselect(hero)"

這個是事件和屬性繫結結合,在標籤上使用:[(ngmodel)]='teacher.content'

迴圈

*ngfor="let itemticket of ticketitems"
判斷

*ngif="borrowstatus=='1'"
前端初接觸是angular,現在接觸的是ionic,會用angular,再使用ionic會比較容易,因為兩者有前後,ionic的基礎是源於angular,除了路由這個地方簡化了很多,寫法會特別相似。

前端工程化

為什麼出現了前端工程化?09年之前,我們學習的css,div,js只是對頁面設計進行乙個打輔助的功能,當時只能勉強的成為頁面設計師,為什麼會出現前端工程師 1.突然間前端的需求逐漸增多,使用者對介面的要求越來越高,前端範疇越來越大。2.前後端總是保持一致才能進行開發,不能分開開發,提出前端工程化,也...

前端工程化

一 什麼是前端工程化 根據業務特點,將前端開發流程規範化 標準化 包括開發流程 技術選型,規範,構建發布等用於提公升前端工程師開發效率和 質量,提高產品的質量。實現前端工程化的目的 就是通過流程規範 自動化工具來提公升前端的開發效率 效能 質量 多人協作能力以及開發體驗。前端工程化體系分為 元件化 ...

前端工程化

老大考慮到團隊成員學習的曲線,最終選擇thunk 為了更方便團隊人員使用,封裝直接的thunk,和cobinereducer 1 專案分為四大塊,服務治理,資源治理,診斷除錯,分析管理 幾十個元件,不可能將所有的狀態解除安裝乙個reducer裡面來管理 不利於維護 然後因為封裝了元件thunk所以要...