203浏览

0评论

Vue 中如何实现正则表达式的验证及处理？

Vue 是一种流行的前端框架，它提供了丰富的功能和组件来开发现代化的 web 应用程序。其中，正则表达式是一个非常重要的工具，可以用于验证和处理表单输入、字符串匹配等等。在 Vu...

• 2023-06-25

507浏览

0评论

Vue 中实现图片预览功能的技巧以及最佳实践

Vue是一种流行的JavaScript框架，用于构建单页面应用程序(SPA)。在Web应用程序中，图片预览是一个常见的功能，Vue中有许多实现图片预览的方法。本文将详细介绍Vue中实现图片预览...

• 2023-06-25

469浏览

0评论

VUE3快速入门：使用Vue.js指令实现选项卡切换

本文旨在帮助初学者快速入手Vue.js 3，实现简单的选项卡切换效果。Vue.js是一个流行的JavaScript框架，可用于构建可重用的组件、轻松管理应用程序的状态和处理用户界面的交互操...

• 2023-06-15

465浏览

0评论

VUE3基础教程：使用Vue.js过滤器处理表格数据

Vue.js是一个非常受欢迎的JavaScript框架，它可以帮助我们构建高性能、可维护的Web应用程序。在Vue.js中，过滤器是处理数据的一个非常有用的工具，尤其是在处理表格数据时。本文...

• 2023-06-15

153浏览

0评论

Vue3侦听器watch的实现原理是什么

watch 的本质所谓的watch，其本质就是观测一个响应式数据，当数据发生变化时通知并执行相应的回调函数。实际上，watch 的实现本质就是利用了 effect 和 options.scheduler 选项。...

• 2023-06-08

474浏览

0评论

Vue3中的插件如何使用

一、插件概述1.1 插件简介插件是 Vue.js 中的一个重要组成部分，它可以让 Vue.js 更加灵活和高效。Vue.js插件可以增强Vue.js的功能性，使其更加强大且易于使用。1.2 插件的使用...

• 2023-06-08

174浏览

0评论

vue3怎么实现H5表单验证组件

效果图描述基于vue.js，不依赖其他插件或库实现；基础功能使用保持和 element-ui 一致，内部实现做了一些移动端差异的调整。当前构建平台使用 uni-app 官方脚手架构建，因为当下移...

• 2023-06-08

244浏览

0评论

Vue3 pinia状态管理工具怎么使用

pinia是什么？这个是 vue3 新的状态管理工具，简单来说相当于之前 vuex，它去掉了 Mutations 但是也是支持 vue2 的，尤大推荐。因为其logo像是一个菠萝，所以我们还称呼它为大菠萝。...

• 2023-06-08

467浏览

0评论

Vue3中怎么使用watch监听对象的属性值

Vue3 中使用 watch 侦听对象中的具体属性1.前言<script lang="ts" setup> // 接受父组件传递的数据 const props = defineProps({ test: { type: Stri...

• 2023-06-08

456浏览

0评论

vue3响应式Proxy与Reflect如何使用

理解Proxy与Reflectvue3的响应式离不开Proxy,说到Proxy则离不开Reflect.这两个对象是ES6新增的对象，同时在编程领域，他们也代表着2种设计模式，即代理与反射。ProxyProxy 可以理...

• 2023-06-08

475浏览

0评论

vue3+vite中如何使用vuex

具体步骤：1、安装vuex( vue3建议 4.0+ )pnpm i vuex -S2、main.js中配置import store from &#39;@/store&#39;// hx-app的全局配置const app = createApp(App)app.use(store)...

• 2023-06-08

475浏览

0评论

如何从零开始搭建vue3项目

说明记录一次Vue3的项目搭建过程。文章基于 vue3.2.6 和 vite2.51 版本，使用了ui库 Element plus，vue-router4，Layout布局封装，axios请求封装，别名配置等。开始1. 使用 vscode 开...

• 2023-06-08

411浏览

0评论

Vue3插件中怎么使用Provide和Inject

