web
关注
分享
扫一扫
zooKevin
读万卷书不如行万里路，行万里路不如阅人无数，阅人无数不如名师指路。
展开
-
一个很好用的vue2在线签名组件
这款 Vue2 在线签名组件在功能、易用性和兼容性等方面都表现出色，为我们的项目开发带来了极大的便利。在未来的工作中，随着业务需求的不断拓展，我们也期待该组件能够持续更新和完善，比如增加更多的签名特效、支持多人签名等功能。同时，我也希望将这款好用的组件推荐给更多的前端开发者，让大家在遇到类似需求时能够少走弯路，共同提升前端开发的效率和质量。在前端开发的日常工作中，我们常常会遇到需要用户进行在线签名的需求，比如电子合同签署、表单确认等场景。上代码 在 views 下将一个vue文件比如。原创 2025-04-09 18:02:36 · 487 阅读 · 0 评论 -
前端实现docx格式word文件预览，可以兼容原生、vue2、以及uni-app 项目，详细步骤。
这一篇记录下docx文件预览。接着引入的`jszip.min.js`则是用于处理压缩文件的库，因为docx文件本质上是一种基于ZIP格式的压缩文件，通过这个库，我们能够对docx文件内部的结构进行解压缩和解析操作，为后续的内容提取和展示做准备。前端利用上述引入的JavaScript库，迅速对文件进行处理。然后，`docx-preview.js`发挥作用，它根据文件内部的XML结构，将文本内容按照正确的格式排版，同时处理图片的加载和定位，最终在浏览器页面上呈现出与原始docx文件几乎一致的视觉效果。原创 2025-04-08 14:38:20 · 888 阅读 · 0 评论 -
详细介绍前端实现PDF预览功能(原生、vue2、uniapp 均可)
今天项目中又遇到了。记得以前在uniapp项目中实现过一次。这一次是在vue2 项目中实现。http://localhost:3000 是你的 项目启动地址 线上是 http://xxxx.com。如果是vue2 项目便是将 pdf.html 和 build文件夹放在public 文件夹。实现起来也是比较简单的事情。一个原生的htm.比如 pdf.html。pdf.html 是public 下的pdf.html 文件。xxxxx.pdf 是pdf文件的全路径。row.path 是这条是数据的文件路径。原创 2025-04-08 13:57:54 · 618 阅读 · 0 评论 -
nodeJS下npm和yarn的关系和区别详解
最近开发的项目，用npm安装包总是报错。尝试下用yarn 来处理。顺带记录下对应关系和区别原创 2025-01-02 11:07:57 · 746 阅读 · 0 评论 -
js 处理时间一些函数
对于前端来说 关于 时间的各种 转换是是经常遇到的问题。今天记录下，省的来回查。有需要的可以借鉴下。这是在vue2 项目下 用到的。需要安装 moment。我安装的是 "moment": "^2.29.4",时间不够用 注释写得不够细，有啥问题可以私信我。原创 2024-04-18 15:35:03 · 561 阅读 · 0 评论 -
srt 字幕格式 和 json数组之间的相互转换
srt 于js 数组之间相互转换原创 2022-07-10 18:05:03 · 1353 阅读 · 1 评论 -
js toFixed
今天在工作中 忽略了toFixed格式化后的类型导致了失败。上代码var nowTime = 3.00966;nowTime = nowTime.toFixed(2);var endTime = 21.091;endTime = endTime.toFixed(2); console.log(nowTime);// 3.01console.log(endTime);// 21.09console.log(typeof nowTime);// stringconsole.log(t.原创 2022-03-09 15:09:25 · 289 阅读 · 0 评论 -
ztree.js 实现下拉单选和多选的例子
ztree 实现多层级下拉效果。原创 2022-03-02 15:44:43 · 2508 阅读 · 0 评论 -
echart 的各大国家城市坐标
{ '美国': [-73.97622, 40.757498], // 纽约 '加拿大': [-109.404347, 60.638178], '澳大利亚': [137.708144, -25.328065], '中国': [116.512885, 39.847469], '捷克': [116.413384, 39.910925], '新加坡': [103.413384, 1.910925], '阿富汗': [69.132386, 34.739287..原创 2021-11-17 17:37:23 · 2353 阅读 · 0 评论 -
文件上传加进度条，layer 弹出进度
CSS.process-bar-wrapper{ background-color: #FFF; width: 360px; height: 34px; position: relative; padding: 0; margin: 0; overflow: hidden; border-radius: 2px;}.process...原创 2019-11-05 16:28:55 · 1113 阅读 · 0 评论 -
文件上传加进度条，layer 弹出进度
CSS.process-bar-wrapper{ background-color: #FFF; width: 360px; height: 34px; position: relative; padding: 0; margin: 0; overflow: hidden; border-radius: 2px;}.process...原创 2024-04-02 14:39:20 · 252 阅读 · 0 评论 -
css3实现边框border的颜色渐变
给一个右边框实现 颜色渐变。中间深两边浅.box{ border-right: 1px solid; border-image: -webkit-linear-gradient(#F8F8F8 , #AAA , #F8F8F8)1 10 1; /* 控制边框颜色渐变 */ border-image: -moz-linear-gradient(#F8F8F8 , #AAA , #F8F...原创 2019-09-25 12:23:04 · 7360 阅读 · 0 评论 -
css3实现360度旋转的圆
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转</title></head><style>.wrapper{ width: 600px; height:600px; background:...原创 2019-09-22 18:27:29 · 2769 阅读 · 0 评论 -
css的优先级整理
一.css权重依次减弱1）内联样式 <p style="color: red;">css demo</p> //在标签上加的style 优先级最高2）id选择器 <style type="text/css"> #red{ color: red; } </style> <p id=&qu原创 2018-04-13 17:40:03 · 179 阅读 · 0 评论 -
select标签设置multiple属性，如何获取值
select标签通过设置multiple属性和size属性，就可以实现多选，且从下拉框变成了列表框。然而 用form提交时只能得到最后一个被选中的，然后我就临时记录了这点代码，可能对我或者他人有点作用上代码 text.html：<form action="post.php" method="post"> 选择年份<br> <select id="years" na...原创 2018-04-04 14:19:17 · 18145 阅读 · 2 评论 -
angular 实现一键复制
其实还是拿js实现的 只是在angular中实现的 demo.html<div> <!-- 写一个input框 且不能隐藏 通过样式挪到屏幕外 --> <input type="text" name="selectCopy" id="selectCopy" ng-model="copyvalue" style="pos原创 2018-04-10 10:32:46 · 2421 阅读 · 2 评论