55浏览

0评论

nvm安装、配置与使用例子

目录 一.nvm介绍 二.安装nvm 三.nvm的配置 四.nvm的使用 五.nvm的常用命令一.nvm介绍nvm 全称为 node.js version management，顾名思义是用于管理多个 nodejs 的版本控制工具...

• 2026-06-12

116浏览

0评论

react组件中debounce防抖功能失效问题解决办法

目录一、问题背景二、解决办法三、拓展一、问题背景import { debounce } from 'lodash'; const [searchKey, setSearchKey] = useState('');// 防抖函数 const debounceLi...

• 2024-11-18

23浏览

0评论

vue开发中如何在js文件里使用pinia和组件同步

目录遇到问题只需要传pinia参数就可以store/index.jsmain.jsjs脚本文件使用遇到问题在js文件中封装涉及到使用pinia的方法时，发现和组件内容并不同步，二者是互相独立的。为了...

• 2024-11-18

24浏览

0评论

Vue.js使用this.$confirm换行显示提示信息实例

目录Vue.js使用this.$confirm换行显示提示信息解释Vue的this.$confirm中注意this的指向解决方法总结Vue.js使用this.$confirm换行显示提示信息在写一个简单的按钮点击确认框...

• 2024-11-18

22浏览

0评论

微信/支付宝小程序实现弹窗动画缩放到某个位置的示例代码

HTML <view wx:if="{{advertiseFlag}}" class="advertise-wrapper" style="background-color:{{transitionData.statusBtn == 'playing'?'rgba(255,255,255,0)':''}}" bind...

• 2024-11-18

23浏览

0评论

Vue 监听视频播放时长的实例代码

1、源码<template> <el-dialog class="videoBox" :title="title" :visible.sync="visible" width="40%" :before-close="handleClose" :close-on-click-modal="false" :clo...

• 2024-11-18

21浏览

0评论

微信小程序使用wx.navigateTo路由跳转层级限制问题小结

wx.redirectTo 和 wx.navigateTo 的区别wx.navigateTo作用：打开一个新页面并保留当前页面在页面栈中。页面栈限制：最多只能存在 10 层页面。如果层级超过 10 层，则无法跳转并会...

• 2024-11-18

21浏览

0评论

vue项目纯前端实现的模板打印功能示例代码

下载一个插件 npm i vue-print-nb --save在main中引入 import Print from “vue-print-nb” Vue.use(Print);在postcss.config.js里面...

• 2024-11-18

23浏览

0评论

vue前端更新后需要清空缓存代码示例

目录场景：1、配置nginx不缓存index.html2、配置vue.config.js项目webpack为js和css文件增加引用版本号3、如果是vite.config.js总结 场景：前端vue3网站项目使用wepack打包后进...

• 2024-11-18

21浏览

0评论

vue中keep-alive组件使用和一些基础配置方法

Vue中的keep-alive组件是一个抽象组件，它可以在组件切换时缓存(缓存时机可以由开发人员自定义)被缓存的组件实例以提高应用程序的性能表现。使用keep-alive组件非常简单，只需...

• 2024-11-18

22浏览

0评论

前端项目中正确插入图片的不同方法和技术

目录引言HTML 中插入图片的基本方法基本概念与作用示例一：简单的图片插入示例二：添加样式属性CSS 中控制图片的显示基本概念与作用示例三：使用CSS类控制图片样式示例四：响应式图...

• 2024-11-18

12浏览

0评论

js无后端实现点击加载查看更多（提示SEO友好度）

目录简单示例HTML部分JavaScript部分拓展优化HTML隐藏列表问题可以多次点击“查看更多”总结为了提示SEO友好度，并且避免调用后端接口给服务器造成负担，可以使用js...

• 2024-11-18

13浏览

0评论

nodejs中fs模块三种读写文件方法的使用区别

目录readFile和writeFileread和writecreateReadStream和createWriteStreamreadFile和createReadStream总结nodejs中所有与文件相关的操作都在fs模块中，而读写操作又是我们会...

• 2024-11-18

189浏览

0评论

在 React 项目中 Editable Table 的实现

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚可编辑表格在数栈产品中是一种...

• 2024-08-08

234浏览

0评论

神奇的JavaScript弱等价类型转换

JavaScript语言特性 - 类型转换JavaScript这门语言的类型系统从来没有它表面看起来的那样和善，虽然比起Java、C#等一众强类型语言，它的弱类型使用起来似乎是如此便利，但正因为...

• 2024-06-12

133浏览

0评论

vue+element-ui表格自定义列模版的实现

目录前言一、为什么要自定义表列模版？二、实现步骤1.封装表格组件2.父组件引用总结前言日前vue3项目中用element-ui表格封装一个组件，有自定义表列格式的需求，做完后顺手总结一...

• 2024-06-10

127浏览

0评论

webpack打包后index.html引用文件地址问题小结

在前端开发中，src 属性指定的相对路径是相对于当前 HTML 文件的路径，而不是相对于网站的根目录。这种相对路径的解析方式是浏览器的行为。当浏览器解析 HTML 文件中的 <script...

• 2024-06-10

136浏览