为什么 Vue3 插件的工作方式与以往不同在 Vue2 中，大多数插件将属性注入到 this 上。例如可以通过 this.$router 访问 Vue 路由器。但是，setup() 方法不再包含对 this 的相同...

• 2023-06-08

166浏览

0评论

Vue3兄弟组件传值之mitt怎么安装使用

比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？ 首先它足够小，仅有200bytes。 其次支持全部事件的监听和批量移除。 它还不依赖 Vue 实例，可以跨框架使用，React 或者 Vue，甚...

• 2023-06-08

130浏览

0评论

vue3中的Proxy为什么一定要用Reflect

用过vue的知道，vue的响应实现用的Proxy，且里面是配合Reflect用的,查看Proxy和Reflect文档最显眼的是Reflect对象的静态方法和Proxy代理方法的命名相同，Reflect可以操作对象使用...

• 2023-06-08

248浏览

0评论

vue3中怎么使用vue-router

一、第一步：安装vue-routernpm install vue-router@4.0.0-beta.13二、第二步：main.js先来对比一下vue2和vue3中main.js的区别：（第一张为vue2，第二张为vue3）可以明显看到，我们在vue2...

• 2023-06-08

444浏览

0评论

怎么使用vue3+Pinia+TypeScript实现封装轮播图组件

为什么封装？ 迎合es6模块化开发思想 注册为全局组件，可以更好地复用，需要用到的地方，直接使用标签即可静态结构 后面再进行更改<script lang="ts" setup name="XtxCarousel">d...

• 2023-06-08

128浏览

0评论

JavaScript Canvas实现兼容IE的兔子发射爆破动图特效

目录前言实现定义兔子的构造函数定义兔子原型的属性和方法定义文字淡出的动画。前言Hello，同学们好！又是一年新春之际，祝福大家兔年快乐！给大家介绍一个有趣的动效（兼容 IE），页面右...

• 2023-05-29

146浏览

0评论

独立使用umi的核心插件模块示例详解

目录引言实践结语引言今天我们做一个有趣的尝试，将 umi 的核心插件模块独立出来作为另一个框架的基础架构，这里我们将它称为 konos。 介于 umi 自身的源码的独立拆分，要实现这...

• 2023-05-29

187浏览

0评论

Nest.js 之依赖注入原理及实现过程详解

目录前言TypeScript 依赖注入的原理浅析 Nest.js 实现依赖注入的过程总结前言很久之前初学 Java 时就对注解及自动依赖注入这种方式感觉到不可思议，但是一直没有勇气（懒）去搞清...

• 2023-05-29

271浏览

0评论

AJAX实现JSON与XML数据交换方法详解

目录1、JS中如何创建和访问JSON对象2、基于JSON的数据交换3、基于XML的数据交换1、JS中如何创建和访问JSON对象（1）在javascript语言中怎么创建一个json对象，语法是什么？"属性名"...

• 2023-05-29

202浏览

0评论

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

目录1、AJAX乱码问题2、AJAX的异步与同步3、AJAX代码封装4、手动封装一个jQuery库1、AJAX乱码问题（1）发送ajax get 或者 ajax post请求时下面两种情况？①发送数据到服务器，服务...

• 2023-05-29

149浏览

0评论

JS技巧多状态页面中的mock方案详解

目录引言技术选型业务逻辑改造Eruda 插件Mock 数据整理引言我们有时候会遇到一个业务页面存在很多个状态，甚至子状态，比如订单详情就是其中的典型，涉及从订单创建到订单结束，以...

• 2023-05-29

163浏览

0评论

一款功能强大的markdown编辑器tui.editor使用示例详解

目录简介安装使用安装初始化官方插件功能拓展实现源码简介最近在捯饬自己的个人网站，想找一款类似于掘金的markdown编辑器，主要诉求包含实时预览、语法高亮、自动生成目录索引...

• 2023-05-29

150浏览

0评论

arcgis js完整悬停效果实现demo

