![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端面试题笔记
文章平均质量分 73
前端面试相关知识笔记及知识点复习
PorkCanteen
个人博客:mqchen.club
展开
-
Vue面试题笔记3-Vue3
Vue3 新功能Vue3 比 Vue2 有什么优势性能更好体积更小更好地 ts 支持更好地代码组织更好地逻辑抽离…Vue3 生命周期Options API 生命周期beforeDestroy 改为 beforeUnmountdestroyed 改为 unmounted其他沿用 Vue2 生命周期Composition API 生命周期import { onBeforeMount, onMounted, onBeforeUpdate, onUpdated, o原创 2021-10-28 17:10:38 · 276 阅读 · 0 评论 -
Vue面试题真题笔记
v-show 和 v-if 区别v-show 通过 CSS display 控制显示和隐藏v-if 组件真正的渲染和销毁,而非显示隐藏频繁切换显示状态用 v-show,否则用 v-if为何在 v-for 中使用 key必须用 key,且不能是 index 和 randomdiff 算法中通过 tag 和 key 来判断是否是 sameNade减少渲染次数,提升渲染性能描述 Vue 组件的生命周期 (父子组件)挂载阶段 created mountedcreated 并未开始渲染原创 2021-10-27 20:24:06 · 111 阅读 · 0 评论 -
Vue面试题笔记2-vue原理
vue原理原创 2021-10-27 19:47:31 · 129 阅读 · 0 评论 -
Vue面试题笔记1-vue的使用
Vue 的基本使用指令、插值插值、表达式指令、动态属性v-html:会有 XSS 风险,会覆盖子组件computed 和 watchcomputed 有缓存,data 不变则不会重新计算watch 如何深度监听watch 监听引用类型,拿不到 oldVal (因为指针相同,此时已经指向了新的 val)class 和 style使用动态属性使用驼峰命名法条件渲染v-if v-else 的用法,可使用变量,也可以使用 === 表达式v-if 和 v-show 的区别原创 2021-10-27 09:47:10 · 103 阅读 · 0 评论 -
前端面试真题笔记
1. var 和 let const 的区别var 是 ES5 语法,let const 是 ES6 语法;var 有变量提升var 和 let 是变量,可修改;const 是常量,不可修改let const 有块级作用域,var 没有2. typeof 返回哪些类型undefined string number boolean symbolobject (warning: typeof null === ‘object’)function3. 列举强制类型转换和隐式类型转换强制原创 2021-10-25 17:17:03 · 269 阅读 · 0 评论 -
开发及运行环境面试题笔记
开发环境git常用的 git 命令git add .git checkout xxxgit commit -m “xxx”git push origin mastergit pull origin mastergit branchgit checkout -b xxxgit merge xxxchrome 调试工具Element – DOM 结构Console – 打印内容debugger – 断点调试Network – 资源加载情况Application.原创 2021-10-19 15:37:27 · 89 阅读 · 0 评论 -
http面试题笔记
httphttp 状态码状态码分类1xx 服务器收到请求2xx 请求成功,如 2003xx 重定向,如 3024xx 客户端错误,如 4045xx 服务端错误,如 500常见状态码200 成功301 永久重定向 (配合 location ,浏览器自动处理)302 临时重定向 (配合 location ,浏览器自动处理)304 资源未被修改 (结合缓存)404 资源未找到403 没有权限500 服务器错误504 网关超时关于协议和规范就是一个约定要原创 2021-10-13 14:15:03 · 111 阅读 · 0 评论 -
JS面试题笔记6-Web API
JS 基础知识,规定语法 (ECMA 262 标准)JS Web API,网页操作的 API (W3C 标准)前者是后者的基础,两者结合才能真正实际应用包含DOMBOM事件绑定ajax存储DOMDOM 本质从 HTML 文件解析出来的 “树” (数据结构)DOM 节点操作获取 DOM 节点getElementById – 元素getElementByTagName – 集合getElementByClassName – 集合querySelec.原创 2021-10-12 11:19:35 · 116 阅读 · 0 评论 -
JS面试题笔记5-异步进阶
event loopevent loop (事件循环/事件轮询)JS 是单线程运行的异步要基于回调实现event loop 就是异步回调的实现原理JS 如何执行?从前到后,一行一行执行若某一行执行报错,则停止下面代码的执行先把同步代码执行完,再执行异步代码event loop 过程① 同步代码,一行一行放在 Call Stack (调用栈) 执行② 遇到异步,会先记录下,等待时机 (定时、网络请求等)③ 时机到了,就移动到 Callback Queue④ 若原创 2021-10-11 11:10:51 · 90 阅读 · 0 评论 -
JS面试题笔记4-异步和单线程
单线程和异步JS 是单线程语言,只能同时做一件事浏览器和 node.js 已支持 JS 启动进程,如 Web WorkerJS 和 DOM 渲染共同一个线程,因为 JS 可修改 DOM 结构遇到等待不能卡住 -> 需要异步 -> 回调 callback 函数形式应用场景网络请求,如 ajax 图片加载定时任务,如 setTimeoutcallback hell 和 Promise回调 嵌套形势 | Promise 管道形式Promise -&g..原创 2021-10-10 15:41:02 · 86 阅读 · 0 评论 -
JS面试题笔记3-作用域和闭包
作用域全局作用域函数作用域块级作用域 (ES6 新增)自由变量一个变量在当前作用域没有定义,但被使用了向上级作用域,一层一层依次寻找,直到找到为止如果全局作用域都没找到,则报错 not defined闭包作用域应用的特殊情况,有两种表现:函数作为参数被传递// 函数作为参数被传递function print(fun) { let b = 200 fun()}const b = 100function fun() { console.log(..原创 2021-10-09 14:05:46 · 111 阅读 · 0 评论 -
JS面试题笔记2-原型和原型链
创建并使用 class 类???? 注意:class 是 ES6 语法规范,由 ECMA 委员会发布ECMA 只规定语法规则,即我们代码的书写规范,不规范如何实现以下实现方法都是 V8 引擎的实现方法,也是主流方法constructor属性方法class Student { constructor(name, number) { this.name = name this.number = number } sayHi() { consol原创 2021-10-08 18:28:30 · 89 阅读 · 0 评论 -
JS面试题笔记1-变量类型和计算
typeof 能判断哪些类型typeof 运算符可以识别所有值类型,识别函数,判断是否是引用类型(对象、数组、null 均识别为 Object)值类型和引用类型的区别常见值类型:StringNumberBooleanSymbolundefine常见引用类型:ObjectArrayfunctionnull(指向空地址)何时使用 === 何时使用 ==除了 == null 之外,其他一律使用 ===手写深拷贝function d..原创 2021-10-08 14:50:17 · 73 阅读 · 0 评论 -
HTML CSS 面试题笔记&知识点复习
HTML CSS 面试题总结1. HTML如何理解 HTML 语义化让人更容易读懂 (增加代码可读性)让搜索引擎更容易读懂 (SEO)默认情况下,哪些 HTML 标签是块级元素、哪些是内联元素display: block/table 包括 div h1 h2 table ul ol p 等display: inline/inline-block 包括 span img input button 等2. CSS布局盒子模型宽度计算(高度同理)offsetWid原创 2021-10-07 21:46:19 · 139 阅读 · 0 评论