
js
逆风优雅
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Nuxt.js 根据不同环境变量 运行、打包不同内容
其次 在nuxt.config.ts中配置。原创 2025-04-17 12:02:51 · 269 阅读 · 0 评论 -
gridstackjs 的使用
使用这种方式定义元素的宽高和位置,我的项目的设计稿的宽是1408px, 我这边把gird设置成12列 ,column:12,所以一列的宽度就是 1408/12= 117px, 然后第一个内部第一个元素的宽是180px,所以第一个元素的w是180/117 = 2 , 内部元素的 每列的高度都是350px,所以我这边设置了cellHeight为122,因此 h 都是3 ,第一个元素的位置是x:0 y:0,(表示0列0行),第二个元素的位置是x:2 ,y:0 (表示从第二列开始 第0行)原创 2025-04-14 10:23:58 · 482 阅读 · 0 评论 -
JavaScript 错误 - Throw 和 Try to Catch的使用
trycatchthrow上面的代码 因为 try中 没有adddlert这个方法,或者这个方法有误,这时,代码会执行catch部分。JavaScript 实际上会创建带有两个属性的Error 对象name和message。原创 2024-08-23 11:58:39 · 1266 阅读 · 0 评论 -
input 控制光标所在的位置
需求:鼠标一点击input输入框 就要将焦点至于 输入框的最后面,使用户不能在内容的中间 删除或者修改。可以通过length的值 设置光标处于 input输入框所在的位置。原创 2024-08-16 11:55:27 · 1032 阅读 · 0 评论 -
H5 录音功能
git 地址:有文档和demo 可以查看。原创 2024-04-29 17:06:43 · 1282 阅读 · 3 评论 -
原生 js 实现 验证码输入效果
原理: 第一个输入框获取焦点,输入完内容后,后面的自动获取焦点,当删除的时候,当前删除完之后,前面的自动获取焦点 删除。原创 2023-12-27 17:19:15 · 2103 阅读 · 0 评论 -
js 图片 手动上传,并回显
【代码】js 图片 手动上传,并回显。原创 2023-12-21 11:51:11 · 642 阅读 · 0 评论 -
正则 实现input 数字输入自动添加千分位
【代码】正则 实现input 数字输入自动添加千分位。原创 2023-12-11 19:48:11 · 332 阅读 · 0 评论 -
input 输入框自动添加 - 实现 000-00-0000格式
【代码】input 输入框自动添加 - 实现 000-00-0000格式。原创 2023-12-05 15:58:14 · 267 阅读 · 0 评论 -
FileSaver.js 封装的blob文件数据流下载方法
项目使用elementPlus,进行文件下载的动画效果。原创 2023-08-25 18:55:57 · 818 阅读 · 0 评论 -
vue 后台管理系统登录 记住密码 功能(Cookies实现)
【代码】vue 后台管理系统登录 记住密码 功能(Cookies实现)原创 2023-08-25 09:12:41 · 818 阅读 · 0 评论 -
vue3 tailwindcss的使用
完成以上步骤就可以在标签中直接使用 tailwind 提供的相关类名了。然后vite.config.ts中 引入。会在项目根目录下面生成两个文件。原创 2023-08-21 16:12:49 · 1533 阅读 · 0 评论 -
html 解决css样式 缓存 ---css引入添加时间戳
通过js 对引入的css添加时间戳。原创 2023-07-19 15:54:44 · 1180 阅读 · 0 评论 -
锚点定位 滚动条平滑滚动的方式
window.scrollTo(x, y) 可以通过传入文档(HTML 中的 document)中的x轴坐标和y轴坐标将页面滚动到某个位置。behavior 属性表示滚动行为,其类型为 String,可选值有 3 个:smooth (平滑滚动 )、instant (瞬间滚动)、auto (默认值)。该方法支持传入一个 scrollIntoViewOptions 对象,其中的 behavior 属性定义滚动时的动画过渡效果,可选值为 auto 或 smooth,默认值为 auto,无动画效果;原创 2023-06-30 12:05:19 · 1097 阅读 · 0 评论 -
原生js 如何获取div 下面的input
元素,你需要根据具体情况使用更具体的选择器或 id 来确保获取到正确的元素。在原生 JavaScript 中,你可以使用。替换为你实际的元素 id。请注意,如果你的页面中存在多个满足条件的。替换为你实际的选择器或。在上述代码中,你需要将。原创 2023-06-21 16:41:36 · 3408 阅读 · 0 评论 -
js 工具函数 深拷贝
【代码】js 工具函数 深拷贝。原创 2023-06-21 10:36:18 · 157 阅读 · 0 评论 -
js 节流函数 和 防抖函数
使用时,直接 调用 方法,方法的第一个参数是 我们要执行的操作。原创 2023-06-21 10:19:33 · 109 阅读 · 0 评论 -
多维数组合并成一个数组,并去重
【代码】多维数组合并成一个数组,并去重。原创 2023-06-21 10:15:41 · 207 阅读 · 0 评论 -
js数据处理 金额 千分位展示
【代码】js数据处理 金额 千分位展示。原创 2023-06-21 09:59:05 · 362 阅读 · 0 评论 -
luckysheet和luckyexcel共同使用用于解析xlsx 文件
通过npm i luckysheet 安装依赖,将其中的文件复制到项目public下。注意:luckyexcel 只支持.xlsx格式文件(不支持.xls)。安装: 可以cdn方式 可以将 将文件引入项目本地。然后 安装LuckyExcel 依赖。直接复制到index.html中。然后在index.html中引入。options的部分配置。dom中绑定唯一id。原创 2023-06-01 17:40:02 · 1233 阅读 · 0 评论 -
js 文件下载(blob文件数据流 文件上传和文件下载,url文件下载)
Bolb格式:new Blob( array, options );通过input type=file 即可实现文件的上传。使用封装好的axios 进行文件的下载。原创 2023-05-25 14:43:27 · 1590 阅读 · 0 评论 -
Math.floor实现 数据保留两位小数或保留四位小数
【代码】Math.floor实现 数据保留两位小数或保留四位小数。原创 2023-05-19 15:49:41 · 1199 阅读 · 0 评论 -
word excel pdf 在线预览的方法
【代码】word excel pdf 在线预览的方法。原创 2023-04-27 17:27:42 · 1067 阅读 · 0 评论 -
禁止 input type=number 鼠标滚动 数值变化
mousewheel.prevent 阻止鼠标滑动的默认事件,其中 DOMMouseScroll.prevent 为火狐浏览器中的阻止事件。原创 2023-04-27 16:53:39 · 633 阅读 · 0 评论 -
前端 项目播放视频的方式
2. 可以使用 iframe 播放。1. 可以使用video 进行。原创 2023-04-25 10:35:55 · 1065 阅读 · 0 评论 -
前后端不分离项目如何使用elementUI
然后就可以使用了,使用方法和vue中使用element方法一致、首先,去官网下载element 的js和css和字体等文件。其次,分别将js和css 引入到项目。原创 2023-04-18 18:59:42 · 1138 阅读 · 0 评论 -
ES7提供的async & await处理异步函数
// 语法:async function name([param[, param[, ... param]]]) { statements } // name: 函数名称。 // param: 要传递给函数的参数的名称。 // statements: 函数体语句。原创 2023-03-02 14:02:28 · 212 阅读 · 0 评论 -
js 修改树形结构的键名
【代码】js 修改树形结构的键名。原创 2023-02-17 10:29:09 · 336 阅读 · 0 评论 -
echarts 树图案例
【代码】echarts 树图案例。原创 2023-02-16 17:46:08 · 3000 阅读 · 0 评论 -
多个v-if v-else判断的优化
【代码】多个v-if v-else判断的优化。原创 2022-12-19 18:04:05 · 1219 阅读 · 0 评论 -
逻辑运算符 ?? 和 || 对比
【代码】逻辑运算符??和 || 对比。原创 2022-12-14 15:48:04 · 518 阅读 · 0 评论 -
数据处理--循环对象并修改满足条件的对象的值
【代码】数据处理--循环对象并修改满足条件的对象的值。原创 2022-12-13 11:57:24 · 567 阅读 · 0 评论 -
flex常用标题布局
【代码】flex常用标题布局。原创 2022-12-01 10:42:09 · 254 阅读 · 0 评论 -
es6 模板字符串
杜甫原创 2022-11-28 10:55:36 · 248 阅读 · 0 评论 -
数组处理:es6 去除两个数组中元素相同的元素
【代码】数组处理:es6 去除两个数组中元素相同的元素。原创 2022-11-17 21:25:00 · 854 阅读 · 0 评论 -
Promise.all() 的使用
首先Promise.all() 中要传入的是一个数组, .all 会等待这个数组中的每一项都完成后,才会进入到。上面代码的意思:遍历数组,返回每项中的请求,待所有的请求都结束后,会进入到 .then中,执行下面的操作。中,如果其中有一项出错了,就会进入到。原创 2022-10-12 12:01:08 · 562 阅读 · 0 评论 -
通过 replace() 和正则实现 将文本中的所有数字颜色高亮
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。repalce( a, b ) 必须传两个值,其中a 是要替换的文本,或者满足条件的正则。b是 要替换成的文本或内容。...原创 2022-09-01 09:04:48 · 509 阅读 · 0 评论 -
剔除数组中的 null和undefined
【代码】剔除数组中的 null和undefined。原创 2022-08-23 09:30:30 · 438 阅读 · 0 评论 -
对象处理--将对象中 为null和undefined的元素去除
【代码】对象处理--将对象中 为null和undefined的元素去除。原创 2022-08-19 14:11:09 · 631 阅读 · 0 评论 -
js 将1天 划分成96段
代码】js 将1天 划分成96段。原创 2022-08-12 11:47:57 · 425 阅读 · 0 评论