- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue3内对vue-router4的基本使用
1. 安装 vue-router，默认安装的就是 4版本。5. 页面使用 route 与 router。3. 在 main.js 内挂载。4. 在 App.js 中使用。
2023-04-06 10:22:16
206
原创 原生小程序的基础知识6
分包加载在打开小程序启动的时候只下载主包代码，分包并不会下载，因此能够提升小程序启动时的打开速度，分包的代码只有在访问到分包的页面时才去下载，这样用户就需要有一定时间的等待（一般不太影响），通过分包预加载技术可以实现提前去下载分包的代码，这样分包页面的访问速度也会得到提升。分包从形式上来看就是将某些功能相关的页面及其依赖的资源放到独立的文件夹中，然后在 app.json 文件通过。上述的代码代表的含义是当用户访问到。配置需要预加载的分包，在。
2023-04-03 09:32:55
202
原创 原生小程序基础5
当中，这个目录需要我们手动进行创建。在右键在菜单中找到【新建 Component】，输入。4.2 默认情况小程序在一个组件中只能支持一个插槽，如果需要多个插槽需要启用多。4.1 小程序的组件模板其实就是插槽功能，通过。在组件内部定义插槽位置，在组件内定定义。页面注册是在使用组件的页面配置中通过。开启之后可以通过 name 为插槽命名。通常习惯将组件放到独立的目录。插槽，插槽其实就是个占位符号。
2023-04-03 09:30:17
172
原创 原生小程序基础知识4
构建 npm 会创建一个新的目录 miniprogram_npm 把构建好的 npm 模块放到了这个目录下，此时在小程序中便可以成功导入 npm 模块包了。默认情况下项目目录的最外层是小程序的根目录，通过。
2023-04-03 09:20:41
187
原创 原生小程序基础知识3
信息反馈是指根据用户的某些操作来告知操作的结果，如用户点击加入购物车，提示用户添加成功，用户提交表单提示用户表单验证的结果等，对应的 API 是。注意：注意在小程序中本地存储可以直接存入对象或数组类型的数据，无需要。wx.switchTab 跳转到 tabBar 页面。一、常用的内置API。
2023-04-02 21:46:12
323
原创 原生小程序基础知识2
所谓的场景值就是描述用户打开小程序的方式，根据这个场景值来判断用户打开小程序的方式，进而分析用户的行为，场景值只能在，onLaunch、onShow 中获取。组件内的生命周期要写在 lifetimes 内，attached 相当于 vue 中的 mounted 类似。小程序的生命周期分别分为三种，应用生命生命周期、页面生命周期与组件生命周期。此生命周期定义在 app.js 中，生命周期函数的名称及执行情况如下。通过 onLoad 获取。2.1 获取地址传参。
2023-04-02 18:55:32
196
原创 原生小程序的基础知识1
1.1 data 中的数据要通过 wx:for ,实现循环渲染，其中，默认index 为索引，item 为每一项，里面的 key，不需要插值，如果是循环的数据里面有id 则直接写 id， 没有即遍历的的简单数据类型 则写 "*this"为key 的值。1. 通过 wx:if 来实现条件渲染，还有一个 hidden 也可以实现条件渲染，两者的区别相当于v-if 与 v-show的区别。通过 wx:for-index/wx:for-item 可以自定义索引值与单元值。
2023-04-02 18:19:44
70
原创 原生小程序封装有无 token 限制访问页面的组件
1. 在根路径上新建 components 文件夹并在里面新建文件夹 authorization，在此文件夹上点击新建组件 index，并在 app.json 内的 usingComponents 节点全局注册该组件。4. 页面使用，在需要 token 才能访问的页面使用此组件将全部包裹内容即可。3. 在组件的 index.wxml 内编写。
2023-03-27 18:09:44
151
原创 uniapp配置vuex
4. 将 cart.js 文件导入 store.js 文件挂载到 modules 内。注意：uniapp 配置 vuex 不需要 npm下载，内置的有，直接引用就行。5. 测试，随便找个页面 导入 vuex看看对不对。6. 页面使用，能看到的话就说明没问题了。
2023-03-22 17:06:50
666
原创 uniapp对后端返回的富文本进行处理
3. 另外还有一个问题是图片的格式，这里后端给我返回的 图片后缀是 webp，这种格式在 ios 上面没法正常显示，所以只有继续通过 正则将 这个 webp 替换成 jpg 格式。2. 后端给我返回的是一张张图片，图片与图片之间会有一个几像素空白的间隔，这里使用到了正则匹配的方式 通过 display：block 属性来解决的。1. 通过 rich-text 组件对富文本进行渲染。
2023-03-22 12:16:49
1135
原创 uniapp项目中的上拉触底事件
1.1 在项目中的 pages.json 文件找到自己要做 上拉触底事件的页面配置 onReachBottomDistance。1.3 在获取数据的函数中 获取到数据之后不要立即赋值，要将之前的数据与下拉触底获取到的数据合并。通过公式：（页码数 * 每一页获取数据的条数 >= 总条数）如果符合则说明已经没有数据了。注意：不适合粘贴复制，只是怕大家看前面的关键代码段看的云里雾里，所以贴出完整代码以作对比。三、判断数据是否请求完成，如果请求完成就不应该继续发起请求了。3.1 在上拉触底事件中做判断。
2023-03-21 11:16:22
3005
原创 uniapp对输入框搜索历史的去重与翻转处理
注意：不能直接赋值粘贴，只是为了怕有些小伙伴看前面的代码段云里雾里的就给大家看一下完整代码作为参考O(∩_∩)O~4. 因为进行了本地储存 所以可以在一开始加载页面的时候 给 historyList 赋值本地数据。2. 在输入框输入内容调用接口获取数据之后把输入的内容存到 historyList。3. 利用计算属性对 historyList 进行翻转。1. data中新建一个数据用来存储搜索历史。
2023-03-19 17:21:50
322
原创 uniapp输入框的防抖处理
注意我用的是 uni-search-bar 组件，这里我主要讲的是 输入框防抖处理，大家的样式可能跟我的不一样。1. 在 data 中定义一个 setTimeout 的名字。
2023-03-19 10:19:16
1038
原创 uniapp封装全局的提示方法
1. 在 main.js 内编写uni.$showMsg = function(title = "数据请求失败！", duration = 1500){ uni.showToast({ title, duration, icon: "none" })}2. 页面调用 async getSwiperList() { const { message:res } = await api.getData('/home/swiperdata')
2023-03-14 22:34:55
1043
原创 luch-request 在uniapp项目中的使用
基于Promise开发的跨平台、项目级别的请求库，它有更小的体积，易用的api，方便简单的自定义能力。2. 在根目录下新建 utis 文件夹并创建自定义文件 request.js 文件。3. 在根目录下创建 api 文件夹并创建 index.js文件。也可以 npm 安装。
2023-03-12 20:26:29
1262
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人