前端知识整理一

HTML语义化

1. 没有css（未加载）时，可以很好呈现内容结构
2. html结构清晰，便于维护和添加样式
3. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）
4. 提升搜索引擎优化(seo)的效果
5. 循W3C标准的团队都遵循这个标准，可以减少差异化

Meta标签

1. 定义html文档的元数据，浏览器会解析，不显示在客户端
2. 常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据

Meta标签viewport

 - 移动设备上的viewport就是设备屏幕上用来显示网页的那块区域
 - 解决移动端和设备屏幕缩放问题
 - 通过meta标签控制，常使用width=width-device

URL搜索原理

 - URL解析 -> DNS查询 -> TCP连接 -> 处理请求 -> 接收响应 -> 渲染页面

作用域

 - js中常用作用域分为两种： 全局作用域、局部作用域（函数作用域）
 
 - 全局作用域在任何地方都可以访问, 常见的有window 
 
 - 局部作用域（函数作用域）如：函数体内部声明的变量在函数体外部引用报错
 
 - var 全局声明、 let , const 局部声明
 
 - ES6 之后不推荐使用 var 声明全局变量，可能存在变量声明、套牌车（声明后，在后面从新声明造成数据错乱）等问题

闭包

 - 解释
 	一个函数内部可以引用另外一个函数内部的变量
 - 优缺点
   		1. 可以进行变量保持 
   		2. 可能会造成内存泄漏
 -  使用场景
 		1. 防抖 ，节流
 		2. react hooks