使用JS前端加密库sm-crypto实现国密sm2、sm3和sm4加密与解密
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 57
国密sm2、sm3、sm4的js使用国密算法sm2、sm3和sm4的js实现。安装 sm-cryptonpm install --save ...
基于vue3和element plus实现甘特图
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 56
vue3 + element plus实现甘特图效果展示实现思路甘特图,个人理解就是表格的一种展现形式。左侧填充数据,右侧用图例填充表示时间...
JavaScript实现平滑滚动效果
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 52
● 本次我们将实现点击按钮时候,可以平滑得滚动到指定位置● 首先我们获取到按钮信息和想要滚动到得章节const btnscrollto = ...
vue项目使用js监听浏览器关闭、刷新、后退事件实现方法
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 54
业务场景在web应用开发中,我们经常会遇到这样的需求:在用户执行关键操作,如提交表单、支付交易等过程中,突然关闭、刷新或者后退浏览器,可能会...
Vue3实现检测密码强度值功能
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 0
在前端项目开发中,确保用户密码的强度是保护账户安全的重要措施。本文将演示如何使用vue 3实现一个简单的密码强度检测功能。通过实时反馈,帮助...
vite打包出现 "default" is not exported by "node_modules/...问题解决办法
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 54
项目场景:vue3+ts+vite项目打包问题描述// codemirror 编辑器的相关资源import codemirror from ...
vue3快速实现主题切换功能的步骤详解
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 55
内容概要本文介绍一种基于css变量的主题切换实现方式,这种是最简单,最直接,最容易理解的方式。实现的原理就是定义不同的html根标签元素的样...
JavaScript对象访问器的工作原理及使用方法
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 59
一、前言今天来聊一下javascript中的对象访问器。javascript的主要功能之一是能够定义对象,这些对象可以封装属性和方法,在与对...
React应用中避免白屏现象的方法小结
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 60
介绍在开发react应用程序时,我们都曾遇到过这样的场景:一个未被捕获的异常突然中断了组件的渲染流程,导致用户界面呈现出一片空白,也就是俗称...
JavaScript网页表单form中禁止自动提交的两种方式
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 53
前言本文是我本人在开发网页时,在表单中加入了button按钮,本来是用于jquery点击相应事件的按钮,然后,但我点击button时,发现不...
uniapp实现省市区三级级联选择功能(含地区json文件)
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 54
前言最近被安排做小程序用uniapp进行项目开发,有点惨啊。很烦。遇到一个需求需要选择地址,还是省市区级联选择,这里经过调查思考,最终做出来...
使用javascript实现页面加载loading动画(附完整源码)
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 53
1.创建一个css样式,用于显示loading动画。<style lang="less" scoped>.loading { ...
如何使用wheelnav.js构建酷炫的动态导航菜单
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 56
前言用户体验永远是一个值得探讨的问题,同时也是应该在平时的研发工作工作中作为重点关注的地方。使用习惯,界面的布局,用户点击操作的系统反应情况...
React 中的 ForwardRef的使用示例详解
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 53
react 中的 forwardref hooks 是指将子组件的 dom 节点暴露给给父组件,在 react 中如果想要访问 dom 节点...
React memo允许你的组件在 props 没有改变的情况下跳过重新渲染的问题记录
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 55
memo(component, arepropsequal?) 使用 memo 将组件包装起来,以获得该组件的一个 记忆化 版本。通常情况下...
详解JavaScript创建数组的三种方式
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 58
1 直接声明javascript是弱类型语言,因此你可以直接将一个数组赋值给一个变量,即创建了一个数组:let arr = [1, 2, 3...
JS实现页面指定区域全屏阅读功能
2024-06-11 12:50 | 分类:编程语言 | 评论:0 次 | 浏览: 55
这里用到vueuse中的usefullscreen(vueuse中提供了许多封装好的函数可以直接使用,极大提高了开发效率)详见vueuse官...
TS报错Cannot find module 'xxx' or its corresponding type declarations解决
2024-06-02 13:01 | 分类:编程语言 | 评论:0 次 | 浏览: 55
import 导入后出现了 ts 报错最近使用 vite + vue3 + ts 开发一个文本标注的 web 平台,在项目中使用了一个 js...
typescript中 declare global 关键字用法示例小结
2024-06-02 12:59 | 分类:编程语言 | 评论:0 次 | 浏览: 52
在 typescript 中,declare global 用于在模块内部扩展全局作用域。当你在模块(任何包含顶级 import 或 exp...
[原创]javascript 定时广告显示(两个时间段)
2024-06-02 12:57 | 分类:编程语言 | 评论:0 次 | 浏览: 54
showit需要三个参数showit(str,start,end);str一般为广告代码例如"<a href='https://www...
[原创]基于innerHTML中的script广告实现代码[广告全部放在一个js里面]
2024-06-02 12:57 | 分类:编程语言 | 评论:0 次 | 浏览: 52
如果不清楚innerhtml的脚本如何运行的可以参考这篇文章下面的代码目的就是防止有些网站需要将一些特别的广告放到script中,大家可以完...
JavaScript使用escape()、encodeURI()和decodeURI()实现URI编码解码
2024-06-02 12:53 | 分类:编程语言 | 评论:0 次 | 浏览: 53
一、uri编码解码1、编解码一个字符串(淘汰)ecmascript v3 反对使用该方法,应使用 decodeuri() 和 decodeu...
JavaScript中isPrototypeOf、instanceof和hasOwnProperty函数的用法详解
2024-06-02 12:53 | 分类:编程语言 | 评论:0 次 | 浏览: 51
isprototypeof作用:检测一个对象是否是另一个对象的原型。或者说一个对象是否被包含在另一个对象的原型链中var p = {x:1}...
ECharts中实现x轴中的坐标以不同间距显示的效果
2024-05-31 21:00 | 分类:编程语言 | 评论:0 次 | 浏览: 0
1、需求描述 我们日常在使用ECharts实现曲线图或柱状图的时候,x轴上的坐标都是等距离显示的。 ...
js截取video视频某一帧做封面的简单案例(附完整代码)
2024-05-29 13:20 | 分类:编程语言 | 评论:0 次 | 浏览: 59
可以使用canvas元素来截取视频某一帧并生成封面。首先,在video标签上设置视频源地址和自动播放属性:<video src="vi...
使用JavaScript实现获取audio时长
2024-05-29 13:20 | 分类:编程语言 | 评论:0 次 | 浏览: 64
写js时在网上找了很多获取音频时长都获取不到,然后搜索各种试最后终于可以,记录下来方便以后使用。// 音频加载完成后的一系列操作functi...
Js如何使用ffmpeg进行视频剪辑和画面截取等功能
2024-05-29 13:20 | 分类:编程语言 | 评论:0 次 | 浏览: 55
ffmpeg使用场景是需要在web端进行视频的裁剪,包括使用在线视频url或本地视频文件的裁剪,以及对视频内容的截取等功能。前端进行视频操作...
JS中如何让异步执行的方法同步执行
2024-05-28 13:25 | 分类:编程语言 | 评论:0 次 | 浏览: 59
前言js中的方法默认是异步执行的,但是有时候我们有需要同步的执行一些方法,这时就需要用到async和await来进行操作,使得函数内部的方法...
JavaScript实现数字格式化的示例详解
2024-05-28 13:25 | 分类:编程语言 | 评论:0 次 | 浏览: 58
在处理数字时,为了提高可读性,我们通常会将整数部分的数字以千分位或百分位分隔。例如,将数字1000格式化为1,000。这种格式化操作在财务报...