0评论

vue跳转时根据url锚点(#xxx)实现页面内容定位的方法

目录介绍一、实现原理二、代码(vue3 setup)三、演示：四、结束介绍本前端仔在做页面跳转的时候，被要求跳转到页面时候，把对应部分的内容自动滚动到顶部~我一开始想到的就是根据...

• 2024-06-10

132浏览

0评论

基于vue3+TypeScript实现一个简易的Calendar组件

目录功能分析功能实现初始化组件分析具体操作Calendar / CalendarCom.vueCalendar / CalendarMonth.vueCalendar / HeaderCom.vue小结总结功能分析目前学到功能有以下几点日...

• 2024-06-10

226浏览

0评论

vue3项目打包成apk(android)详细图文教程

目录一、打包vue3项目1、打包2、解决打包后的文件的白屏问题。二、打包成apk1、创建“5+App”项目2、打包文件移动3、生成apk文件三、生成apk附：vue项目打包时报错...

• 2024-06-10

149浏览

0评论

vue路由懒加载工作原理

Vue路由懒加载是一种优化技术，旨在减少应用程序的初始加载时间并提高性能。具体来说，它允许我们在用户实际需要访问某个路由时，才加载对应的组件代码，而不是在应用程序启动时一...

• 2024-06-10

157浏览

0评论

vue2项目使用exceljs多表头导出功能详解

目录前言一、插件安装二、数据准备三、插件引入四、导出前数据处理1、按exceljs格式创建导出函数2、表头及列宽数据预处理2.1 处理逻辑3、单元格样式处理函数4、表头数据填...

• 2024-06-10

120浏览

0评论

使用JavaScript截取视频特定帧的实现方法

目录背景1. 监听文件选择2. 捕获视频帧3. 绘制视频帧4. 实现效果结论背景在网页开发中，我们经常需要对媒体文件进行处理，其中包括视频文件。有时候，我们可能需要从视频中提取特...

• 2024-06-10

90浏览

0评论

Node+Express连接MySQL实现增删改查功能

一、在项目中安装mysql 和 expresscnpm install mysql express --save二、示例代码const express = require("express"); const app = express(); const mysql = require("m...

• 2024-06-10

252浏览

0评论

前端报错npm ERR! cb() never called!问题解决办法

目录1.问题描述1.1使用npm install后报错2.解决问题过程2.1看网上大部分的解决方式是：2.2网上还有部分的解决方式是：2.2.1如果你不幸的按照网上使用npm uninstall -g npm升级...

• 2024-06-10

101浏览

0评论

js跨域的几种解决方案

目录一、什么是跨域？二、跨域解决方案方案一：jsonp （json with padding）方案二：CORS (CROSS-Origin Resource Sharing 跨域资源共享)和跨域CORS有关的几个请求头和响应头请求头...

• 2024-06-10

94浏览

0评论

Vue图片懒加载之Vue-Lazyload的使用

目录一、什么叫懒加载二、懒加载的优点三、为什么使用懒加载懒加载原理是什么四、vue中如何实现懒加载五、js---懒加载的实现步骤？懒加载代码实现方式一：原生js方式二： getB...

• 2024-06-10

88浏览

0评论

解决JavaScript精度问题的常见方法

目录引言解决方案一、使用整数进行计算二、使用库函数三、四舍五入优缺点分析1、整数计算方法2、使用库函数方法3、四舍五入方法结论引言在 JavaScript 中，处理浮点数时经常...

• 2024-06-10

99浏览

0评论

使用JS代码实现页面添加水印的方法详解

目录一、水印概括1. 添加水印的好处2. 添加水印的坏处二、技术方案1. watermark 第三方库2. JS 简单实现水印功能三、水印功能实现1. 水印功能需求2. 功能实现3. 步骤解析3....

• 2024-06-10

86浏览

0评论

微信小程序中实现自定义Navbar方法详解

目录前言StatusBar高度TitleBar高度编写Navbar组件使用最终效果前言自定义 navbar 应该是很常见的需求。要自定义一个 navbar 并不难，只需要了解其组成部分即可。从上面的图...

• 2024-06-10

89浏览

0评论

axios对外出口API的设计方法

目录axios 的 2 种使用方式请求方法别名Axios 类Axios.prototype.request()axios.defaults/interceptors请求方法别名导出 axios如果直接导出 Axios总结本文我们将讨论 axio...

• 2024-06-10

87浏览

0评论

js实现WebSocket 连接的示例代码

目录一.WebSocket 简单介绍1.HTTP和WebSocket的区别2.WebSocket应用场景二.js使用WebSocket1.创建WebSocket实例2.属性3.方法4.事件5.使用示例一.WebSocket 简单介绍1.HTTP...

• 2024-06-10

97浏览

0评论

保姆级Decimal.js使用教程(解决js精度问题)

目录精度问题控制台图样01.引入Decimal.js02.使用加减乘除全上附：Vue项目完整例子总结 精度问题控制台图样如果银行的业务你这样做，不知道要损失多少钱，这样是不行的，计算的不准...

• 2024-06-10

85浏览

0评论

使用Vue3实现在浏览器端进行zip文件压缩

在前端开发中，我们时常需要处理文件上传和下载的功能。有时，用户可能希望将多个文件打包成一个zip文件以便于下载。我这里分享一个使用Vue3和JSZip库在浏览器端实现zip文件压...

• 2024-06-10

82浏览

0评论

axios拦截器机制的实现原理详解

目录axios 拦截器简介Axios 实例拦截器类拦截器实现原理收集拦截器拼接请求链由请求链结构看错误处理第一个请求拦截器出错最后一个请求拦截器出错axios 请求出错响应拦截器...

• 2024-06-10

78浏览

0评论

Python实现图片二值化的详细代码

目录1. 什么是二值化2. 二值化的作用3. 二值化的实现4.代码实现1. 什么是二值化图像二值化就是将图像上的像素点的“灰度值”设置为[0, 0, 0]或[255, 255, 255]，即...

• 2024-06-10

159浏览

0评论

printJS打印问题汇总以及解决办法

目录一、打印预览表格列不全（Element的el-table组件）1、打印设置“打印缩放”2、修改el——table的底层代码（如果页面上有多个表格慎用） 二、如何解决vue p...

• 2024-06-10

74浏览

0评论

vue前端实现login页登陆验证码代码示例

实现效果// template<el-form :model="loginForm" :rules="fieldRules" ref="loginForm" label-position="left" label-width="0px" class="login-container"> <span...

• 2024-06-10

78浏览

0评论

vue3中element Plus插槽示例详解

vue3中element Plus插槽，实现代码如下所示： <el-table-column property="" label="操作" width="200" show-overflow-tooltip> <template...

• 2024-06-10

98浏览

0评论

如何在JavaScript实现Blob文件流下载

目录一、下载二、请求三、示例总结一、下载在 JavaScript 中，可以使用浏览器提供的 Blob 对象和 URL.createObjectURL() 方法来实现文件流下载。下面是一个示例代码，可以帮助...

• 2024-06-10

71浏览

0评论

详解Javascript如何通过async/await优雅地使用FileReader

目录封装成方法Javascript封装成一个classTypeScript封装成一个classTypeScript基于泛型FileReader的使用机会很多，但是它是异步的，因此很容易出现回调地狱。我们可以使用asyn...

• 2024-06-10

95浏览

0评论

使用Webstorm调试Vue代码详细图文教程

在我们前端开发过程中相信很多人都是通过console.log来调试我们的代码的，但是当代码复杂度比较高的时候这个方法就比较鸡肋了。这里我来教大家在Webstorm中如何来调试自己的...

• 2024-06-10

63浏览

0评论

浅析Vue3中Excel下载模板并导入数据功能的实现

目录上传功能介绍一下 POI OOXML 的使用下载模板功能实现上传导入上传功能代码一<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>...

• 2024-06-10

77浏览

0评论

微信小程序常见的两种登录方式详解

目录小程序登录基于openid登录手机号码快捷登录获取对应code后端处理逻辑注意总结小程序登录小程序有两种登录方式，一种基于手机号码进行登录，另一种是使用用户在公众号下的唯...

• 2024-06-10

36浏览

0评论

Vue结合ElementUI实现数据请求和页面跳转功能(最新推荐)

目录一、准备工作1、创建一个Vue-cli程序2、安装ElementUI3、准别好的login.vue和main.vue页面4、main.js下的两个页面List.vue和Profile.vue二、创建路由三、页面跳转四、...

• 2024-06-10

42浏览

0评论

使用JavaScript字符串解决回文数的方案详解

目录前言：正文1.如何将字符串中的一个字符移除掉2.切割一个字符串（slice）3.如何使用字符串解决回文数【从右到左和从左到右一样】总结前言：JavaScript中的字符串是一种数据类型，...

• 2024-06-10

62浏览

0评论

微信小程序海报绘制示例讲解

目录前言绘制海报保存到相册扩展总结前言海报分享功能在许多应用中应该是很常见的，因为它作为一种常用的应用推广和拉新的方式。接下来看个实际的案例，如下：把任务拆解下：如何绘...

• 2024-06-10

58浏览

0评论

js实现实时刷新的三种形式(setInterval、WebSocket、EventSource)

目录一、纯前端二、服务器端WebSocketEventSourceWebSocket & EventSource 的区别EventSource的实现案例事件流格式？注释有何用？EventSource规范中规定了那些字段？重连是干什么...

• 2024-06-10

75浏览

0评论

JS实现的一个比较不错的判断节假日的实现代码(假日包括周末，不包括调休上班的周末)

思路：创建两个数组，数组1为节假日数组，数组2为是周末上班日期数组。如果当前日期（或某日期）同时满足2个条件（1.在节假日数组内或在周末。2.不在周末上班日期数组）即为节假日，否则即...

• 2024-06-10

70浏览

0评论

Vue首屏优化方案小结

目录一、分析下前端加载速度慢原因 二、优化方案0.初步优化1.采用异步组件和懒加载的方式2.webpack开启gzip压缩文件传输模式3.Webpack 代码分割与优化 4.依赖模块采用第三...

• 2024-06-10