- 博客(37)
- 收藏
- 关注
原创 前端vue压缩静态图片,压缩gif动态图片
前端vue压缩静态图片,压缩gif动态图片 1.下载 npm i gifsicle-wasm-browser --save 包。可能是因为插件的原因,4mb以上进行压缩时间比较合适,小于4mb就不建议压缩了。2.在需要的页面或组件引入。压缩案例对比图:查看下图。
2024-09-19 14:21:23
817
1
原创 451 Unavailable For Legal Reasons - GET https://registry.npmmirror.com/- - [UNAVAILABLE_FOR_LEGAL_RE
直接执行最下面那行代码,通过华为的源来进行npm i,如果不行再换一下其他源进行下载,同事小编还在网上看到有人说删除。
2024-08-15 15:49:23
1743
原创 git的一些操作指令
git 提交规范,初始化和拉取代码,分支切换创建删除和合并分支,提交代码,项目开发到需求开发到一半需要改别的分支的bug,项目开发到一半,需要拉取同事新提交的代码
2024-08-09 15:01:37
378
3
原创 uniapp上传图片,上传头像,多张图片上传,图片回显,图片删除,图片预览
【代码】uniapp上传图片,上传头像,多张图片上传,图片回显,图片删除,图片预览。
2024-01-04 11:50:48
1228
原创 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
892
原创 vue3 电子书 pdf转图片 pdf实现翻页效果 pdfjs-dist、turn.js电子书翻页效果
【代码】vue3 电子书 pdf转图片 pdf实现翻页效果 pdfjs-dist、turn.js电子书翻页效果。
2023-07-18 10:25:36
5528
13
原创 vue3 Transition 属性 mode=“out-in“ 页面跳转出现空白
vue3 Transition 属性 mode="out-in" 页面跳转出现空白
2023-05-15 09:47:14
2098
8
原创 uniapp多行滚动通知 上下多行滚动 公告通知 单行消息列 多行消息列
uniapp多行滚动通知 上下多行滚动 公告通知 单行消息列 多行消息列
2023-03-22 14:25:25
1317
原创 vue3 element plus el-tree树形控件懒加载默认展开
vue3 element plus el-tree树形控件懒加载默认展开 element
2023-03-14 11:44:15
2927
原创 前端实现 微信扫码登录网站 pc端(二维码嵌套页面) 超详细,包会
前端实现 微信扫码登录网站 pc端(二维码嵌套页面) 超详细,包会,微信扫码登录网页,详细解说,嵌套页面二维码 扫码登录
2023-03-01 23:00:06
14456
7
原创 vue3动态路由(简单实操demo), vue3+pinia+router4+typeScript
vue3动态路由(简单实操demo), vue3+pinia+router4+typeScript
2022-11-29 16:07:52
4274
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
3477
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
2876
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
3833
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
66
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
323
原创 onmouseover和onmouseenter的区别,onmouseout和onmouseleave的区别
onmouseover和onmouseout 鼠标经过触发,同时会冒泡执行,他的子元素都会执行onmouseenter和onmouseleave 鼠标经过触发,但是他不会进行冒泡行为,里面的子级不算在执行函数上
2021-10-14 11:54:41
160
原创 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
324
原创 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
818
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
95
2
原创 使用js基础实现增删查改
在这里我们可以先定义一个全局的数组,来保存我们每次添加到的数据,在获取所有需要的元素添加:根据点击到的元素来判断是否为空和添加元素删除:在添加的时候我们就已经给每个删除需要使用到的元素设了点击事件,所以我们删除的时候很简便,不用再去循环添加的元素了在这里我们要注意一下,因为我们删除掉代码,他前面的排序就会出先不对等的排序,所以要重新给他排序编辑:这里我们编辑点击完以后是会直接更改a标签里面的文本,打个比方我们可以想象a标签有二部分,第一步我们点击的时候改变元素和添加in...
2021-09-18 17:10:38
1389
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人