前端每日知识3+1_第17天

• 第17天 (2022-10-07)
  • [html] 你认为table的作用和优缺点是什么呢？
  • [css] 解释下 CSS sprites的原理和优缺点分别是什么？
  • [js] typeof(‘abc’)和typeof 'abc’都是string, 那么typeof是操作符还是函数？
  • [软技能] 说说你对SVN和GIT的理解和区别

HTML:

table 用于表格数据的展示，并且很符合人们的直观认知。

在 div+css 布局流行之前，普遍使用 table 进行布局。曾经的神器 Dreamweaver 的可视化拖拽也是基于 table 布局。

table 布局的好处在于样式好控制，特别是居中、对齐。缺点在于会多处非常多的 DOM 节点（想想一个 td 里面再来一个 table），会导致页面加载变慢、不利于 SEO（table 原本就不是用来布局的）。也因此，在 CSS 成熟之后，table 布局马上就变成历史了。

CSS:

原理：多张小图标合并成一张图片，利用background-position来显示相对应的图标
优点：请求数量少，预先加载图标
缺点：难管理，资源大

JS:

typeof 是操作符，不是函数。可以添加括号，但是括号的作用是进行分组而非函数的调用。

参考自 <JavaScript 高级程序设计>

、、
typeof 是操作符，明确定义在MDN当中,作用是对后方表达式的返回做类型定义。
在后面添加括号其实是改变计算优先级，和四则运算中的括号可以等效理解。
简单举例

typeof 123 //"number"
typeof 123+'abc'// "numberabc"
typeof(123+'abc') // "string"

软技能：

职业早期使用过 SVN,记得在windows上面一个小乌龟的图标，不太聪明的亚子。。

1、svn是集中式的，允许单次下载单文件修改，因为对每个文件都有对应的.svn文件控制
2、git是分布式的，每次clone都是获得一个完整的代码版本，可以不依赖服务器本地独立运行项目
3、个人感觉SVN除了集中带来的权限管理优势之外，其它被完爆，而且现在人们不缺少那点硬盘空间，来换取独立的自由