web浏览器中的javascript
- 客户端javascript
- 在html里嵌入javascript
- javascript程序的执行
- 兼容性和互用性
- 可访问性
- 安全性
- 客户端框架
- 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
window对象
-
计时器
-
浏览器定位和导航
-
浏览历史
-
浏览器和屏幕信息
-
对话框
-
错误处理
-
作为window对象属性的文档元素
没有语法糖
// 没有语法糖
没有语法糖
3、v-on 的语法糖
v-on 绑定事件监听器的，v-on 的语法糖，就是简写成@ 。
情况1：如果方法不传参时，可以不加小括号。
<button @click=“btn”>语法糖
无语法糖
//需要注意的是，如果方法本身有一个参数，会默认将原生的事件event参数传递进来
methods:{
btn( event ){
console.log( ‘event’ , event )
}
}
情况2：如果需要传递参数时，又同时需要 event 参数。
<button @click=“btn( ‘点击事件’ , $event )”>语法糖
//需要注意的是，$event 事件拿到浏览器事件对象
methods:{
btn( type, event ){
console.log( ‘type’ , type ) //点击事件
console.log( ‘event’ , event )
}
}
4、修饰符
修饰符是以半角句号 . 指明的特殊后缀。v-on 后面的修饰符，也是语法糖。
示例：链接添加点击事件，点击之后不希望跳转。
//语法糖
<a href=“http://www.baidu.com” @click.prevent=“go”>百度
//普通写法
methods:{
go(e){
e.preventDefault();
console.log(‘阻止链接跳转’)
}
}
prevent 修饰符是阻止默认事件。还有 submit 同样也适用。
下列是常见的修饰符，与上边 .prevent 使用相同。
-
.stop 用来阻止事件冒泡。
-
.once 事件只触发一次。
-
.self 事件只在自身触发，不能从内部触发。
-
.enter | .tab | .delete | .esc … 键盘修饰符
-
.ctr | .alt | .shift | .meta 系统修饰符
5、动态css
使用 v-bind 可以通过 style 或 class， 可以添加动态样式。
//点击 你好，实现文字红黑之间切换
你好
data:{
changeColor:false
}
6、注册组件语法糖
所谓的注册组件语法糖是指省去组件构造器的定义，直接将组件构造器对象传入注册组件函数里，这样会减少 CPU 的调度以及内存的分配。
全局组件使用：
//全局组件语法糖写法
Vue.component(
‘my-component’ ,
template:`
`)
/* 全局组件注册 */
//组件使用
Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
[外链图片转存中…(img-Es4OJDXm-1715480185473)]
扫一扫
506
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