目录arcgis 中的悬停效果1、获取鼠标悬停事件回调2、悬停时修改鼠标指针3、悬停时显示标签名称4、悬停时图标放大arcgis 为什么这么设计完整 demo 代码：arcgis 中的悬停效果a...

• 2023-05-29

166浏览

0评论

前端JS图片懒加载原理方案详解

目录背景原理方案方案一：img的loading属性设为“lazy”使用方法优点兼容性缺点方案二：通过offsetTop来计算是否在可视区域内优化优点缺点方案三：通过getBoundingClie...

• 2023-05-29

134浏览

0评论

JS实现微信播音效果示例详解

目录需要实现的效果图片切换轮播法CSS实现需要实现的效果图片切换轮播法这个功能其实是我刚毕业的时候实现的，那也是5年前的事情了，受限于当时的水平，仅仅是实现了，其他啥都不是...

• 2023-05-29

160浏览

0评论

JS实现一个微信录音功能过程示例详解

目录功能原型图拆解需求评估时间代码实现功能原型图其实就是微信发送语音的功能。没有转文字的功能。拆解需求根据原型图可以很容易的得出我们需要做的内容包括下面三个部分...

• 2023-05-29

147浏览

0评论

详解JS前端使用迭代器和生成器原理及示例

目录正文for of 是干什么用的可迭代对象是什么？生成器和迭代器的关系。让非迭代对象也可以使用for of 进行遍历for循环和for in的关系总结正文生成器和迭代器这两个东西平时...

• 2023-05-29

153浏览

0评论

js的一些潜在规则使用分析

目录为什么开发中建议使用void 0 来代替undefined为什么开发中将未赋值的变量赋值为null，而不是undefinedString类型的长度为什么parseInt在将字符串转为数字的时候，需要指定...

• 2023-05-29

515浏览

0评论

requestAnimationFrame使用示例详解

目录requestAnimationFrame--use是什么回调函数调用频率返回啥如何用window.requestAnimationFrame(callback);示例多个运行情况停止执行cancelAnimationFrame动画运用总结r...

• 2023-05-29

187浏览

0评论

jquery删除功能有缓存

jQuery是一种JavaScript库，它提供了一种优雅、简洁的方式来处理HTML文档、处理事件、创建动画效果、访问XML文档，使开发者能够更轻松地完成Web开发任务。在Web开发过程中，经常...

• 2023-05-28

152浏览

0评论

jquery 修改图片show

随着互联网技术的发展和进步，图片在我们的生活中扮演着越来越重要的角色，而 jQuery 作为一个流行的 JavaScript 库，可以帮助我们方便地修改图片的显示效果。本文就将介绍如何用...

• 2023-05-28

398浏览

0评论

jquery 停止css动画

在网页制作中，动画效果是非常常见的一种元素，而CSS动画则是其中比较流行的一种方式之一。不过，在某些情况下，需要停止正在进行中的CSS动画，这时候就需要使用jquery来实现。本文将...

• 2023-05-28

255浏览

0评论

uniapp支持自定义指令吗

随着技术的发展，web开发已经逐渐向前端框架集中。对于前端开发者来说，Vue、React和Angular等框架已经成为主流选择。而在这些框架中，组件是开发过程中的重要部分。组件可以使代...

• 2023-05-26

186浏览

0评论

uniapp怎么连接数据库

随着移动互联网的发展，多数的应用都会涉及到数据的存储和读取。而随着前端技术的普及和跨端开发的需求越来越多，Uniapp也成为了越来越多开发者的首选。如果你正在使用Uniapp进...

• 2023-05-26

241浏览

0评论

uniapp日历设置不可选日期

近年来，随着移动端应用的快速发展，越来越多的开发者选择使用跨平台框架uniapp进行应用的开发。而在应用开发中常常需要集成日历控件以方便用户进行日期选择，本文就为大家分享一...

• 2023-05-26

167浏览

0评论

JavaScript中的创建枚举四种方式

