发表于: 2021-03-03 20:27:30
1 1031
今天完成的事情:
重装git,并复习了git属性的使用
git init :创建一个名为 .git 的子目录
git clone :拷贝一个 Git 仓库到本地
并将存储在github的文件传输到本地文件夹中
重装npm
重装ps
查看栅格系统和jquery的引用
重装vscode的问题:
重装后文件的跳转会无法找到文件,部分代码视图位置偏移
学习angular基础知识:
模板语法:
插值 {{...}}:
<p>{{title}}</p>
插值中的数字,先求值,再转换成字符串
模板表达式:
模板表达式会产生一个值,并出现在双花括号 {{ }} 中。 Angular 执行这个表达式,并把它赋值给绑定目标的属性,这个绑定目标可能是 HTML 元素、组件或指令
模板表达式与JavaScript相似,其区别:
不能使用可能引发副作用的 JavaScript 表达式:
赋值 (=, +=, -=, ...)
new、typeof、instanceof 等运算符
使用 ; 或 , 串联起来的表达式
自增和自减运算符:++ 和 --
一些 ES2015+ 版本的运算符
不支持位运算,比如 | 和 &
新的模板表达式运算符:
例如 |,?. 和 !
模板语句
模板语句用来响应由绑定目标(如 HTML 元素、组件或指令)触发的事件
如:(event)="new"
模板语句不能引用全局命名空间的任何东西。如: window 或 document,也不能调用 console.log 或 Math.max
绑定语法:概览
数据绑定是一种机制,用来协调用户可见的内容,特别是应用数据的值
作用:应用就会更易于编写、阅读和维护。 只需声明数据源和目标 HTML 元素之间的绑定关系框架会完成其余的工作
按数据流的方向分为绑定类型可以分为:
单向:从数据源到视图
绑定类型:插值、属性、Attribute、CSS类、样式
单向:从视图到数据源
绑定类型:事件
双向:视图到数据源到视图
绑定类型:双向
除插值以外的其它绑定类型在等号的左侧都有一个“目标名称”,由绑定符 [] 或 () 包起来, 或者带有前缀:bind-,on-,bindon-
绑定的“目标”是绑定符内部的属性或事件:[]、() 或 [()]
数据绑定与 HTML
双向绑定:
类绑定:
单个类的绑定:
[class.foo]="test"
多个类的绑定:
[class]="test"
样式绑定:绑定颜色样式
样式的优先级规则:
某个类或样式绑定越具体,它的优先级就越高
优先级,如:
[style.bar]>[style]
问题:
不懂angular的导航和从服务器端获取数据,跳过学习下面的angular的基础
评论