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