目录基于对象的枚举优缺点枚举值类型基于Object.freeze()枚举优缺点基于proxy枚举优缺点基于类的枚举优缺点总结字符串和数字具有无数个值，而其他类型如布尔值则是有限的集合...

• 2023-05-17

195浏览

0评论

JavaScript如何防止页面退格键回退

目录什么是退格键思路概述具体实现兼容性处理焦点问题处理history.back()问题在 Vue 中使用方案一：自定义指令方案二：Vue Mixin总结在一个网页中，当我们在输入框内输入文字或者...

• 2023-05-17

456浏览

0评论

详解JavaScript中Promise类的使用方法

目录1. all 2. allSettled3. race4. any 这篇主要讲一下Promise的类方法的基本使用，至于Promise的基本使用这里就不赘述了，之前也有手写过Promise、实现了Promise的核心逻辑...

• 2023-05-17

177浏览

0评论

JavaScript尾递归的实现及应用场景

目录什么是尾递归和递归的差别尾递归的优化应用场景总结什么是尾递归尾递归是一种特殊的递归，它的特点是在函数的最后一步调用自身，而不是在调用后还有其他操作。尾递归可以有...

• 2023-05-17

182浏览

0评论

Cropper.js进阶之裁剪后保存至本地实现示例

目录引言正文1. 引入Cropper.js2. 创建图像裁剪器3. 初始化Cropper.js4. 裁剪图像并保存至本地完整代码引言在开发Web应用程序时，经常需要对图片进行裁剪和编辑。Cropper.js...

• 2023-05-17

162浏览

0评论

详解cesium实现大批量POI点位聚合渲染优化方案

目录前言思考开发使用前言cesium目前只提供了entityCluster这个聚合类，使打点聚合更方便快捷的实现，但是一般在真正做项目的时候，大家会经常碰到成千上万个甚至几十万个点位需...

• 2023-05-17

197浏览

0评论

一文总结JavaScript中常见的设计模式

目录设计原则什么是设计模式一、单例模式二、策略模式三、代理模式四、迭代器模式五、发布-订阅模式六、命令模式七、组合模式八、模板方法模式九、享元模式十、职责链模式...

• 2023-05-17

178浏览

0评论

Cropper.js进阶之固定宽高图片裁切实现示例

目录引言准备工作页面结构编写JavaScript总结：全部代码如下：引言在图像处理中，图片裁切是常见的需求。有时候，我们希望裁切后的图片具有固定的宽高，而不是任意宽高比。Cropper.js...

• 2023-05-17

173浏览

0评论

Cropper.js进阶之裁剪后保存至服务器实现详解

目录Cropper.js将截图保存到服务器并使用Fetch进行请求全部前端代码Cropper.js将截图保存到服务器并使用Fetch进行请求要使用Cropper.js将截图保存到服务器并使用Fetch进行...

• 2023-05-17

188浏览

0评论

Cropper.js入门之在HTML中实现交互式图像裁剪

目录简单介绍：安装方法：npm引入：cdn引入：简单入门简单介绍：Cropper.js是一个基于JavaScript的图像裁剪库，用于在网页或应用程序中实现灵活和交互式的图像裁剪功能。它提供了丰富的...

• 2023-05-17

175浏览

0评论

关于Javascript中值得学习的特性总结

目录可选链操作符（Optional Chaining Operator）空值合并运算符（Nullish Coalescing Operator）Promise.allSettled()BigInt类型可选链操作符（Optional Chaining Operator）可选链操...

• 2023-05-17

209浏览

0评论

Uniapp接入插件的3种方式总结

目录前言一、使用HBuilderX导入插件1.找到所需插件2.导入插件3.使用插件二、通过uni_modules单独安装插件1.创建uni_module目录2.下载并安装插件3.使用插件三、通过componen...

• 2023-05-17

291浏览

0评论

JavaScript删除数组元素的方法指南

目录删除数组元素之splice()删除数组元素之filter()删除数组元素之pop()删除数组元素之shift()删除数组元素之splice()、slice()和concat()组合操作删除数组元素之使用ES6中...

• 2023-05-17