近期前端面试题目（二）

1、vue双向绑定原理、深度watch原理

2、前端seo实现

vue - nuxt.js

react - next.js

服务端渲染（同构

合理使用标签（语义化标签），h1标签内尽量不要再嵌套标签

定制TDK

sitemap

微数据结构化

3、vue2 vue3区别

Proxy

组合式api（composition api） 需要什么引入什么

diff算法改进：静态节点

生命周期名称改变   vue3调用生命周期前需引入

Vue2--------------vue3
beforeCreate  -> setup()
created       -> setup()
beforeMount   -> onBeforeMount
mounted       -> onMounted
beforeUpdate  -> onBeforeUpdate
updated       -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed     -> onUnmounted
activated     -> onActivated
deactivated   -> onDeactivated
errorCaptured -> onErrorCaptured

vue2中使用Object.defineProperty劫持数据，使用发布订阅模式实现数据绑定

vue3中使用Proxy代理

同一个元素同时使用v-if与v-for指令
在vue2中，v-for的优先级高
在vue3中，v-if的优先级高

4、jsbridge具体实现原理（第二次）

5、es6模块和commonJS区别

CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。
CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。
CommonJs 是单个值导出，ES6 Module可以导出多个
CommonJs 是动态语法可以写在判断里，ES6 Module 静态语法只能写在顶层
CommonJs 的 this 是当前模块，ES6 Module的 this 是 undefined
CommonJS 模块的require()是同步加载模块；
ES6 模块的import命令是异步加载，有一个独立的模块依赖的解析阶段。

6、前端优化

7、diff算法实现（第二次）

8、前端缓存机制，e-tag和last-modify比较

9、vuex里面有哪些参数

10、项目难点、复杂点、技术点

11、手机调试如何console

12、说下前端路由、哈希路由实现

13、js有几种继承、怎么实现

14、前端长列表如何优化