CSS Architecture

CSS Architecture 要求 在编辑一个类的CSS时不会影响其他类的CSS 这个类的CSS是名称显而易见的 不能使HTML变得臃肿 必须立即知道这个组件是否在使用JavaScript 最佳方案,使用BEM和其中命名空间的优化版 Block 一个Block是代表一个组件 .form来代表form元素因为class具有无限的重用性 button是一个很好的例子,如果你用button属性设置它的背景颜色,所有的button都会应用这个样式 你不得不一个个是覆盖其他你想要定义的颜色 如果你使用class的button,你可以自己决定在任何一个button使用这个class。或者你想用其他的颜色你可以使用.button--secondary .button { background-color: red; } .button--secondary { background-color: blue; »

justify content属性要点

只会在以下情况生效 如果你的flex item不是flexible的(属性设置成flex:none或flex: 0 0 auto),并且小于container的宽度 如果你的flex item是flexible的,但是因为在每个flex item上设置了max-width不能吸收所有的空余空间 以上二种情况justify-content会接管分配空余空间 »

TypeScript的声明,解构和函数

声明 let声明只在块级作用域内有效 块级作用域中变量不能在它声明之前被读取或赋值 在相同作用域中,let不允许变量被重新声明,而在使用var声明时,不管声明多少次最后只会得到最近一次声明的那个值 function funA(x) { let x = 100;//报错,x已经在函数入参声明 } const声明与let声明相似,它与let拥有相同的作用域规则,但const声明为常量不能被重新赋值,如果定义的常量是对象,对象里的属性值是可以被重新赋值的。 解构 解构就是讲声明的一组变量与相同结构的数组或者对象的元素数组一一对应,并将变量相应元素进行赋值 let input = [1, »

TypeSript基本类型

布尔类型(boolean) 数字类型(number) 字符串类型(string) 数组类型(array) 元组类型(tuple) 枚举类型(enum) 任意值类型(any) null和undefined void类型 never类型 布尔类型 let flag:boolean = true; flag = 1//报错 数字类型 »

calc()的工作方式

计算完成后的值是表达式本身而不是计算后的值 用CSS预编译器做数学计算时,传给浏览器的值是已经计算好的值 // Value specified in SCSS .foo { width: 100px + 50px; } // Compiled CSS and computed value in browser .foo { width: 150px; } // Value specified in CSS .foo »