前端面试题大全

前端面试题

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. router.push(name:Homeparams:number:1,code:999)//constp=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. router.push(name:Homequery:number:1,code:999)//constq=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,则使用 routerVueRouterURL使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的区别

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值