每日前端签到（第116天）

第116天（2018-11-28）

• [html] 使用canvas画出一个矩形
• [css] 什么是zoom？它有什么作用？
• [js] 分析('b' + 'a' + +'a' + 'a').toLowerCase()返回的结果
• [软技能] 你了解雅虎前端优化的35条军规吗？你能说上几条？

题目一：
<canvas id="canvas" width="300" height="300"></canvas>

<script>
var canvas = document.getElementById("canvas")
if(canvas.getContext){
var ctx = canvas.getContext("2d")
ctx.fillStyle="rgb(200,0,0)"
ctx.fillRect(10,10,60,30)
}
</script>
题目二：
zoom可以对一个元素设置缩放比例。此属性是IE浏览器的专有属性，Firefox等浏览器不支持。
zoom与tansform:scale()还是有区别的，zoom的缩放基点事左上角，且它是先缩放，然后再计算布局；tansform:scale()缩放的基点在元素正中间，缩放不会影响布局。
题目三：
’b‘ + =>'b'
'b' + 'a' => 'ba'
'ba' + (+'a') => 'ba' + (Number('a')) => 'baNaN'
'baNaN' + 'a' =>'baNaNa'
'baNaNa' .toLowerCase() =>'banana'
题目四：
1：合理使用雪碧图
2：对与js代码进行压缩
3：合理使用懒加载
4：减少DNS的查询
5：根据不同浏览器抉择最大并发下载（请求）数量
6：合理使用ajax的不同方法
7：样式文件有限加载，js尽量放在尾部进行加载