发表于: 2018-08-08 21:22:59
2 674
今天完成的事情:完成任务十一
明天计划的事情:完成任务十二
遇到的问题:配置sass耗费了很长时间,虽然sass有很多地方可以复用很方便,但是有的样式还是直接写比较方便感觉。可能是因为代码量不大。
收获:
变量($Variable)
变量以$开头,既可以用于选择器(Selector),也可以用于属性(Property)和属性值(Value)。
当用于属性值时,通常可以直接引用;当用于选择器、属性和某些复杂属性值(e.g. font-size/line-height)时,使用 #{$var} 的形式引用。
嵌套(Nesting)
嵌套可以分为选择器嵌套和属性嵌套,使用 & 表示在嵌套中对父元素的引用。
混合(Minxin)
可传递参数,通常与 @include 配合使用,提高代码复用率。
继承(Extend)
当某一类元素拥有大量相同属性时,可以通过继承来简化代码,提高代码复用率。
函数及运算 (Function)
SASS内置了颜色、数字等函数,并支持四则运算及分支、遍历等特性,同时允许自定义函数。
标准的JSON的合法符号: { (左大括号) }(右大括号) "" (双引号) :(冒号) , (逗号) [ (左中括号) ] (右中括号)。
JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式,
JSON字符串:特殊字符可在字符前面加\或使用\u加四位16进制数来处理
{"name":"jobs"}
JSON布尔:必须小写的true和false
{"bool":true}
JSON空:必须小写的null
{"object":null}
JSON数值:不能使用8/16进制
{"num":60}
{"num":-60}
{"num",6.6666}
{"num",1e+6}<!-- 1乘10的6次方,e不区分大小写 -->
{"num",1e-6}<!-- 1乘10的负6次方,e不区分大小写 -->
JSON对象
{
"starcraft":{
"INC":"Bilizzard"
"price":60
}
}
JSON数组
{
"person":[
"jobs",
60
]
}
JSON对象数组
{
"array": [
{
"name": "jobs"
},
{
"name": "bill",
"age": 60
},
{
"product": "war3",
"type": "game",
"popular": true,
"price": 60
}
]
}
评论