- 博客(39)
- 收藏
- 关注
原创 Canvas 动态高度文本图片生成器
这是一个基于Canvas的文本图片生成器HTML页面,具有以下功能特点:1. 支持动态计算文本高度,自动换行;2. 提供字体大小、行距调整功能;3. 可切换亮/暗主题;4. 支持图片下载;5. 采用响应式设计,适配不同设备。页面包含文本输入区、控制按钮区和预览区,通过JavaScript实现文本测量、Canvas渲染和图片生成功能,并加入防抖处理优化性能。
2025-08-25 17:54:01
204
原创 PDA扫码监听广播模式
本文介绍了在PDA设备上通过广播模式实现扫码监听的方法。针对PDA原生扫码仅支持输入框赋值的限制,提出了基于Android广播机制的解决方案:1)修改PDA扫码软件广播模式;2)通过工具类封装广播监听功能,包括初始化、启动/停止监听等操作;3)采用混入模式简化页面调用,自动处理生命周期。实现方式支持回调函数和事件监听两种模式,并提供了完整的代码示例,包括广播接收器实现、混入逻辑和使用说明。该方法解决了传统PDA扫码无法监听的问题,便于在业务逻辑中处理扫码结果。
2025-08-15 15:18:00
703
1
原创 前端vue压缩静态图片,压缩gif动态图片
前端vue压缩静态图片,压缩gif动态图片 1.下载 npm i gifsicle-wasm-browser --save 包。可能是因为插件的原因,4mb以上进行压缩时间比较合适,小于4mb就不建议压缩了。2.在需要的页面或组件引入。压缩案例对比图:查看下图。
2024-09-19 14:21:23
1080
1
原创 451 Unavailable For Legal Reasons - GET https://registry.npmmirror.com/- - [UNAVAILABLE_FOR_LEGAL_RE
直接执行最下面那行代码,通过华为的源来进行npm i,如果不行再换一下其他源进行下载,同事小编还在网上看到有人说删除。
2024-08-15 15:49:23
2050
原创 git的一些操作指令
git 提交规范,初始化和拉取代码,分支切换创建删除和合并分支,提交代码,项目开发到需求开发到一半需要改别的分支的bug,项目开发到一半,需要拉取同事新提交的代码
2024-08-09 15:01:37
473
3
原创 uniapp上传图片,上传头像,多张图片上传,图片回显,图片删除,图片预览
【代码】uniapp上传图片,上传头像,多张图片上传,图片回显,图片删除,图片预览。
2024-01-04 11:50:48
1333
原创 vue3 vite 打包 二级目录刷新空白
控制台报错:Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.打包路径问题,修改vite.config.ts文件的base。
2023-09-08 17:30:13
960
原创 vue3 电子书 pdf转图片 pdf实现翻页效果 pdfjs-dist、turn.js电子书翻页效果
【代码】vue3 电子书 pdf转图片 pdf实现翻页效果 pdfjs-dist、turn.js电子书翻页效果。
2023-07-18 10:25:36
6611
14
原创 vue3 Transition 属性 mode=“out-in“ 页面跳转出现空白
vue3 Transition 属性 mode="out-in" 页面跳转出现空白
2023-05-15 09:47:14
2279
9
原创 uniapp多行滚动通知 上下多行滚动 公告通知 单行消息列 多行消息列
uniapp多行滚动通知 上下多行滚动 公告通知 单行消息列 多行消息列
2023-03-22 14:25:25
1458
原创 vue3 element plus el-tree树形控件懒加载默认展开
vue3 element plus el-tree树形控件懒加载默认展开 element
2023-03-14 11:44:15
3207
原创 前端实现 微信扫码登录网站 pc端(二维码嵌套页面) 超详细,包会
前端实现 微信扫码登录网站 pc端(二维码嵌套页面) 超详细,包会,微信扫码登录网页,详细解说,嵌套页面二维码 扫码登录
2023-03-01 23:00:06
16218
7
原创 vue3动态路由(简单实操demo), vue3+pinia+router4+typeScript
vue3动态路由(简单实操demo), vue3+pinia+router4+typeScript
2022-11-29 16:07:52
4426
1
原创 Component provided template option but runtime compilation is not supported in this build of Vue. Co
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js". at
2022-11-25 16:48:25
3580
2
原创 ERROR Error: command failed: yarn
创建Vue项目的时候报错,当前这个报错可能是假象,看是上下文是否有下面的报错:如果有当前报错的话在cmd里执行:yarn config set ignore-engines true如果没有的话请参考:创建vue-cli 项目,报错 ERROR command failed: yarn_王小王和他的小伙伴的博客-优快云博客_command failed: yarn...
2022-05-28 11:21:15
2910
2
原创 eslint-plugin-vue@8.7.1: The engine “node“ is incompatible with this module. Expected version “^12.2
项目创建失败解决方式:在cpm输入运行以下命令: yarn config set ignore-engines true
2022-05-28 11:11:27
3889
8
原创 call() apply() bind() 三者的区别
call() 改变指向,也可以用着继承 let obj1 = { name: 'andy' } function fn1(a, b) { console.log(this); console.log(a + b); } //第一个参数为改变指向,后面的参数(多个)都为实参,传给调用者 fn1.call(obj1, 1, 2);apply().
2021-10-25 00:06:34
85
1
原创 forEach、filter、some 的区别
相信大家肯定知道这三个ES5新增的方法,接下来我们说说他们之间的区别forEach() //1. forEach 迭代(遍历) 数组 相当于循环遍历每一个数组,跟for循环很类似 let arr1 = [1, 2, 3, 4]; arr1.forEach((value, index, array) => { console.log('每个数组元素' + value); console.log('每个数组元素的索引
2021-10-20 17:40:30
354
原创 onmouseover和onmouseenter的区别,onmouseout和onmouseleave的区别
onmouseover和onmouseout 鼠标经过触发,同时会冒泡执行,他的子元素都会执行onmouseenter和onmouseleave 鼠标经过触发,但是他不会进行冒泡行为,里面的子级不算在执行函数上
2021-10-14 11:54:41
206
原创 js制作倒计时,天,小时,分,秒
假如一开始不调用一次的话,直接用定时器调用的话就会出现一秒钟的空白时间,所以需要先调用一次再来执行定时器<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="
2021-10-08 18:01:16
361
原创 js递归处理,递归详解
1.使用for循环来实现递归var arr = [1, 5, 1,[8, [6, 5], 4, 5], 5, 4, [5, 2, 8], 7, 5]; function tiGui(arr){ var arboy=[] for(var i=0;i<arr.length;i++){ //判断arr的第i个是否为数组,为数组就重新执行该函数 if((arr[i] instanceof Array)==true){ //因为执行该函数返回的还是一个数组,所以需要拼
2021-09-30 00:11:48
849
1
原创 判断是否为数组,数组
判断一个变量是否为数组有两种方式第一种为:instanceof用法:let arr = [];console.log(arr instanceof Array); //返回true第二种为:isArray用法:let arr = [];console.log(Array.isArray(arr)); //返回true
2021-09-25 17:01:58
121
2
原创 使用js基础实现增删查改
在这里我们可以先定义一个全局的数组,来保存我们每次添加到的数据,在获取所有需要的元素添加:根据点击到的元素来判断是否为空和添加元素删除:在添加的时候我们就已经给每个删除需要使用到的元素设了点击事件,所以我们删除的时候很简便,不用再去循环添加的元素了在这里我们要注意一下,因为我们删除掉代码,他前面的排序就会出先不对等的排序,所以要重新给他排序编辑:这里我们编辑点击完以后是会直接更改a标签里面的文本,打个比方我们可以想象a标签有二部分,第一步我们点击的时候改变元素和添加in...
2021-09-18 17:10:38
1432
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