Good Good Study Day Day Up - 2020-12-11

[FORMAT-qi]

1. [html]html中表格的width和height的值为什么没有单位？它的的默认单位是像素吗？
2. [css]你喜欢Sass还是Less？为什么？
3. [js]举例说明你对尾递归的理解，它有什么应用场景？
4. [软技能]你能手画出CSRF的攻击原理图吗？

[FORMAT-qi]

1. [html]html中表格的width和height的值为什么没有单位？它的的默认单位是像素吗？

• width：在table中用来设置宽度的最大值，不能改变即使字数超过也不能改变但如果插入图片则会根据图片大小改变宽度
• height：与width相反，设置高度最小值，而且会根据字数多少而自动延伸，当内容没有达到此高度值会自动扩充。

默认值是像素px，同时支持百分比。

2.[css]你喜欢Sass还是Less？为什么？ 因为css只是单纯的属性描述，它并不具有变量、条件语句等，css的特性导致了它难组织和维护。 同性：

• 混合(Mixins):将一个定义好的classA引入到另一个classB中，从而简单实现classB继承了classA的所有属性；
• 参数混合(Parametric):可以像函数一样传递参数的class
• 嵌套规则：class中嵌套class,从而减少重复的代码
• 运算：css中的数学计算
• 颜色功能：可以编辑你的颜色
• 命名空间：样式分组，从而方便被调用
• 作用域：局部修改样式
• JavaScript表达式：在css样式中使用javaScript表达式赋值

不同：

• Less是基于JavaScript的在客户端处理，很多开发者不会选择Less因为javaScript引擎需要额外的时间来处理代码然后输出修改过的Css到浏览器【解决：只在开发阶段使用Less,一旦开发完成，复制Less输出的到一个压缩器，然后用一个单独的css文件来代替Less文件；另一种方式是使用Less App来编译和压缩你的Less文件；这两种方式都是最小化样式输出】 Sass是基于ruby在服务器处理

3.[js]举例说明你对尾递归的理解，它有什么应用场景？ 函数的最后一步是调用另一个函数是尾调用，函数调用自身叫递归，如果尾调用自身，就称为尾递归。

递归本质上是一种循环操作，递归非常耗费内存，因为需要同时保存成千上百个调用帧，很容易发生“栈溢出”错误（stack overflow）。但对于尾递归来说，由于只存在一个调用帧，所以永远不会发生“栈溢出”错误。

4.[软技能]你能手画出CSRF的攻击原理图吗？ 不能