-----', event); }, btn3Click(abc, event) { console.log('++++++++', abc, event); } } })
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。
v-on:click/mouseover...... 简写的: @click="" 推荐
现在MVVM框架逐渐占据了主要市场，很多老项目也逐渐的从jQuery转向了MVVM架构！JQuery还有必要学吗？ 我的答案是jQuery必须学！ JavaScript是基础，JQuery能让DOM操作更方便，哪怕用vue react当操作dom的时候 还是离不开的，只是说可以不用学的那么深。
回流：当我们修改元素的几何位置属性，如宽度、高度时，浏览器会重新布局，这个过程就叫回流
编写一个按钮以及div，当按钮在div内，如果监听click事件，默认点击按钮的时候也会出发div的click事件，这种情况就是事件冒泡。
上一章节，讲解了v-on监听事件的基本用法，那么本章节来介绍一下事件修饰符，主要用来解决「阻止冒泡」、「阻止默认事件」等等情况。
解构是 ES6 提供的一种新的提取数据的模式，这种模式能够从对象或数组里有针对性地拿到想要的数值。 1）数组的解构 在解构数组时，以元素的位置为匹配条件来提取想要的数据的：
一、背景 对vue里的nextTick()方法理解不清晰，会导致api代码滥用的现象，我查看了vue官网的说明： Vue.nextTick()用于在下次 DOM 更新循环结束之后执行延迟回调。 问题来了，怎么确定下次DOM更新循环结束的时间点呢？ 二、Vue.nextTick源码探索 先看Vue.nextTick()源码[1]的实现方式。next-tick.js源码主要包含callbacks、pending、timerFunc、flushCallbacks四个变量： callbacks，一个用于接收V
在写前端的时候经常用到js或jquery语法，有时候傻傻分不清，现在将学习过程中遇到的总结一下。
Node.js 的非阻塞 I/O 模型是它处理高并发请求的关键特性之一。下面是它如何帮助处理高并发请求的工作原理：
负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。
本文作者：IMWeb 谦龙 原文出处：IMWeb社区 未经同意，禁止转载 前言 前端在最近几年实在火爆异常，vue、react、angular各路框架层出不穷，咱们要是不知道个双向数据绑定
默认冒泡 默认情况下，js的事件会向上冒泡，如：以下三个div元素： 当我们点击里层的div，会触发外层的div事件 let vm = new Vue({ el: "#ap
最近一直在看zepto的源码，希望通过学习它掌握一些框架设计的技巧，也将很久不再拾起的js基础重新温习巩固一遍。如果你对这个系列感兴趣，欢迎点击下方地址watch,随时关注动态。这篇文章主要想说一下zepto中事件模块(event.js)的trigger实现原理。
MutationObserver API 让我们能监听 DOM 树变化，该 API 设计用来替换掉在 DOM 3 事件规范中引入的 Mutation events。
我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。
Node.js 是单进程单线程应用程序，但是因为 V8 引擎提供的异步执行回调接口，通过这些接口可以处理大量的并发，所以性能非常高。
最近看到写 “锚点自动跟随滚动定位”的方法，大都是基于JQ，或者是第三方。 所以，进行给出使用原生JS的写法。 什么都不说了，直接上代码(使用模块模式方式)：
假设我们启动了一个服务器，接收到了一些客户端的请求，这时候，如果我们想修改一个代码发布，需要重启服务器，怎么办？假设我们有以下代码。
在前端开发中，处理用户与页面的交互是至关重要的一部分。JQuery作为一个广泛应用的JavaScript库，为我们提供了简便而强大的事件绑定机制，使得我们能够更加灵活地响应用户的行为。本篇博客将深入解析 JQuery 的标准事件绑定方式，为你揭开事件背后的神秘面纱。
计算属性 computed 与data,el,methods属性一样,都是vm实例的属性(选项) 理解其大致意思即可
（1）v- 是Vue的前缀，text 是指令ID，msg 是 expression（表达式）。
event.preventDefault() 或 event.stopPropagation()
网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户直接触发的事件。
那么在上面的代码中切换 loginType 将不会清除用户已经输入的内容。因为两个模板使用了相同的元素，<input> 不会被替换掉——仅仅是替换了它的 placeholder。
在资源请求的过程中，涉及到网络请求的，包括：HTTP、TCP、DNS。其中TCP、DNS前端能做的工作非常有限，因此「优化HTTP」就成为了首要任务。
我们看到不光点击按钮的点击事件触发了，而且父容器div的点击事件也触发了，这时我们就可以使用.stop来阻止这个冒泡了，如下
单线程是指，js在执行的时候，都只有一个线程来处理所有任务。这个线程就是js的主线程。
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事。我自己也被问到这些问题，我的朋友们告诉我他们也被问到这些问题。
现阶段的浏览器运行在一个单用户，多合作，多任务的操作系统中。一个糟糕的网页同样可以让一个现代的浏览器崩溃。其原因可能是一个插件出现bug,最终的结果是整个浏览器以及其他正在运行的标签被销毁。
搜索操作系统自身的DNS缓存（浏览器没有找到缓存或缓存已经失效）
方法事件处理器 许多事件处理的逻辑都很复杂，所以直接把JavaScript代码写在v-on指令中是不可行的，因此v-on可以接收一个定义的方法来调用
作者在若干年前面试腾讯前端岗位的时候，有一个压轴的题目：在浏览器输入 URL 回车之后发生了什么？作者当时作为毕业两年的的切图仔，当时一脸懵逼，挂的彻底！
用JS操作DOM，是比较慢的。为什么呢？首先，补充一下浏览器相关的知识。下图为浏览器结构：
在监听键盘事件时，我们经常需要监测常见的键值 vue 定义了一些按键修饰符, 可以直接使用监听,不需要再判断keycode
input事件在用户行为导致input | select | textarea的value改变时触发。
页面的绘制时间（paint time）是每一个前端开发都需要关注的的重要指标，它决定了你的页面流畅程度。而如何去观察页面的绘制时间，找到性能瓶颈，可以借助Chrome的开发者工具。
学术上说，进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程，是操作系统进行资源分配和调度的一个独立单位，是应用程序运行的载体。我们这里将进程比喻为工厂的车间，它代表CPU所能处理的单个任务。任一时刻，CPU总是运行一个进程，其他进程处于非运行状态。
WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准。
其实我们在平时总会用到一些方法去处理我们的事件函数，比如阻止事件的默认行为 、阻止事件冒泡等等。那在Vue.js中，对这些操作进行了一个很简易的处理，那就是在我们绑定的事件后面加一个事件修饰符，这样能让我们一眼就能看出，该组件绑定了什么事件 、对事件做了什么处理，好了，我们来了解一下吧。
「原理：」 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。「适用场景：」
请注意，本文编写于 2071 天前，最后修改于 173 天前，其中某些信息可能已经过时。
因为普通注册事件方法的不足，jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等，其中最好用的是: on()
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
