- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 element-plus | 全局引入以及按需引入
使用技术栈：vue3+element-plus+vite。1.插件下载指令，仍需下载element-plus。优势：用到什么就打包什么，文件大小相对全局小。3.与全局引入一样在需要用到的vue页面运用。使用场景：对打包后的文件大小不是很在乎。2.配置vite.config.js。3.在需要用到的vue页面运用。使用场景：对性能优化方面有要求。2.main.js中导入安装。优势：直接完整导入更方便。
2023-11-03 17:44:10
714
原创 实战避雷记录 | 关于小程序three.js模型缩放大小限制
通过相机的fov找到模型渲染的最大值和最小值，然后通过bindtouchstart、bindtouchmove、bindtouchend里计算出缩放的倍数来进行对fov值的改变更新。这个方法小有成效，第一视角过去的效果都可以，但是当模型旋转到侧边的时候再进行缩放，就会出现崩掉的效果。所以可以从监听的事件入手，打印了一下事件参数，发现可以获取到手指距离左上角的一些参数，但由于模型的位置没法获取到，因此不能去对比设置，先放弃。微信小程序中用到了three.js第三方库，需要实现一个模型缩放的限制功能。
2023-06-01 09:26:14
1093
1
原创 nodejs | 使用koa搭建一个本地服务
npm init 命令用于初始化npm项目，是一个交互式设置，执行命令后会让用户输入一些项目信息，例如项目名称、版本号、描述等。在这个流程中，用户可以根据自己的需求来定制项目的配置，最终生成一个 package.json 文件。nodejs是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台。1.先创建一个文件，打开终端执行npm init 命令，去生成一个package.json文件。
2023-05-09 17:03:34
576
原创 实战避雷记录 | 小程序wx.login返回{errMsg: “login:ok“，errno: 0}
小程序报错request:fail errcode:-109 cronet_error_code:-109 error_msg:net::ERR_ADDRESS_UNREACHABLE
2023-04-27 17:44:14
1493
原创 实战避雷记录 | 关于uni开发小程序引入vant weapp事件失效
①最初引用vant开发小程序的时候是原生开发，此次用uniapp开发小程序项目时也想着引入使用下。②结果遇到的问题是展示内容比如输入框这种的都可以，但是点击事件的时候出不来效果。③一开始想着是不是版本用错了，后面看了下文档针对小程序的版本就是weapp的。把usingComponents挪到globalStyle里面全局引入就好了。不能在pages中局部引入组件。一顿试错之后，发现原来。
2023-03-08 16:27:12
901
原创 vue | 路由篇
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。
2022-12-15 16:19:34
505
原创 vue | 生命周期篇
1.常用生命周期：四个阶段(创建、挂载、更新、销毁) ✎ 进入组件后执行的生命周期有： 四个生命周期的对比关于（真实dom节点vm.$el和数据对象vm.$data）： beforeCreate： vm.$el和vm.$data都取不到 created：vm.$el取不到 、vm.$data取得到 （组件实例创建完成，data数据已经被Object.defineProperty劫持完成，属性也绑定成功，但真实dom还没有生成，$el还不能用
2022-12-06 16:08:25
253
原创 nodejs | 更换环境变量
6.要应用某个版本时就去环境变量的path中更换成对应的文件夹即可。找到想要的版本下载安装，然后文件命名后面跟上对应的版本号，如：18。解决问题：某些老项目只支持旧的运行环境，此时就可以进行此操作。3.找到nodejs，先查看当前版本为多少之后重新命名一下。把两个命名改成一样的（12为当前node的版本）2.上面的path没找到就找下面的打开。5.找到对应的位置就可以看到两个版本。1.打开高级系统设置-点击环境变量。
2022-11-15 16:42:39
820
原创 git | 常用指令
④git remote add origin https://gitee.com/xxx/xx.git（在gitee上新建项目，复制https://gitee.com/xxx/xx.git地址） 关联暂存区并上传代码。（如果5中报错put ... 就用git pull origin master --allow-unrelated-histories）③git commit -m "initial commit" (引号后面的内容填写自己本次项目修改内容的备注) ，暂存区内容上传到版本库。
2022-11-02 14:28:33
159
原创 uniapp | 遇到HTML5+ Runtime提示 [二]
2.接着在源码视图中它也会一直存在这个不消失掉，这也会导致你真机上的包出现第一张图的弹窗提示内容，这个时候你需要把他手动删除掉。前言：uniapp开发的过程中只要遇到配置项不对，都会弹出类似这种的提示出来。就全局搜索下关键词：push, 看看是不是应用到了消息推送相关的api内容 ，删除相关内容即可。1.只要有在manifest.json中的App模块配置了Push, 就算你把勾选给去掉了。总结：一旦遇到什么模块没打包的内容就先去找配置，再去查看代码，基本就能搞定。像我这边是之前有用到这个模块忘记删了。
2022-10-27 17:26:53
2611
原创 uniapp | 小程序自定义头部组件
思路：先根据设计稿在页面中绘制出结构和样式的内容，接着固定的样式值改成动态的，最后一步把写好的内容搬到组件上去。这里需要的动态值有状态栏的高度和胶囊位置的文本栏高度，都可以通过api获取到。前言：在开发小程序的过程中，很经常会遇到各种各样的需求，有些顶部没法很单一的只显示标题和纯色的背景，因此就需要按照项目需求自定义。（如果需要判断页面是否有返回箭头的话就从页面中传入barData对象来判断，目前我这个项目暂不需要所以写的比较简单）1.在app.vue页面中统一获取到动态值。
2022-09-17 16:29:04
965
原创 uniapp | 遇到HTML5+ Runtime提示
本应用使用HBuilderX 3.3.13 或对应的cli版本编译，而手机端SDK版本是3.5.3。不匹配的版本可能造成应用异常。在真机调试时，运行app没有此弹窗。而后打包到真机上时出现该弹窗。表示忽略版本对比，前提是在保证功能是没问题的情况下。
2022-09-16 14:44:12
2054
原创 uniapp运行到浏览器
刚接触uni-app从开始创建项目就开始处处入坑 (来自小白的哭泣)还是记录下来比较稳妥。首先我看大家运行都是这样的：而我打开是这样的：前两个浏览器都试过了打开就是下载vue文件。解决：文件夹要保存在pages的上一级 我之前是多包含了一级，反正现在是可以运行了。[ 目前了解到的是这样，后续有其他说明的再补充 ]......
2022-03-29 10:04:41
3125
原创 小程序 | 自定义轮播指示点、单选、多选框的样式修改
前言：小程序中有些组件的伪类样式在开发者工具中预览不了每次要改样式都要搜一下感觉很麻烦现在把平时自己有用到的记录下：1. 轮播指示点样式修改：①修改原生：注意：indicator-dots 要记得写上去，再修改样式.wx-swiper-dots{ //整个指示点的位置修改（默认居中） left: auto;right: 0; bottom: 0; //（最低位置0，若指示点在轮播外要自定义） .wx-swiper-dot{ width:
2022-03-14 21:08:52
2784
原创 小程序(原生) | 引入Vant Weapp
近期做小程序用到vant框架，记录下构建过程。方法：[ 使用npm构建 ]1.文件夹右键 -> 终端打开2. vant官网引导的安装方法3.打开app.json ，删除以下代码"style": "v2",4. 打开project.config.json 文件在setting对象中增加"packNpmManually": true,"packNpmRelationList": [ { "packageJsonPath": "./package.json.
2021-07-12 11:56:48
636
微信原生小程序中动态设置onShareAppMessage方法是否展示的功能
2023-05-19
swiper的轮播双向控制
2022-09-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人