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