前端面试题大全

前端面试题

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. r o u t e r . p u s h ( n a m e : H o m e p a r a m s : n u m b e r : 1 , c o d e : 99 9 ) / / c o n s t p = t h i s . router.push({ name: Home, params: { number: 1 , code: '999' } }) // 接收参数 const p = this. route.params
2 Query
// 传递参数
this. r o u t e r . p u s h ( n a m e : H o m e q u e r y : n u m b e r : 1 , c o d e : 99 9 ) / / c o n s t q = t h i s . 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等
r o u t e r V u e R o u t e r U R L 使 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的区别

猜你喜欢

转载自blog.csdn.net/AyayaOVO/article/details/106861910