上图直观展示了 Vue 的 Diff 算法流程:3种方式 比较根节点: 图中左侧的 "Old VNode" 和右侧的 "New VNode" 表示旧的和新的虚拟 DOM 根节点。 箭头表示比较过程,如果根节点不同,直接替换整个节点。 比较子节点: 当根节点相同时,递归比较子节点。 左侧 "Old C ...
写在开头 点赞 + 收藏 学会 有这样一种场景:如果你在开发过程中,发现某个npm包有Bug,应该怎么办? 第一选择当然是向原作者提issue,或者Fork该仓库代码,修改以后,提交合并请求。 但这种情况有个严重的问题,就是耗时,如果遇到严格的作者,或者不活跃的作者,时间线可 ...
1. 防抖,回城-执行完成区间计时的那一次 触发事件时开始计时,计时结束后执行事件处理。当计时未结束再次触发事件,则清除计时器并重新计时。 思路:利用闭包,保存回调函数的计时器。判断计时器是否存在,是-清除原计时器。在计时器内调用事件处理函数。 注意:这里要搞清楚返回的匿名函数才是绑定的点击事件,而 ...
title: Nuxt.js 中使用 useHydration 实现数据水合与同步 date: 2024/7/18 updated: 2024/7/18 author: cmdragon excerpt: 摘要:介绍Nuxt.js中useHydration函数,用于控制客户端与服务器数据同步,实现数 ...
Pic Smaller —— 一款超级好用的在线图片压缩工具,基于 Vite + React 实现,直观、移动友好,并且支持压缩配置。 ...
title: useHeadSafe:安全生成HTML头部元素 date: 2024/7/17 updated: 2024/7/17 author: cmdragon excerpt: 摘要:“useHeadSafe”是Vue.js组合函数,用于安全生成HTML头部元素,通过限制输入值格式避免XSS ...
写在开头 点赞 + 收藏 学会 1、支付宝不支持v-show 改为v-if。 2、v-html App端和H5端支持 v-html ,微信小程序会被转为 rich-text,其他端不支持 v-html。 解决方法:去插件市场找一个支持跨端的富文本组件。 3、导航栏处有背景色延 ...
其实很久以前,Nginx就设想推出JavaScript for Nginx了,可惜直到现在都不完善,甚至在国内关注的人都寥寥无几
虽然如此,但Nginx出品的高并发NJS还是很香啊,原生集成就是好
但是,你知道怎么交叉编译Nginx和Nginx的JS引擎njs吗?
你想要尝试使用Nginx+NJS搭... ...
1.路由配置 1.1路由组件的雏形 src\views\home\index.vue(以home组件为例) 1.2路由配置 1.2.1路由index文件 src\router\index.ts //通过vue-router插件实现模板路由配置 import { createRouter, creat ...
如何通过 Promise 实现百条接口请求? 实际项目中遇到需要发起上百条Promise接口请求怎么办? 前言 不知你项目中有没有遇到过这样的情况,反正我的实际工作项目中真的遇到了这种玩意,一个接口获取一份列表,列表中的每一项都有一个属性需要通过另一个请求来逐一赋值,然后就有了这份封装 真的是很多功 ...
title: Nuxt.js头部魔法:轻松自定义页面元信息,提升用户体验 date: 2024/7/16 updated: 2024/7/16 author: [ cmdragon ](https://cmdragon.cn) excerpt: 摘要:“Nuxt.js头部魔法:轻松自定义页面元信息, ...
浅拷贝和深拷贝的区别 浅拷贝:浅拷贝指的是复制一个对象的时候,对于对象的一个属性, 如果是基本数据类型,则复制其值; 如果是引用数据类型,则复制其引用。 深拷贝:深拷贝指的是复制一个对象的时候,对于对象的一个属性, 如果是基本数据类型,则复制其值; 如果是引用数据类型,则递归地深拷贝该对象。 从内存 ...
使用 CSS 选择器实现对不含 title 属性元素的选择 在 CSS 中,选择器用于指定样式规则应用于哪些元素。虽然 CSS 没有直接排除某些属性的功能,但是可以通过使用伪类选择器和属性选择器来实现排除含有特定属性的元素的效果。 要排除含有 title 属性的元素,可以使用 :not 伪类选择器。 ...
短剧播放器是微信官方为微短剧类目小程序提供的播放器插件。 开发者可引入短剧播放器插件后,基于自身需求快速进行开发上线。 小程序中使用短剧播放器需要以下几个条件 小程序已有短剧类目(文娱->微短剧),并且将该类目设为主类目 小程序引入短剧播放器插件 微信官方短剧插件文档 小程序后台接入微信媒资管理, ...
使用 CSS 实现透明效果 在 CSS 中,实现透明效果有几种方法,具体使用哪种方法取决于具体需求。以下是一些常见的方法: 使用 opacity 属性: opacity 属性可以设置整个元素的透明度,包括其所有的子元素。 .transparent { opacity: 0.5; /* 0 表示完全透 ...
首先导入CDN <!--导入vue与axios--> <script src="https://cdn.jsdelivr.net/npm/vue@2"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.j ...
1. Vue3简介 2020年9月18日,Vue.js发布版3.0版本,代号:One Piece(n 经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址:Release v3.0.0 One Piece · vuejs/core 截止2023年10月,最新的公开版 ...
写在开头 点赞 + 收藏 学会 前言 2020 年初突如其来的新冠肺炎疫情让线下就医渠道几乎被切断,在此背景下,微医作为数字健康行业的领军者通过在线问诊等形式快速解决了大量急需就医人们的燃眉之急。而作为微医 Web 端在线问诊中重要的一环-医患之间的视频问诊正是应用了接下来讲 ...
在 Vue 3 中,组合式 API(Composition API)引入了新的响应式系统,使得状态管理和逻辑复用变得更加灵活和强大。ref() 和 reactive() 是组合式 API 中两个重要的响应式工具,它们各自有不同的使用场景和特性。在这篇博客中,我们将深入探讨 ref() 和 react ...
Vue.js 中的 Ajax 处理:vue-resource 库的深度解析 在现代前端开发中,Ajax 请求是与后端进行数据交互的关键技术。Vue.js 作为一个渐进式 JavaScript 框架,提供了多种方式来处理 Ajax 请求,其中 vue-resource 是一个较为常用的库。尽管 vue ...