-----', event); }, btn3Click(abc, event) { console.log('++++++++', abc, event); } } })
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。
编写一个按钮以及div，当按钮在div内，如果监听click事件，默认点击按钮的时候也会出发div的click事件，这种情况就是事件冒泡。
现在MVVM框架逐渐占据了主要市场，很多老项目也逐渐的从jQuery转向了MVVM架构！JQuery还有必要学吗？ 我的答案是jQuery必须学！ JavaScript是基础，JQuery能让DOM操作更方便，哪怕用vue react当操作dom的时候 还是离不开的，只是说可以不用学的那么深。
上一章节，讲解了v-on监听事件的基本用法，那么本章节来介绍一下事件修饰符，主要用来解决「阻止冒泡」、「阻止默认事件」等等情况。
浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。 也就是我们各种各样的Dom标签
v-on:click/mouseover...... 简写的: @click="" 推荐
经常在电脑上用网页刷短视频，躺在椅子上，不想动。 所以弄个自动回复，点赞。 需要先点击显示评论框。 function handlerByPmouse(_data, _arg) { //调用Python外挂做动作 $.ajax({ url: "http://127.0.0.1:2000", type: "POST", async: true, data: _data, dataType: "json",
回流：当我们修改元素的几何位置属性，如宽度、高度时，浏览器会重新布局，这个过程就叫回流
最近看到写 “锚点自动跟随滚动定位”的方法，大都是基于JQ，或者是第三方。 所以，进行给出使用原生JS的写法。 什么都不说了，直接上代码(使用模块模式方式)：
解构是 ES6 提供的一种新的提取数据的模式，这种模式能够从对象或数组里有针对性地拿到想要的数值。 1）数组的解构 在解构数组时，以元素的位置为匹配条件来提取想要的数据的：
那么在上面的代码中切换 loginType 将不会清除用户已经输入的内容。因为两个模板使用了相同的元素，<input> 不会被替换掉——仅仅是替换了它的 placeholder。
因为MCGS HMI完善的曲线功能、灵活海量的历史报表功能以及丰富的硬件及软件接口，目前在各类单机检测设备中应用广泛，但在这类设备中应用时，经常会需要接入各类测试仪表，并且这些专业仪表很大一部分不支持modbus/OPC等相对通用化通讯协议接口，仅支持SCPI或者ascii格式的非标准通讯协议。为了方便客户接入各种仪表，抽空做了个专门用于ascii格式通讯的设备驱动，通过剑指工控独家分享给大家，希望能对大家有帮助。
有 <script setup> 之前，如果要定义 props, emits 可以轻而易举地添加一个与 setup 平级的属性。
watch 是由用户定义的数据监听，当监听的属性发生改变就会触发回调，这项配置在业务中是很常用。在面试时，也是必问知识点，一般会用作和 computed 进行比较。
一、背景 对vue里的nextTick()方法理解不清晰，会导致api代码滥用的现象，我查看了vue官网的说明： Vue.nextTick()用于在下次 DOM 更新循环结束之后执行延迟回调。 问题来了，怎么确定下次DOM更新循环结束的时间点呢？ 二、Vue.nextTick源码探索 先看Vue.nextTick()源码[1]的实现方式。next-tick.js源码主要包含callbacks、pending、timerFunc、flushCallbacks四个变量： callbacks，一个用于接收V
Node.js 的非阻塞 I/O 模型是它处理高并发请求的关键特性之一。下面是它如何帮助处理高并发请求的工作原理：
在写前端的时候经常用到js或jquery语法，有时候傻傻分不清，现在将学习过程中遇到的总结一下。
计算属性 computed 与data,el,methods属性一样,都是vm实例的属性(选项) 理解其大致意思即可
这篇文章是将自己知道的一些小技巧，结合查阅资料整理成的一篇文章，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。
用Vue开发一个网页并不难，但是也经常会遇到一些问题，其实大部分的问题都在文档中有所提及，再不然我们通过谷歌也能成功搜索到问题的答案，为了帮助小伙伴们提前踩坑，在遇到问题的时候，心里大概有个谱知道该如何去解决问题。这篇文章是将自己知道的一些小技巧，结合查阅资料整理成的一篇文章，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。
该文介绍了如何使用modJS来加载模块，并解决了一些常见的问题。
methods、computed、watch：他们三者的区别 他们三者都可以完成一些相同的功能 methods可以把他当作原生的js方法或者是函数来使用，可以把watch 里面的代码写成方法放到methodsd当中通过this.xxxopen in new window 的方式去调用，这样可以减少watch带代码，更加方便维护 computed他是有缓存的，如果依赖的tata数据不改变他就会一直使用缓存，computed使用的数据需要return出去才可以使用，在页面上可以直接使用computed 里面的属
MutationObserver API 让我们能监听 DOM 树变化，该 API 设计用来替换掉在 DOM 3 事件规范中引入的 Mutation events。
负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。
页面的绘制时间（paint time）是每一个前端开发都需要关注的的重要指标，它决定了你的页面流畅程度。而如何去观察页面的绘制时间，找到性能瓶颈，可以借助Chrome的开发者工具。
其实这个聊天室的DEMO我早都发到Github上了，之前学习Swoole的时候就已经练过手了
前端爱好者的聚集地 为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就可以达到这个目的，不需要使用JS。 在正常态时，每个导航的默认样式为： nav li{ opacity: 0.5; } 当前页面的导航透明度为1. 为了实现这个目的： 首先通过bo
近期把团队的项目构建迁移到fis3，同时把模块加载器也由之前的requirejs切换到了modJS。
为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常
在样式中设置完scoped在浏览器解析为如下图这样，a是个div，a div里面包含一个组件里面解析完了div的样式名字为b，想在父组件影响到子组件的默认样式。解决方法:
因为普通注册事件方法的不足，jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等，其中最好用的是: on()
请注意，本文编写于 2071 天前，最后修改于 173 天前，其中某些信息可能已经过时。
作者在若干年前面试腾讯前端岗位的时候，有一个压轴的题目：在浏览器输入 URL 回车之后发生了什么？作者当时作为毕业两年的的切图仔，当时一脸懵逼，挂的彻底！
浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世界真正的霸主。本文我们就以 Webkit 为例，对现代浏览器的渲染过程进行一个深度的剖析。
如果想实现第二个参数（指定“拉平”的层数），可以这样实现，后面的几种可以自己类似实现：
在资源请求的过程中，涉及到网络请求的，包括：HTTP、TCP、DNS。其中TCP、DNS前端能做的工作非常有限，因此「优化HTTP」就成为了首要任务。
默认冒泡 默认情况下，js的事件会向上冒泡，如：以下三个div元素： 当我们点击里层的div，会触发外层的div事件 let vm = new Vue({ el: "#ap
计算属性是基于响应式数据进行计算得出的结果并被缓存的属性。在组件的模板中可以像数据属性一样使用，它由一个计算函数和它所依赖的数据组成，只有当所依赖的数据发生变化时，它才会重新计算属性的值。Vue.js 内部实现了缓存机制，因此计算属性只会在必要的时候才重新计算。这样能够提高 Vue.js 应用的性能，并且让代码更加简洁和易于维护。
本文作者：IMWeb 谦龙 原文出处：IMWeb社区 未经同意，禁止转载 前言 前端在最近几年实在火爆异常，vue、react、angular各路框架层出不穷，咱们要是不知道个双向数据绑定
首先说明一下，vue2和vue3是Vue.js的两个主要版本。目前vue3已经更新到3.3.4的版本了
最近一直在看zepto的源码，希望通过学习它掌握一些框架设计的技巧，也将很久不再拾起的js基础重新温习巩固一遍。如果你对这个系列感兴趣，欢迎点击下方地址watch,随时关注动态。这篇文章主要想说一下zepto中事件模块(event.js)的trigger实现原理。
该项目为提供微信小程序一套便捷好用动画执行方案， 通过添加简单的动画类名和一些简单的参数，即可实现想要的动画效果。灵感来源 WOW.js
在使用Node.js进行服务端开发中我们经常使用Sequelize作为ORM框架，我们对多个数据表进行处理时通常会使用事务处理。在Sequelize事务文档中给了很多方式，主要分为托管和非托管，很多时候我们在回滚时常常发生失败，明明自己以及提交回滚了，但是仍然有数据表被改动了。
序列号seq：占4个字节，用来标记数据段的顺序，TCP把连接中发送的所有数据字节都编上一个序号，第一个字节的编号由本地随机产生；给字节编上序号后，就给每一个报文段指派一个序号；序列号seq就是这个报文段中的第一个字节的数据编号。
HTML默认是流式布局，css与js会打破这种布局，改变DOM的几何属性与外观属性。在绘制时根据渲染树布局，再根据布局绘制，这就是回流重绘。
我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。
上一篇博客 我的 Serverless 实战 — 云函数与触发器的创建与使用 ( 开通腾讯云 “ 云开发 “ 服务 | 创建云函数 | 创建触发器 | 测试触发器 ) 中 , 在腾讯云平台上 , 创建了云函数与触发器 , 并对触发器进行了测试 , 通过 HTTP 访问触发云函数 ;
在给bootstrap页面form表单中的input搜索框绑定回车事件后，输入完成点击回车搜索，页面会向后台发起两次请求，且会自动取消第一次请求，自动刷新页面导致不是你输入搜索条件查询到的结果，效果图如下
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
