前言 日常开发时有些业务场景功能很复杂，如果将所有代码都写在一个vue组件中，那个vue文件的代码量可能就几千行了，维护极其困难。这时我们就需要将其拆分为多个组件，拆完组件后就需要在不同组件间共享数据和业务逻辑。有的小伙伴会选择将数据和业务逻辑都放到pinia中，这样虽然可以解决问题。但是如果将所有 ...

一、数字相关 只有数字：/^[0-9]*$/ 或 /^\d{1,}$/ 整数：/^-?[0-9]\d*$/ 正整数：/^\+?[1-9]\d*$/ 非正整数：/^-[1-9]\d*|0$/ 负整数：/^-[1-9]\d*$/ 非负整数：/^\d+$/ 浮点数：/^(-?\d+)(\.\d+)?$/ ...

Layui select赋值，并主动触发选择事件 // Layui select赋值，并主动触发选择事件 // Input: selectId:ID选择器，selectFilter:lay-filter名称，value:需要的赋值，text:显示文本值 function setSelect(sele ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 依赖管理解决了在软件开发过程中管理和协调各种依赖项的问题，简化了开发流程，提高了项目的可靠性、可维护性和可重复性。它们帮助开发人员更高效地管理项目的依赖关系，减少了潜在的错误和冲突，并提供了更好的开发体验。 常用的依赖管理 在 JavaS ...

最近，有群里在群里发了这么一个非常有意思的卡片 Hover 动效，来源于此网站 -- key-drop，效果如下： 非常有意思酷炫的效果。而本文，我们不会完全还原此效果，而是基于此效果，尝试去制作这么一个类似的卡片交互效果： 该效果的几个核心点： 卡片的 3D 旋转跟随鼠标移动效果 如何让卡片在 H ...

前言 在 上一小节 我介绍了我学习vue入门 插值语法 的过程。 在本篇，我将记录我对vue的 计算属性和侦听器 的学习记录 注：本篇对于”侦听“和”监听“是一个意思 一、计算属性 在官网上，可以看到这样一个例子： <div id="example"> {{ message.split('').re ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 移动端 H5 Tab 如何滚动居中 Tab 在 PC 端、移动端应用都上很常见，不过 Tab 在移动端 比 PC 端更复杂。为什么呢？移动端设备屏幕较窄，一般仅能展示 4 ~ 7 个 Item。考虑到用户体验，UI 往往要求程序员实现一个 ...

该组件还有一个名为 `selectable` 的属性，用于控制选项是否可选。如果要实现选项变为灰色且不可选的效果，需要同时将选项的 `disabled` 属性设置为 `true`，将 `seletable` 属性设置为 `false`。 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 翻转图像是在视觉上比较两个不同图像的常用方法。单击其中一个将翻转它，并显示另一个图像。 布局 布局结构如下： <div class="flipping-images"> <div class="flipping-images__inner ...

一、实现方案 单独贴代码可能容易混乱，所以这里只讲实现思路，代码放在最后汇总了下。 想要实现一个简单的工业园区、主要包含的内容是一个大楼、左右两片停车位、四条道路以及多个可在道路上随机移动的车辆、遇到停车位时随机选择是否要停车，简单设计图如下 二、实现步奏 2.1 引入环境，天空和地面 引入天空有三 ...

前言 有时出现的线上bug在测试环境死活都不能复现，靠review代码猜测bug出现的原因，然后盲改代码直接在线上测试明显不靠谱。这时我们就需要在生产环境中debug代码，快速找到bug的原因，然后将锅丢出去。 生产环境的代码一般都是关闭source map和经过混淆的，那么如何进行debug代码呢 ...

在接入小程序过程中会遇到需要将 H5 页面集成到小程序中情况，今天我们就来聊一聊怎么把 H5 页面塞到小程序中。 本篇文章将会从下面这几个方面来介绍： 小程序承载页面的前期准备 小程序如何承载 H5 小程序和 H5 页面如何通讯 小程序和 H5 页面的相互跳转 小程序承载页面的前期准备 首先介绍下我 ...

Vue3 对 diff 过程进行了大升级，利用 最长递增子序列算法 去计算最少移动dom，尽可能少的做移动节点位置操作！ ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在JavaScript中，Object.assign() 是一个用于合并对象属性的常见方法。然而，对于许多开发者来说，关于它是否执行深拷贝的认识可能存在一些混淆。先说答案Object.assign() 不属于深拷贝，我们接着往下看。 Ob ...

JavaScript 提供了 automatic semicolon insertion (ASI)自动插入分号规则，在不加分号的情况下，会自动补充分号来分隔不同语句。 导致在继左大括号换行、tab 和 space 圣战后，前端又出现了一场战争。 并且随着那个男人加入这场讨论之后，关于是否应该加分号 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 核心 其实总的来说就是 export 导出的是变量的句柄（或者说符号绑定、近似于 C 语言里面的指针，C++里面的变量别名），而 export default 导出的是变量的值。 需要注意的是：模块里面的内容只能在模块内部修改，模块外部只 ...

可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 1. 弹性盒子布局概念 Flex 是 Flexible Box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。比如： .box{ displ ...

前言 日常开发时有些特殊的场景需要在非 setup 期间调用inject函数，比如app中使用provide注入的配置信息需要在发送http请求时带上传给后端。对此我们希望不在每个发起请求的地方去修改，而是在发起请求前的拦截进行统一处理，对此我们就需要在拦截请求的函数中使用inject拿到app注入 ...

网页的生成过程 解析HTML，生成DOM树。 解析CSS，生成CSSOM树。 结合DOM树和CSSOM树，为每一个节点计算CSS属性，生成渲染树，RenderTree。 生成布局（Flow），计算渲染树上所有节点的位置。 将布局绘制（Paint）到屏幕上。 布局生成和绘制的过程就是渲染。 网页生成的 ...

用于web播放海康威视rtsp://admin:ca123456@192.168.64.82:554//Streaming/Channels/1 格式的视频。 注意：前2个目前都在windows上使用，服务器安装部署多多少少有些问题，如果急需解决则直接看第3个方法。 1、WebRtcStreamer ...