- 博客(71)
- 收藏
- 关注
RSS订阅原创 Echarts
Echarts–一个使用js实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器，底层依赖矢量图形库ZRender,提供直观，交互丰富，可高度个性化定制的数据可视化图标。
2025-11-28 22:18:50
793
原创 同样的跳转方式在另一个组件可以，换个组件就不行了
当你确认你的代码全部是没有问题，还有一种可能，就是你的样式中有z-index: 1;或者更高的这种写法，这个样式会挡住你添加跳转的样式，所以只用在z-index: 1;后面再加一行代码就行。：同样的跳转方式在另一个组件可以，换个组件就不行了。
2025-10-26 16:25:01
224
原创 修改token，登录
请求是发送成功的，token也已经保存到本地，但是由于页面一直不跳转到首页，所以我进行了代码的测验，测验结果是跳转到首页成功，但是页面还是没有真正跳转，所以跳转页面的代码应该是没问题的，可能是项目中的其他组件出了问题，但是在控制台并没有任何报错，所以我现在还没有解决这个问题的办法。
2025-10-20 11:29:05
389
原创 安装pnpm i -D @types/wechat-miniprogram报错，版本不匹配
微信小程序插件（WeChat Mini Program）：此插件提供了微信小程序的语法高亮、代码提示、调试、上传等功能。大概是在这个上括号的位置也出现报错（这里也是已经修改好的，应该能意会吧）在types里的第二行报错，变红（这里是已经修正的）的时候会出现报错，版本不匹配的情况。另外，还可以安装扩展插件。
2025-08-18 22:55:04
317
原创 UniappDay07
页面视口差异 （tabbar页，普通页）==>最好高度单位用%小程序端不支持 * 选择器 ==> 可以用逗号，并集选择器。也可以看一下华为应用市场接入文档了解华为手机如何打包。修复样式冲突==>完善新建地址==>修改地址回显。H5是单页面应用，scoped隔离样式。App端默认是系统webview渲染。更加规范的命名就是把域名反过来写。经测试App组件样式也会默认隔离。H5端默认开启scoped。uni-appCSS支持。uni-app跨端注意。全局样式的引入建议用@uni-app条件编译。
2025-08-02 20:55:15
361
原创 UniappDay06
导航栏左上角按钮，返回首页// 获取页面栈// pages是一个数组// 获取当前页面实例，数组最后一项<navigator滚动驱动的动画// 页面渲染完毕，绑定动画效果d// 动画效果,导航栏背景色'.navbar', // 选择器[{ backgroundColor: 'transparent' }, { backgroundColor: '#f8f8f8' }], // 关键帧信息1000, // 动画持续时长。
2025-08-01 18:30:15
343
原创 UniappDay05
SKU常见于电商领域，对于前端工程师而言，更多关注SKU算法，基于后端的SKU数据渲染页面并实现交互。注意事项：列表地址通过onShow初始化调用，因为新建地址成功后，需要显示最新收货地址列表。在uniapp插件市场中： https://ext.dcloud.net.cn/SKU概念：存货单位，库存管理的最小可用单元，通常称为‘单品’搜索sku,并用vue3下载。
2025-07-30 17:33:36
383
原创 UniappDay04
小程序开发页面可以分为tabbar页面和普通页面，普通页面可以用navigateTo,tabbar页面要用switchtab。注意：获取手机号功能针对非个人开发者，且完成认证 的小程序开放。
2025-07-28 19:53:27
307
原创 报 错 集 合
解决方法：“verbatimModuleSyntax”: false, 在tsconfig中写。问题：Unexpected constant condition。解决办法： 禁用vetur,使用vue(office)插件。解决办法：将 = 换成 === 即可。
2025-07-27 10:01:28
382
原创 UniappDay03
类型的复用/** 热门推荐 *//** id信息 */id: string/** 活动图片 *//** 活动标题 *//** 子类选项 *//** 热门推荐-子类选项 *//** 子类id */id: string/** 子类标题 *//** 子类对应的商品集合 */url,data,})
2025-07-26 23:12:03
471
原创 UniappDay01
克隆命令： git clone http://git.itcast.cn/heimaqianduan/erabbit-uni-app-vue3-ts.git heima-shop。//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages。安装依赖：pnpm i -D @uni-helper/uni-ui-types。pages.json用来配置路由，导航栏，tabbar等页面类信息。最好把wx换成url。
2025-07-23 23:18:26
1062
原创 微信小程序191~200
先在微信小程序点击上传，体验版本，体验类型，版本号，项目备注，微信公众后台，版本管理，将开发版本转为体验版本，最后提交审核，发布。然后会将支付结果返回给公司后端，也会返回给 wx.requestPayment() 并且会微信通知用户支付结果。小程序客户端在接收支付参数后，调用 wx.requestPayment() 发起微信支付，唤醒支付弹窗。用户开输入支付密码或者进行指纹等操作，微信服务器会进行验证，如果验证成功，就会发起支付。将设置页面配置到设置模块分布，在访问个人中心页面时，提前预下载设置模块分包。
2025-07-22 17:46:14
439
原创 微信小程序181~190
防抖是一种延迟执行的技术。它的原理是，当事件被触发时，延迟执行事件处理函数，并且在延迟时间内如果事件再次被触发，则重新开始计时。只有当事件在指定的时间内没有再次触发，事件处理函数才会执行。例如：之前购物车添加了某个商品，购买数量是1个，商品详情又加入1个，直接累加，在购物车显示购买2个。注意事项：更新购买数量和加入购物车，使用的是同一个接口，为什么加入购物车没有计算差值。在结算页面获取传递到的数据，然后根据传递的参数调用接口即可。计算差值后，在输入框中输入购买的数量，让服务端处理。
2025-07-21 17:49:01
246
原创 微信小程序171~180
基于购物车列表中已有的数据，产生一个新数据，控制全选按钮的选中效果，可以使用计算属性来实现。使用BehaviorWithStore让页面和store建立关联。先绑定事件，获取选中状态,转换成0和1，调用接口将本地数据也更新。加入购物车成功以后，重新计算购物车商品的购买数量。获取商品的最新状态并同步到服务器。
2025-07-19 16:35:30
289
原创 微信小程序161~170
在用户网速很慢的情况下，如果用户在距离底部来回的进行多次滑动，可能会发送一些无意义的请求、造成请求浪费的情况，因此需要给上拉加载添加节流功能。参数发生改变时要重新发送请求，拿最新的page向服务器发送获取数据请求，在下一页商品数据返回后，将最新数据与之前数据合并。将商品列表和商品详情功能配置成一个分包，用户在访问设置页面时，预加载商品列表和商品详情所在的分包。在商品列表页面定义四个请求参数，在onLoad钩子函数接收传递的参数，在对定义参数进行赋值。在预览过程中还可以保存图片，方式给朋友等操作。
2025-07-18 17:01:10
544
原创 微信小程序151~160
通过小程序开发平台通过的API，来获取用户的地理位置。用户在使用小程序时，可以授权小程序获取自己的地理位置。如果小程序没有向用户发起授权请求，authSetting中没有scope.userLoaction属性。如果在进行逆地址解析的时候，如果发现key只能使用一次，需要在腾讯位置服务后台配置。wx.getSetting()获取用户所有授权信息，查询用户是否授权了位置信息。authSetting只包含小程序向用户请求的所有权限，以及授权的结果。开发=》开发管理=》接口设置。如果确认删除，调用API。
2025-07-17 21:14:56
408
原创 微信小程序141~150
2.用户信息存储到Store调用接口获取用户信息，获取数据以后要存储用户信息数据到本地，为了方便用户信息的获取和使用，将其存储到store3.使用数据渲染用户信息将用户信息数据从store取出，并渲染到页面上。4.配置分包以及预下载在app.json中5.渲染用户信息6.更新用户头像1.获取头像临时路径2.头像临时路径上传到服务器3.完成头像更新7.更新用户昵称需要给input输入框type属性设置为nickname，键盘上方才会显示微信昵称给input输入框添加name属
2025-07-16 21:08:42
398
原创 微信131~140
什么是 TokenToken 是服务器生成的一串字符串，用作客户端发起请求的一个身份令牌。当第一次登录成功后，服务器生成一个 Token 便将此 Token 返回给客户端，客户端在接收到 Token 以后，会使用某种方式将 Token 保存到本地。以后客户端发起请求，只需要在请求头上带上这个 Token ，服务器通过验证 Token 来确认用户的身份，而无需再次带上用户名和密码。Token的具体流程客户端向服务器发起登录请求，服务端验证用户名与密码。
2025-07-14 22:10:21
823
原创 微信小程序121~130
骨架屏是页面的空白版本，开发者会使用css绘制一些灰色的区块，将页面内容大致勾勒出轮廓，通常会在页面完全渲染之前，将骨架屏代码进行展示，数据加载完之后，在替换成真实的内容。在一级分类下存在children字段，里面的数据是一级分类对应的二级分类的数据，在访问以及分类时，只要将一级分类对应的二级分类拿出来进行渲染即可。定义管理的状态是响应式的，一旦状态改变，所有关联组件都会自动更新相对应的数据，全局共享，自动更新视图组件，提升开发效率。切换轮播图时面板指示点高亮，想实现一一对应的关系，要借助索引。
2025-07-12 22:02:36
386
原创 微信小程序111~120
（2）同时发起多次请求，只要有一个请求成功响应就会调用 wx.hideLoading，导致其他请求还没完成，也不会 loading。（2）在 complete 中每次请求成功结束，从 queue 中移除一个请求标识，queue 为空时隐藏 loading。（1）每次请求都会执行 wx.showLoading()，但是页面中只会显示一个，后面的 loading 会将前面的覆盖。（3）请求过快 或一个请求在另一个请求后立即触发，这时候会出现 loading 闪烁问题。正式版====>release。
2025-07-11 13:08:19
931
原创 微信小程序101~110
为了方便统一请求参数以及服务器响应结果，为WxRequest添加拦截器功能。请求拦截器：是请求之前调用的函数，用来对请求函数进行新增和删改响应拦截器：响应之后调用的数据，用来对响应数据做点什么注意：不管响应成功还是失败，都会执行响应拦截器// 请求拦截器//响应拦截器//配置请求拦截器//配置响应拦截器。
2025-07-10 18:33:56
338
原创 微信小程序91~100
在app.json或者page.json中，配置navigationStyle属性为custom,就可以自定义导航栏，在设置完以后，就会移除默认的导航栏，只保留右上角胶囊按钮</swiper>
2025-07-09 20:41:34
421
原创 微信小程序81~90
从独立分包中页面进入小程序时，不用下载主包，当用户进入普通分包或主包内页面时，主包才会被下载。开发者可以将功能相对独立的页面配置到独立分包中，因为独立分包不依赖主包就能运行，使得分包页面启动速度更快。
2025-07-07 22:16:15
1044
原创 微信小程序71~80
小程序冷启动，钩子函数执行的顺序保留当前页面，进入下一个页面，钩子函数执行的顺序销毁当前页面，进入下一个页面，钩子函数执行的顺序小程序热启动，钩子函数执行的顺序不是所有的包都能在微信小程序内使用，要先确定是否能在小程序使用对目录进行调整优化，要在project.config.json中指定node_modules的位置和目标miniprogram_npm的位置配置 project.config.json 的 miniprogramRoot 指定小程序源码的目录。
2025-07-06 21:10:55
912
原创 微信小程序61~70
自定义组件的样式只受自身 wxss 的影响，但是有时候我们需要组件使用者的样式能够影响到组件，这时候就需要指定特殊的样式隔离选项 styleIsolation。数据监听器主要用于监听和响应任何属性(properties)和数据(data)的变化，数据变化时 就会发生回调函数，方便开发者进行业务逻辑处理。父组件通过this.selectComponent方法，获取子组件实例对象，这样就可以访问子组件的任意数据和方法。自定义组件拥有自己的 wxss 样式，组件 wxss 文件的样式，默认只对当前组件生效。
2025-07-05 20:22:37
568
原创 微信小程序51~60
小程序目前已经支持组件化开发，可以将页面中的功能模块抽取成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。
2025-07-04 16:07:12
1162
原创 微信小程序41~50
应用生命周期是指应用程序进程从创建到消亡的整个过程。小程序的生命周期指的是 小程序从启动到销毁的整个过程。一个小程序完整的生命周期由 三部分来组成应用生命周期页面生命周期组件生命周期小程序生命周期伴随着一些函数，这些函数由小程序框架本身提供，被称为生命周期函数，生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作，辅助程序员完成一些比较复杂的逻辑。微信小程序提供原生API，可以方便的调起微信提供的能力如：获取用户信息，微信登录，微信支付。
2025-07-03 19:53:01
877
原创 微信小程序21~30
swiper-item：只可放置在swiper组件中，宽高自动设置为100%，代表swiper中的每一项。小程序的background-image不支持本地路径，需要使用网络图片，或者base64，或使用。indicator-active-color="#f3514f"小圆点被激活时的样式。分隔，参数键与参数值用=相连，不同参数用&分隔。在小程序中，想要实现轮播图只需要两个组件swiper和swiper-item。space="ensp"文本中的空格全部显示（以中文字符空格一半大小展示）
2025-07-01 21:47:50
1026
原创 微信小程序11~20
在微信小程序中不能使用HTML标签，没有DOM和BOM，css仅支持部分选择器小程序提供了WXML进行页面结构编写，提供了WXSS进行页面的样式编写WXML提供了view,text,image,navigator等标签来构建页面结构，只不过在小程序中将标签称为组件WXSS对css进行了扩充和修改，新增rpx，且WXSS仅支持部分css选择器。
2025-06-30 23:01:31
669
原创 微信小程序1~10
文件分为主体文件和页面文件主体文件作用于整个小程序，必须放到项目的根目录下主体文件app.js ：小程序入口文件，必有app.json ：小程序的全局配置文件，必有app.wxss ：小程序的全局样式页面文件是每个页面所需的文件，都存放在pages目录下，一个页面一个文件夹.js :页面逻辑，必有.wxml ：页面结构，必有.wxss ：页面样式.json ：小页面配置将 这些删了，改为webml},
2025-06-30 17:27:10
303
原创 vue复习91~135
mapMutations跟mapState很像，它是把位于mutations中的方法提取了出来映射到组件methods中。mapActions是把actions里面的方法提取出来，映射到组件methods中。默认模块中的mutation和actions需要开启命名空间，才会挂载到子模块。mapMutations和mapActions的映射写在methods里。mutations中存一系列方法，这些方法都是为了修改state。异步放入action，基于mutation将数据传入state。
2025-04-28 22:36:22
1038
原创 复习Vue136~180
new Vue() 创建一个应用实例 => createApp()、createRouter() createStore() 、将创建实例进行了封装，保证每个实例的独立封闭性。vite 中的环境变量 import.meta.env.BASE_URL 就是 vite.config.js 中的 base 配置项。本质：是在原有传入数据的基础上，外层包了一层对象，包成了复杂类型底层，包成复杂类型之后，再借助 reactive 实现的响应式。ref: 接收简单类型 或 复杂类型，返回一个响应式的对象。
2025-04-28 22:30:51
858
原创 vue复习46~90
自己定义的指令，可以封装一些dom操作，扩展额外功能全局注册指令-在mian.jsv-指令名(focus) ，写在app.vue里// 1. 全局注册指令// inserted 会在 指令所在的元素，被插入到页面中时触发// el 就是指令所绑定的元素el.focus()})局部指令// 2. 局部注册指令// 指令名：指令的配置项focus: {el.focus()实现一个color指令，传入不同的颜色，给标签设置文字颜色用‘等号’绑定具体的参数值。
2025-04-15 12:51:23
825
原创 vue复习1~45
特别的：有缓存的，一旦计算出来结果，就会立刻缓存，下一次读取 → 直接读缓存就行 → 性能特别高。计算属性的完整写法 isAll: { get() {}, set() {} } 全名用冒号。作为方法，需要调用，this.方法名() {{ 方法名() }} @事件名=“方法名”watch监听器 里的监听的对象要用冒号 watch : { list: {} }select 的 value 值，关联了选中的 option 的 value 值。value: 给单选框加上 value 属性，用于提交给后台的数据。
2025-03-27 23:43:23
853
原创 c++上课题目
完成方式：根据书本例题，在vs code上打出代码，并运行结果，复制到markdown里面，我有时还使用豆包，我认为比起deepseek来豆包的反应时间更短，而且用了这么就我也习惯了他的使用方式。有事因为某些原因，代码不能运行也可以直接在豆包里面，得到解答并直接运行.
2025-03-03 22:04:47
421
原创 轮播图html
1.鼠标不在图片上方时，进行自动轮播，并且左右箭头不会显示；当鼠标放在图片上方时，停止轮播，并且左右箭头会显示；2.图片切换之后，图片中下方的小圆点会同时进行切换，并且点击相应的小圆点可以切换到相应的图片上；4.图片上需有介绍的文字，会随图片切换一起进行切换。3.点击左右箭头可以进行左右图片的切换；
2025-02-17 13:32:42
401
原创 省市区三级联动
通过三个下拉菜单的联动来实现，第一级下拉菜单为省级，第二级 下拉菜单为市级，第三级下拉菜单为区级。当点击第一级下拉菜 单，第二级菜单的内容会自动匹配；选择第二级菜单时，第三级菜单会自动生成。当我取消上一级菜单的选项时，次一级选项会自动消失。题十一：省市区三级联动。
2025-02-17 12:02:45
257
前端vueelment plus
2025-08-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人