- 博客(25)
- 资源 (8)
- 收藏
- 关注
原创 vue2基于video.js,v8.21.0自己设计一个视频播放器
刚开始在网上下了点视频教程想着用些电脑自带的播放器。后来级数太多了,操作不方便。播放、暂停、静音、1倍速、1.5倍速、2倍速、⏪5秒、⏩5秒、上一节、下一节。痛点是是视频教程本身带来的,不方便反复的找重点。然后 再建一个 video006-c.vue 作为视频播放组件。另外有个 list-data.js 文件 作文存放 列表数据的。就基于video.js,设计了各种功能,鼠标移到上方显示。在vue2项目中建个 list.vue 文件。然后修改对应信息 就可以正常播放了。这里的 资源放到 public 下。
2025-04-11 15:52:56
234
原创 浅谈前端开发中的 npm、cnpm、pnpm、yarn各自特点
工具优点缺点适用场景npm官方、稳、兼容性好慢、不严格通用项目cnpmnpm 镜像,适合国内会有依赖问题,不推荐生产用临时开发pnpm快、省、严格、支持 Monorepo学习成本略高中大型项目yarn稳定、缓存、lock 文件机制优社区活跃度降低老项目 / Facebook 生态corepack管理 yarn/pnpm 版本本身不是包管理器用于团队统一工具版本国内开发,首选pnpm,配置淘宝镜像,不混用工具,不删 lock 文件,一路顺风!
2025-04-11 13:32:45
582
原创 一个很好用的vue2在线签名组件
这款 Vue2 在线签名组件在功能、易用性和兼容性等方面都表现出色,为我们的项目开发带来了极大的便利。在未来的工作中,随着业务需求的不断拓展,我们也期待该组件能够持续更新和完善,比如增加更多的签名特效、支持多人签名等功能。同时,我也希望将这款好用的组件推荐给更多的前端开发者,让大家在遇到类似需求时能够少走弯路,共同提升前端开发的效率和质量。在前端开发的日常工作中,我们常常会遇到需要用户进行在线签名的需求,比如电子合同签署、表单确认等场景。上代码 在 views 下将一个vue文件比如。
2025-04-09 18:02:36
325
原创 前端实现docx格式word文件预览,可以兼容原生、vue2、以及uni-app 项目,详细步骤。
这一篇记录下docx文件预览。接着引入的`jszip.min.js`则是用于处理压缩文件的库,因为docx文件本质上是一种基于ZIP格式的压缩文件,通过这个库,我们能够对docx文件内部的结构进行解压缩和解析操作,为后续的内容提取和展示做准备。前端利用上述引入的JavaScript库,迅速对文件进行处理。然后,`docx-preview.js`发挥作用,它根据文件内部的XML结构,将文本内容按照正确的格式排版,同时处理图片的加载和定位,最终在浏览器页面上呈现出与原始docx文件几乎一致的视觉效果。
2025-04-08 14:38:20
586
原创 详细介绍前端实现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
359
原创 js 处理时间一些函数
对于前端来说 关于 时间的各种 转换是是经常遇到的问题。今天记录下,省的来回查。有需要的可以借鉴下。这是在vue2 项目下 用到的。需要安装 moment。我安装的是 "moment": "^2.29.4",时间不够用 注释写得不够细,有啥问题可以私信我。
2024-04-18 15:35:03
539
原创 NPM 详解
通过 NPM,开发者可以方便地访问数以百万计的开源代码包,以及管理项目所需的依赖项。它通常位于项目的根目录下,是一个 JSON 格式的文件,包含了项目的名称、版本、描述、入口文件、依赖项等信息。总的来说,NPM 是 JavaScript 生态系统中的核心组件之一,为开发者提供了丰富的工具和资源,帮助他们更轻松地管理和分享代码。:项目的许可证信息,指定了项目的开源许可证类型,如 MIT、Apache-2.0 等。:指定了项目的 peer 依赖,即对其他包的版本有要求,但不在项目的。
2024-04-18 14:16:31
956
原创 nodeJs 实现视频的转换(超详细教程)
前段时间拿到一个视频是4k的,没法播放,于是通过 node.js 和 ffmpeg 实现了视频的转换。在win10 系统下实现。ffmpeg-5.1.1-essentials_build 解压后重名 ffmpeg 放到C盘 然后配置下环境变量。demo 文件夹下再建一个demo文件夹 里面放一个视频 命名为demo_4k.mp4。node-server文件下建一个server.js。Git-2.42.0.2-64-bit 直接安装。demo文件下建一个node-server。建一个demo 的文件夹,
2024-04-02 16:56:20
1928
原创 文件上传加进度条,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
237
原创 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
278
原创 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
2327
原创 文件上传加进度条,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
1085
原创 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
7329
原创 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
2746
原创 一个数组排序的例子(多维数字组成的数组)
<script type="text/javascript">var arr = [1,23,25,[2,55],99,[3,[995,31,29]]];var str = arr.toString();console.log(str);//1,23,25,2,55,99,3,995,31,29var arr = str.split(',');console.log(...
2019-09-17 16:49:34
330
原创 解决Ajax请求结果的缓存问题(参数无变化)
<div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post"> <link rel="stylesheet&am
2018-06-15 16:36:43
3914
原创 js闭包函数的实例
今天用了一天的时间,看了一下关于js的闭包函数。好像是明白了它的含义以及用法。如果欠考虑了,希望能指出。函数定义和函数表达式 位于另一个函数体内,而且 这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数 , 就叫做闭包函数。实例 <script type="text/javascript">// 测试是否 身体比例 身高和体重比例是否正常//...
2018-05-16 15:28:30
1683
原创 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
171
原创 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
2401
2
原创 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
18111
2
【Linux系统管理】常见50个命令详解:涵盖文件操作、文本处理、权限管理及网络工具使用指南
2025-04-09
前端开发初级前端工程师面试题集:涵盖HTML、CSS、Vue2/3及综合知识点解析
2025-04-09
vue2在线签名组件 基于vue-esignv1.0.5
2025-04-09
前端实现docx格式word文件预览,可以兼容原生、vue2、以及uni-app 项目
2025-04-08
Java编程泛型与通配符常见面试题解析:核心概念、应用场景及代码示例汇总
2025-04-07
Go语言面试题详解:涵盖核心概念、并发模型及内存管理
2025-03-31
Java IO模型详解:同步阻塞、非阻塞及异步IO的应用与优化
2025-03-28
高级Java工程师面试经验分享:Spring、MySQL、DDD及消息队列技术解析
2025-03-28
2022年Java后端面试经验分享:涵盖核心技术与实战技巧
2025-03-27
数据库领域常见SQL优化手段及其应用
2025-03-27
Go语言1.17版本的新特性解析:语法、模块机制及编译器优化
2025-03-27
Sublime Text3手动安装插件指南:Package Control与常用插件安装步骤
2025-03-27
Java网络编程中Netty常见面试题总结
2025-03-26
Redis安装与配置指导:Docker环境下Redis单机版、集群、哨兵模式搭建
2025-03-26
CentOS 7.8环境中MySQL 8.0.23的安装与配置指南
2025-03-25
详解Nginx核心技术与应用场景之全面解析及其面试要点
2025-03-25
Windows环境下基于VirtualBox安装CentOS7虚拟机并配置网络连接
2025-03-25
web实现PDF预览功能 原生html、vue、uni-app 均可以 离线模式也可以访问
2024-12-04
nodeJS安装包 版本v16,以及相关得安装教程
2024-04-14
javaEE + MySql网络考试系统的实现(源码+数据库sql)
2024-04-14
IntelliJ IDEA 的 Win 和 Mac 快捷键大全
2024-04-10
web前端,vue、three 实现城市3d展示
2024-04-03
win10系统 64位 ffmpeg、node等技术 实现视频的转换
2024-04-02
前端web select 多层级选择 利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下
2022-03-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人