前端面试题大全

前端面试题

VUE路由跳转
VUE生命周期
VUE全家桶
VUEX的五个核心属性的理解
Vue-Router
和和
路由守卫
组件间的通讯
模块化 开发操作
vue的监听
vue的指令
mvvm的理解
mvvm的设计原理是基于mvc的
Model代表数据模型负责业务逻辑和数据封装，
View代表UI组件负责界面和显示，
ViewModel监听模型数据的改变和控制视图行为，处理用户交互，简单来说就是通过双向数据绑定把View层和Model层连接起来。
在MVVM架构下，View和Model没有直接联系，而是通过ViewModel进行交互，我们只关注业务逻辑，不需要手动操作DOM，不需要关注View和Model的同步工作。
vue中封装过哪些组件
v-if与v-show什么情况下你会使用哪个
v-for添加：key=”i”与不加的区别
vue插槽
路由传参
1 Params // 传递参数
this.$router.push({ name: Home， params: { number: 1 , code: '999' } }) // 接收参数 const p = this.$route.params
2 Query
// 传递参数
this.$router.push({ name: Home， query: { number: 1 , code: '999' } }) // 接收参数 const q = this.$route.query
vue-router的两种模式
hash
原理是onhashchage事件，可以在window对象上监听这个事件
window.onhashchange = function(event){
console.log(event.oldURL, event.newURL)
let hash = location.hash.slice(1)
}
history
利用了HTML5 History Interface 中新增的pushState()和replaceState()方法。
需要后台配置支持。如果刷新时，服务器没有响应响应的资源，会刷出404，
vue-router实现路由懒加载（动态加载路由）
const router = new VueRouter({
routes: [
{
path: ‘/home’,
name: ‘Home’，
component:() = import(’…/views/home’)
}
]
})
$route和 $router的区别是什么？
$route为当前router跳转对象里面可以获取name、path、query、params等
$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法
Vue-Router的钩子函数
一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。
第二种：组件内的钩:beforeEnter()
第三种：单独路由独享组件:
beforeRouterEnter(),
beforeRouterUpdate(),
beforeRouterLeave()
vue-router响应路由参数的变化
一是用watch监听
二是在父组件的router-view上加个key

promise
闭包
get与post的区别
双向数据绑定
webpack
原型链
作用域链
数组去重
普通函数与箭头函数的区别
token
ES6新特性
json跨域的原理
jqery的特点
h5与css3新特性
浅拷贝
深拷贝
axios怎么跨域
localstorage与sessionstorage与cookie的区别
防抖与节流以及应用场景
移动端的适配
权限管理
this指向
元素居中的方法
flex布局
性能优化
移动端和pc端的区别
对象转数组
面向对象：封装，继承，多态
json字符串解析
重绘与回流
computed和watch的区别
watch的两个参数
为什么要用虚拟dom树
为什么减少重排重绘
http状态有哪些
浏览器的本地储存
验证时候密码怎么加密
你认为做过三年前端的人该怎么做前端开发，做些什么
一个5m的照片怎么从数据库访问，照片该放在哪里，怎么处理
git与svn的区别