前端面试题(基础篇八)

一、eval是做什么的

它的功能就是将对应的字符串解析成js代码运行

应该避免使用eval,它非常耗性能,且不安全(一次解析为js代码,一次执行)

由 JSON 字符串转换为JSON对象的时候可以⽤ eval,var obj =eval('('+ str +')')

二、null,undefined 的区别

undefined 表示不存在这个值。

undefined :是⼀个表示"⽆"的原始值或者说表示"缺少值",就是此处应该有⼀个值,但 是还没有定义。当尝试读取时会返回 undefined

例如变量被声明了,但没有赋值时,就等于 undefined

null 表示⼀个对象被定义了,值为"空值"

null : 是⼀个对象(空对象, 没有任何属性和⽅法)

例如作为函数的参数,表示该函数的参数不是对象;

在验证 null 时,⼀定要使⽤ === ,因为 == ⽆法分别 null 和undefined

三、渐进增强和优雅降级

渐进增强 :针对低版本浏览器进⾏构建⻚⾯,保证最基本的功能,然后再针对⾼级浏览器 进⾏效果、交互等改进和追加功能达到更好的⽤户体验。

优雅降级 :⼀开始就构建完整的功能,然后再针对低版本浏览器进⾏兼容

四、attribute和property的区别是什么

attribute 是 dom 元素在⽂档中作为 html 标签拥有的属性;

property 就是 dom 元素在 js 中作为对象拥有的属性。

对于 html 的标准属性来说, attribute 和 property 是同步的,是会⾃动更新的 但是对于⾃定义的属性来说,他们是不同步的

五、对web标准、可⽤性、可访问性的理解

可⽤性(Usability):产品是否容易上⼿,⽤户能否完成任务,效率如何,以及这过程中 ⽤户的主观感受可好,是从⽤户的⻆度来看产品的质量。可⽤性好意味着产品质量⾼,是 企业的核⼼竞争⼒

可访问性(Accessibility):Web内容对于残障⽤户的可阅读和可理解性

可维护性(Maintainability):⼀般包含两个层次,⼀是当系统出现问题时,快速定位并解 决问题的成本,成本低则可维护性好。⼆是代码是否容易被⼈理解,是否容易修改和增强 功能。

相关推荐
冬奇Lab2 小时前
AI Workflow 定义的四次演进:从 Markdown 到 JS 脚本,再到分布式多 Agent
javascript·人工智能·agent
zhangxingchao2 小时前
Kotlin常用的Flow 操作符整理
前端
IT_陈寒4 小时前
React的useState居然还有这种坑?我差点删库跑路
前端·人工智能·后端
Pedantic5 小时前
SwiftUI 手势笔记
前端·后端
橙子家5 小时前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user20585561518135 小时前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州5 小时前
CSS aspect-ratio 属性完全指南
前端
Pedantic7 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘8 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