2023年11月26日发(作者：)
2022前端⾯试题《1题-20题》（每⽇更新）
⼀、html5的了解
1、HTML5是web中核⼼语⾔HTML的规范，都知道互联⽹的发展是⼗分快速的，那么为了适应⽹络快速发展，HTML5出现了，他的出现
替换了早期的HTML4.01和XHTML1.0标准，新增有⼏点：（语、增、视、C、地）
①、语义化标签
②、增强型表单
③、视频和⾳频
④、Canvas绘图
⑤、地理定位
2、他的优点总结⼤概有6点：（多、⽤、新、提、很、⽅）
①、多设备，跨平台
②、⽤户体验好；
③、新标签可读性⾼
④、提供了更多的多媒体元素（视频和⾳频）
1、let && const
Const是常量，在块级作⽤域有效
Let：块级作⽤域，不存在变量提升 ，不允许重复声明
Var：全局作⽤域，存在变量提升，允许重复声明
2、解构赋值和展开
ES6 允许按照⼀定模式，从数组和对象中提取值，对变量进⾏赋值，这被称为解构
展开：...
3、箭头函数
ES6中新增箭头操作符⽤于简化函数的写法，操作符左边为参数，右边为具体操作和返回值。
4、Promise
Promise 是⼀个对象，从它可以获取异步操作的消息。同步的写法，异步的请求。返回的是⼀个Promise 的对象。与ajax相⽐，它解决了
回调地狱，有两个特点：（1）对象的状态不受外界影响。（2）⼀旦状态改变，就不会再变，任何时候都可以得到这个结果。返回了三个
状态：pending（进⾏中）、fulfilled（已成功）和rejected（已失败）。
5、模板语法
模板和插⼊值是在字符串⾥⾯输出变量的⼀种⽅式
以前的ES5，是拼接为⼀个字符串
四、请说⼀下什么是ajax，ajax请求数据的原理
ajax是⼀种浏览器通过异步发送请求，局部更新页⾯的技术
⼯作原理：
的核⼼是XMLHttpRequest对象
请求过程：创建XMLHttpRequest、连接服务器、向服务器发送请求、服务器做出响应、接收响应数据
五、ajax的Get和post的区别
get与post相⽐，get更简单更快，并且在⼤部分情况下都可以使⽤。
post：①、⽤于更新服务器上的⽂件或数据库
②、向服务器发送⼤量数据（get有限制⽽post没有限制）
③、发送包含未知字符的⽤户输⼊时，post⽐get更稳定更可靠
六、w3c盒⼦模型和IE盒⼦模型
w3c盒⼦模型的范围包括margin、border、padding、content，并且content部分不包括其他部分
第五步：引⼊提⽰框，标题，直⾓坐标系组件，组件后缀都为 Component
第六步：引⼊ Canvas 渲染器，注意引⼊ CanvasRenderer 或者 SVGRenderer 是必须的⼀步
第七步：注册必须的组件
第⼋步：创建ref， = Ref();
第九步： 在return⾥写⼊：
⼋、cookie、locaStorage、sessionStorage三者的区别
1、cookie始终在同源的http请求中携带，在浏览器和服务器来回传递，⽽sessionStorage和localStorage只是在本地储存，不会与服务
器通信，也不会传递数据给服务器
2、存储的⼤⼩不同 locaStorage和sessionStorage⽐cookie⼤很多
3、数据有效期不同 ：
cookie需要设置过期时间，如果不设置的话关闭浏览器数据就会消失
sessionStorage关闭浏览器数据就会消失
1、font-size
2、font-family
3、color
4、ul li dl dd dt
不可以继承属性：
1、border
2、padding
3、margin
4、width
5、height
⼗⼆、while和do...while的区别
while：先满⾜条件再执⾏语句模块
do...while：先执⾏⼀遍语句然后再判断是否满⾜继续执⾏的条件
6、编码阶段
7、测试阶段
8、验收阶段
发布评论