- 博客(76)
- 收藏
- 关注
RSS订阅原创 【前端模式设计】js订阅发布模式之我见
当函数被调用时，会将函数推入栈内存中，生成一个栈帧（Stack frame），栈帧可以理解为由函数的返回地址、参数和局部变量组成的一个块；然后用到的地方该监听的（on），该触发的(emit)，其实本质都是一个实例在处理自己的方法，且这个单例在内存中不会消失，因为有引用存在。总体来说，对象是存储在堆内存中，并在栈内存里有一个引用，我们其实是一直拿这个引用。在多数情况下，原始类型的数据储存在栈内存，而引用类型的数据（对象）则储存在堆内存。回到单例模式，单例模式其实就是创建了一个对象，他一直在堆内存中。
2024-08-15 16:51:32
324
原创 【qiankun微前端】基座主应用（vue2）+多个微应用(任意框架)
前段时间对我们已有的工程进行了微前端改造，后来思考一下微前端的本质，查询了不少资料，从qiankun微前端示例中学到了不少。
2024-08-03 10:34:23
863
原创 【qiankun微前端】已有工程改造微前端
之所以采用微前端，是因为我们的工程有太多冗余第三方代码，因此为第三方用户开辟一个单独的工程势在必行，所以说微前端也是为了我们主体仓库代码的干净。最初接触微前端有种高大上的感觉，细细研究了一下，其实也不难，本文就不介绍iframe，single-spa之类的东西了，直奔主题。当前系统有横向一级顶部路由和竖向二级侧面路由，点击一级路由会触发二级路由的切换，从而实现两级路由的切换。
2024-07-23 16:14:08
258
原创 element-plus el-cascader 懒加载实现-省市区街道选择及回显
【代码】element-plus el-cascader 懒加载实现-省市区街道选择及回显。
2024-05-07 17:14:34
1348
原创 uni-app开发微信小程序、支付宝小程序、百度小程序代码混淆加固反编译
整体来说混淆过后，对小程序的反编译和代码混淆都是有帮助的，防止被别人轻易破解后二次开发，或者造成损失。对于支付宝小程序和百度小程序，目前只有1 2 方案可用。
2024-04-28 19:45:34
943
1
原创 vue3 vite 路由去中心化（modules文件夹自动导入router）
通过路由去中心化可实现多人写作开发，不怕文件不停修改导致的冲突，modules中的文件可自动导入到index.js中。
2024-04-27 13:27:31
702
5
原创 Vue3 el-dialog 二次封装踩坑实录（v-model moduleValue 不触发）
如果你封装了一个el-dialog的子组件，想通过父组件v-model的形式调用，切记不能使用v-model，要使用 v-model:[你的参数]，例如 v-model:visible。
2024-04-27 13:01:21
997
1
原创 Vue3 el-table 动态高度（element-plus）
通过vue2的动态高度实现思路，实现vue3+el-table的动态高度实现
2024-04-27 12:49:45
930
1
原创 【微信小程序】流量主-激励视频（激励广告）下发策略，每天三次免费体验，然后再次点击触发激励视频，当日不再触发。
允许用户有三次体验效果，然后弹出激励视频弹窗，之后当日不再弹出。
2024-03-30 16:44:04
1288
原创 【uni-app】微信小程序开发-头像合成功能（DIY头像、 头像换肤、新春头像、国旗国庆头像）
头像小程序对于此类图片合成的功能要明确页面展示与实际的图片操作是两部分，小程序中大多以canvas合成为主
2024-03-25 14:47:59
746
1
原创 Linux服务器部署若依（ruoyi-vue），从购买服务器到部署完成保姆级教程
至此java环境就已经安装完成了升级包和软件和系统内核只升级包，不升级软件和内核。
2024-03-19 11:42:26
4258
1
原创 若依V3.8.6(ruoyi-vue)去除登录页面的验证码
在ruoyi-ui项目>src>views中找到login.vue文件。再次运行后，就会发现登录页面没有验证码了。
2024-03-14 15:57:31
1982
1
原创 若依（ruoyi-vue）后端部署windows系统 （一文搞通，从idea安装到打包部署）
本文主要将ruoyi-vue后端部署的资料汇集在一起，方便使用
2024-03-14 14:14:17
4297
原创 2.chunk.js:73687 Uncaught Error: Objects are not valid as a React child (found: object with keys
查看代码中有没有用到数据计算，但是值确实对象的形式，比如<div className="value">{Power || '-'}</div>如果Power是对象（Object），则会报错，检查数据是否为数值或字符串类型
2024-02-27 14:36:56
250
原创 vite react react-pdf pdfjs-dist 加载不全的解决方案 cmaps本地路径
参考了网上诸多解决方案，都是webpack的引入包方式，照猫画虎，把vite解决方案奉献给大家。
2023-10-17 18:56:16
1194
1
原创 【threejs】基本编程概念及海岛模型展示逻辑
一个theejs的场景无外乎场景scene、相机camera、光照light、渲染器render。这里只把主文件进行讲解，涉及到的插件和方法就不细讲了。当整个组件进入mounted的时候调用init函数，采用three封装模式完成的海岛动画（
2023-10-08 17:32:49
559
原创 react-pdf(Failed to load PDF file) react h5嵌入app展示pdf失败解决
②把pdf地址由url转为base64 再塞给组件，降低组件内部因pdf资源获取问题导致渲染失败的概率；① 增加 pdfjs 线程GlobalWorkerOptions的地址。按照我们的测试结论，大部分问题是出现在ios手机上的。
2023-09-26 14:42:41
1379
原创 uni-app(微信小程序)图片旋转放缩，文字绘制、海报绘制
要进行海报绘制离不开canvas，我们是先进行图片，文字的拖拽、旋转等操作最后再对canvas进行绘制，完成海报绘制。背景区域设置为 position: relative，方便图片在当前区域中拖动等处理。添加图片，监听图片在背景区域下的 touchstart touchmove touchend 事件。
2023-09-11 19:15:10
1906
1
原创 uni-app vue2+webpack -＞ vue3+vite 相关问题汇总（有感而发）
uni-app的pages.json的模块化,依然采用 require 的方式引入配置信息文件，这是因为他们是编译前处理文件，并不打包入最后的文件中，因而不影响 上述模块规范。三. 生成的路由地址文件需存入pages.json中（之前都放到了 app.json中），且生成路由文件属于node脚本运行，可采用require。二. 环境变量文件 .env .env.prod 变量须以 VITE_ 开头， 且import.meta.env.VITE_ 来使用。所有运行文件，先运行router生成，再编译小程序。
2023-02-07 18:32:17
1518
原创 uni-app 简单引入iconfont示例（阿里妈妈）
找到自己需要的图标，添加到购物车。放到 static/css 中。点击左上角购物车，添加至项目。然后进入项目中，导出。
2023-02-07 18:20:58
1032
原创 【uni-app】uni-app vue3 ts 遇到的问题汇总
问题一修改时，已经将commonUrl的导出语法由 module.export 改为 export default，本文主要简要讲解uni-app vue2 迁移至 vue3时所遇到的问题，希望对大家有所启示。
2023-01-31 14:23:05
1447
1
原创 rollup 打包utils工具库 完整配置 jest单元测试（index动态加载，按需加载）
网上关于使用 rollup 打包工具库的资料可谓是不少，但是似乎都没有贴出对应的package.json,导致虽然内容写的很详细，但是实际安装rollup.js版本的时候，错误百出（版本不一致，很多地方无法兼容）先贴一版package.json，都是亲测可用的{
2022-12-16 11:28:54
1063
原创 uni-app 小程序 uni.downloadFile 预览uni.request 请求的 pdf文件流，后端返回文件流 小程序端预览。%PDF-1.4 文件流
接口请求拿到了pdf文件流，但是我预览不了，不管通过文件管理怎么encoding，都不行,那你来对地方了看看下面这个是不是你的文件流效果：下面先说说 uni.downloadFile的原理：下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径(可用于uni.openDocument)。在各个小程序平台运行时，网络相关的 API 在使用前需要配置域名白名单。在h5上是跨域的，用户需要处理好跨域问题。然后直接上代码，首先封装好需要的预览方法，包括 微信
2022-12-07 10:42:50
1507
原创 uni-app 富文本 小程序 富文本 （微信小程序、支付宝小程序、百度小程序）直接套用pc端富文本问题解析
微信跟百度 直接使用 u-parse组件，效果还是不错的，注意一点是a标签的复制提示语，自己需要uni.hideLoading()一下，再重置。支付宝相对复杂一点，采用原生rich-text 标签，搭配官方推荐的mini-html-parser2，处理富文本。同时需要处理一下pc端可正常展示，但是小程序富文本不支持的部分：直接上组件代码
2022-12-05 14:33:12
1933
原创 微信、支付宝、百度（drawImage及canvasGetImageData、支付宝（getImageData））踩坑，uni-app 获取图片底色像素值
uni-app 小程序 获取图片底色像素值
2022-11-21 13:43:15
1897
原创 uni-app 小程序 处理pc端 富文本数据 展示（微信、支付宝、百度） 解决a标签跳转（曲线救国，点击复制链接，外部浏览器查看）
mini-html-parser2（专为支付宝研制，将字符串中标签，一一转化为array，供支付宝小程序 的rich-text nodes 使用）[feng-parse](https://ext.dcloud.net.cn/plugin?id=1279)（一款专门为解决百度小程序诞生的富文本插件，可完美兼容微信小
2022-10-20 17:26:38
1636
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人