- 博客(100)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 vite项目创建攻略【附常见报错】
检查可用的create-vite版本，建议指定版本创建项目，很多人会使用npx create-vite@latest创建版本，这样默认使用最新的，可能导致因与node版本不匹配导致的报错。代表当前node版本过低，要升到20以上版本（具体版本报错中会有）。代表当前node版本特别低。我把node项目改到19可以了。然后我们来到项目目录下的 verifyCommit 文件。执行npm i，npm run dev。在执行npm run dev时出现。在创建vite项目时出现。
2025-10-11 14:26:34
311
1
原创 期约终止：页面数据永远正确的秘密
tab频繁切换，页面展示的数据和tab对不上？接口快慢不一，页面展示的数据是最慢接口的数据，而不是最新的数据？如果在新的请求发出前，能够终止之前的操作就好了！
2025-09-13 13:45:33
231
原创 【图片下载】Base64&Blob&页面元素图片下载（无脑复制）
这篇文章提供一个类，复制即可使用，可以通过Base64或Blob数据下载图片，并自动生成智能化文件名，提供了Base64与Blob相互转换的方法，实现了从DOM元素捕获图像并下载的功能，需配合html2canvas库） 代码结构清晰，导出了一个简便的getShareImgFile方法，支持两种参数调用方式。对于不同场景（远程链接、页面元素截图）也给出了解决方案，覆盖了常见的图片下载需求。最后还提到了微信小程序中的限制，体现了对不同平台的考虑。
2025-08-26 16:59:31
231
原创 微信/企微/APP: 扫码唤起APP页面需求实现手册
摘要 本文介绍了在微信和企业微信中实现网页跳转App的授权与配置流程。首先通过UA判断运行环境（微信/企微），并拼接授权链接获取用户参数。微信环境下需使用wx.config注册开放标签wx-open-launch-app，企微则建议引导用户至浏览器打开。微信未安装App时通过监听error事件跳转下载页，企微通过定时器检测是否成功唤起App，失败则跳转下载。关键点包括环境判断、签名获取、开放标签配置及异常处理。
2025-08-12 15:41:17
511
原创 百度地图和地图标志物可移动绘制（简单好用 复制即可 vue3）
百度地图api在vue端的使用，包含地图和自定义覆盖物绘制，点击地图覆盖物可移动。
2025-04-23 15:45:49
413
原创 vue中textarea标签高度自适应文本高度（解决方案）
resizeTextarea方法在调用时会调整文本框高度，到适应文字高度的位置。在textarea标签中绑定ref和input属性。写入input方法。
2025-04-18 10:34:24
556
原创 ios上传图片旋转问题解决方案（input拍照上传）
这其实是在使用input获取照片的时候，ios对照片进行了二次加工造成的，这种情况可以使用compressorjs库来解决。使用input，调起ios原生照相机，拍照后获取的图片上传阿里云，从阿里云获取的图片却旋转了90度，这个问题如何解决呢？然后在代码中使用，将获取的file文件使用库中的方法进行加工，将ios的旋转校正回来，然后再将结果上传就可以了。首先引入compressorjs。
2024-04-18 10:52:11
779
原创 ios上传图片旋转问题解决方案（vant上传图片）
本文主要解决使用 van-uploader(vant 组件库上传图片组件)上传图片时，部分 ios 机型，图片预览中，图片旋转了 90 度的问题。
2023-12-05 11:12:53
1049
原创 选择文件：文件选择框的代码触发【极易版】【文件上传功能】
最近业务中遇到添加附件功能，点击对应元素，在特定条件下触发文件选择，然后将选中的文件上传到后台。文件上传是使用阿里云实现的，这里主要说文件选择功能。也就是怎样添加附件到界面上。
2023-09-25 15:06:36
633
原创 中秋接月饼: 100行代码实现的canvas小游戏【超精解】
hellow大家好，中秋佳节到了，欢乐度节的同时，技术也要跟上呀，这次我们通过canvas实现一个中秋接月饼的小游戏，三连不迷路哦~
2023-09-21 17:16:30
550
原创 【手把手保姆级】花式进度/PK/投票条开发教程
想写个投票小程序，不知道投票图表怎么写？想展示数据，不知道胶囊条怎么做? 这里一文搞定！隔壁设计都感动哭了！
2023-09-13 19:40:26
996
1
原创 缓存滚动位置：解决keep-alive组件缓存滚动位置失败问题
但是使用keep-alive缓存页面后，发现虽然页面缓存成功了，但是列表的滚动条又自动回到了最上方。怎样缓存滚动位置？这篇文章教会你。
2023-07-19 16:08:44
3635
原创 TypeScript 中 any、unknown、never 和 void 有什么区别?
TypeScript 中 any、unknown、never 和 void 有什么区别？你知道几点呢？
2023-07-03 17:48:11
895
原创 SCSS全局变量的配置（vue3+vite）
首先在src文件夹下新建一个var.scss文件，放置scss变量。，我们需要将其引入到每一个组件的scss中去，手动引入也可以实现。这里。在根文件夹下寻找vite.config.ts，如果找不到则新建一个，如果已有可以跳过这一步。
2023-05-30 10:47:35
4004
原创 TS：如何判断联合类型变量的具体类型？
如果pet可能具有两种类型：Brid和Fist，我们怎样描述它呢？定义成功后我们发现第二个问题：使用pet.swim时，编译器提示类型Brid中不包含此属性。而使用pet.fly时，编译器提示类型Fist中不包含此属性。又怎样去解决呢？
2023-05-18 10:07:26
3128
原创 tsx零基础页面开发全流程（vue环境）
TSX是JSX的ts版，在react中用途甚广，其实vue中也支持使用TSX编写，本文可以带领大家快速上手 Vue 中的TSX 语法，一小时内掌握TSX独立开发，搭上新时代的列车。
2023-04-11 14:47:32
7918
原创 70行代码绘制canvas圣诞树：无需引入图片和外部文件
圣诞节刚刚过去，送给大家一株迟来的圣诞树。该圣诞树由纯canvas绘制而成，不引入任何图片和外部文件。
2022-12-26 16:35:34
474
原创 简单实用：css+html绘制常见图表
提到绘制图表，大家可能想到ECharts，其实，一些简单的图表可以直接通过css+html实现，下面手把手带大家绘制，初学者也能轻松掌握。
2022-12-09 09:38:27
5104
原创 视差滚动：零基础css代码实现时空穿越效果
图片滚动之间，大树的位置却没有变化，感觉像是冬季大树“时空穿越”似得。如果我说这种效果使用10行css代码就能实现，你会相信吗？
2022-11-01 21:17:01
835
1
原创 同事读不懂我的代码了，全因我读了这篇文章
0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里不是这样的？他的 for of 和我的不一样？已知 b = `{ a: 5 }`，求 b > 3 为 true ?救命！同事读不通我的代码了！全因我读了这篇文章！
2022-09-19 14:35:45
408
原创 一小时精通微信小程序开发
刚接触小程序的时候，我用一周的时间阅读微信官方文档，而后面的同事只需要1小时就可以了，这是因为我将20%常用内容提炼成了文档。这就是这篇文章。
2022-09-13 18:35:52
793
原创 微信小程序复杂对象的双向绑定(附代码可直接使用)
最近在小程序的开发过程中，需要用到双向绑定。遇到报错才知道微信本身是不支持对象双向绑定的，鏖战一番找到解决方案，特此记录。
2022-08-31 15:02:29
1908
原创 git零基础使用指南
怎样从0建立git项目？已经push的commit如何修改message？怎样将连续多个commit整理成一个？本文覆盖git常用命令，git常见问题解析，工作必备大全。
2022-08-12 16:49:11
2622
原创 一口气拿下vue-router所有知识点，薪资暴涨3000
这篇vue-router科普文太哇塞！从全程手把手教你使用，到图文并茂解析基础原理，最后一行行敲代码带你实现自己的router，这些全部都有啦。
2022-06-24 00:34:44
1410
3
原创 手把手带你使用策略模式实现表单校验
你的项目有哪些亮点？你对设计模式是否了解？这些都是面试官常问的问题，这两个问题都可以通过本文解决，毋庸置疑，使用策略模式实现表单校验就是你项目的亮点，也是你掌握设计模式的体现！
2022-05-23 23:19:10
608
1
原创 手写单例模式后，面试官直接和我谈入职
前几天小呆去面试，面试官问小呆对设计模式了解多少，小呆现场实现了一个单例模式后，喜提offer，小呆暗暗庆幸，还好面试前有所准备。现把这篇文章推荐给所有人。
2022-05-20 00:03:17
302
原创 怎样同时获取10000+接口的返回值：Promise.all高并发限制解决方案
Promise.all高并发限制解决方案怎样同时获取10000+接口的返回值？？有这样一种常见场景，我们希望同时请求N个接口，拿到所有的返回值做处理，这种情况下一般使用Promise.all实现。let urls = [ 'https://.../url1', …… 'https://.../url100'];function loadData(url) { return new Promise((resolve, reject) => { axios.get(
2022-05-14 00:44:28
1143
原创 【你踩的坑这里都有】微信小程序分包指南
如果你的项目刚刚开始，恭喜你选择了一条最简单的路，如下为微信官方示例，照做即可。但在实际操作中，大部分人并不会在开发初始就合理规划目录，为分包做好准备。项目目录千奇百怪，照搬官方文档遇到各种问题。这种情况下，你就更需要这篇文章了。
2022-04-07 21:04:34
3393
原创 三种常见Content-Type格式，最后一种你肯定用过
Content-Type含义为内容类型，请求头和响应头中都有该项，有时我们会遇到明明发送了参数后端却没有拿到的情况，或后端向我们发送了一个图片，获取后却是乱码。本文主讲：参数传输失败元凶：请求头中的Content-Type VS 如何从服务端下载文件：响应头中的Content-Type
2022-03-22 20:57:13
16511
原创 全家桶：vuex从使用到实现(超简单面霸必备知识点)
vuex已是vue组件化开发中必备工具之一，面试官也越发重视，不懂vuex的你还卷的过吗，vuex实现真的不难！不难！不难！本文堪称面霸速成班，快来收藏吧。
2021-12-17 12:13:06
656
3
原创 十分钟玩转模块化：ES Modules && ConmonJS 使用详解
CommonJs是针对服务端的js，也就是nodejs，ESmodules是针对浏览器的。为什么出现了两套不同的模块化？二者有什么区别？可以混合使用吗？这篇文章告诉你答案。
2021-12-08 16:29:46
1054
原创 胜负已分:Proxy VS Object.defineProperty
vue2.0中使用Object.defineProperty进行数据监听，而在vue3.0中改用Proxy。两者有什么区别，是什么原因促使vue作出如此变更呢？
2021-11-18 11:59:28
2616
原创 clipboard && .stop 复制失败解决方式(实现文本复制)
clipboard是一款实现文本复制的插件，通过npm安装即可，使用简单。当与.stop共同使用，阻止冒泡时，复制失败了，两者不兼容。这里给出解决办法与代码实例。
2021-10-28 14:03:51
1800
element ui整体引入，icon图标可以正常显示，layout布局显示失败
2020-10-26
element ui完整引入后，icon图标显示正常，layout布局内层不显示
2020-10-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人