- 博客(14)
- 收藏
- 关注
RSS订阅转载 微信小程序分包，分包与主包之间的页面跳转
打包原则声明 subpackages 后，将按 subpackages 配置路径进行打包，subpackages 配置路径外的目录将被打包到 app（主包） 中 app（主包）也可以有自己的 pages（即最外层的 pages 字段） subpackage 的根目录不能是另外一个 subpackage 内的子目录 tabBar 页面必须在 app（主包）内引用原则packageA 无法 require packageB JS 文件，但可以 require app、自己 package 内的
2022-01-17 13:52:51
7179
原创 uniapp 小程序的几种跳转方式
** uniapp 小程序的几种跳转方式 **navigateTo（保留当前页面，跳转到其他页面，使用navigateTo可以返回上一页）uni.navigateTo({ url:'./urlPage'});reLaunch（关闭所有页面，跳转到其他页面）uni.reLaunch({ url:'./urlPage'});redirectTo（关闭当前页面，跳转到其他页面）uni.redirectTo({ url:'./urlPage'});switchTab（适
2021-12-29 09:43:36
3157
原创 Vue3组件数据懒加载
单张页面数据较多时，可以使用组件数据懒加载，减少网络请求，提高页面的响应速度。安装npm i @vueuse/core -S 库，用到其中的 useIntersectionObserver 来实现监听进入可视区域行为，配合vue3.0的组合API的方式实现。封装方法 index.js//提供复用逻辑import { useIntersectionObserver } from "@vueuse/core"import {ref} from 'vue'// 数据懒加载函数// targe.
2021-12-08 15:16:48
762
2
原创 检索结果文本高亮显示
检索结果文本高亮显示知识点一：正则表达式的匹配以下三种表达式都会创建相同的正则表达式：/ab+c/i; //字面量形式new RegExp('ab+c', 'i'); // 首个参数为字符串模式的构造函数new RegExp(/ab+c/, 'i'); // 首个参数为常规字面量的构造函数“修饰符” 其含义类似于正则实例的附加属性。用于说明正则规则适用匹配的范围。i : 表示不区分大小写匹配。m ：表示多行匹配。g : 表示全局匹配。在非全局的情况下，正则会根据指定的“规则”从左
2021-12-08 09:50:37
203
原创 vue3与vue2全局挂载
目录vue3.0全局挂载方法vue2 的全局挂载方法为:vue3.0全局挂载方法以Ant Design Vue中的message为例：在main.js中:import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store' import Antd, { message } from 'ant-design-vu
2021-12-02 17:01:39
1305
2
原创 vue3中axios的封装-请求拦截、响应拦截
vue3 axios 的封装与 vue2 整体相同，细节需注意。整体思路可分为四步：创建一个新的 axios 实例请求拦截器，携带 token响应拦截器：剥离无效数据、处理 token 失效导出一个函数，调用 axios 发请求1. 创建实例-配置基础 URLimport axios from "axios";import store from "@/store";import router from "@/router";//导出基准地址，其他地方不是通过axios发请求的地方也会用
2021-11-30 14:11:04
3612
2
原创 vue3之provide、inject多代传值、子传父方法
vue3 中多代之间传值vue3 依赖注入方式通过 provide 方式提供数据 import { provide } from 'vue' setup() { provide('father',110) }其他组件通过 inject 接收 import { inject } from 'vue' setup() { console.log(inject('father')) //110 }可以使用 eventBus 传值（相对麻烦，不在叙述
2021-11-29 11:10:17
2041
3
原创 vant框架自定义主题的配置使用
vant 框架自定义主题的使用Vant 使用了 Less 对样式进行预处理，并内置了一些样式变量，通过替换样式变量即可定制你自己需要的主题。步骤一 引入样式源文件定制主题时，需要引入组件对应的 Less 样式文件，支持按需引入和手动引入两种方式。按需引入样式（推荐）在 babel.config.js 中配置按需引入样式源文件，注意 babel6 不支持按需引入样式，请手动引入样式。 // main.js 中引入全部样式,改为 .less 文件 import 'vant/l
2021-11-26 09:13:12
1077
原创 vue-router动态路由之params、query传参
动态路由：把 hash 地址中可变部分定义为参数项，从而提高路由规则的复用性。以下是动态路由的两种传参方式。1. 第一种传参方式路由规则 :id 为自定义名 { path : "/movie/:id", component : Movie }跳转链接<router-link to="/movie/1"> 电影1 </router-link><router-link to="/movie/2"> 电影2 </router-link>&l
2021-11-23 13:46:36
667
原创 slot插槽以及directive自定义指令的使用
slot 插槽的基础使用页面 A.vue默认情况下，在使用组件的时候，提供的内容会被填充到名字为 default 的插槽中<Left> <p>这段话会被插入到Left组件的 slot 中</p></Left>如果要把内容填充到指定名称的插槽中，需要用 v-slot 指令v-slot 后面要跟上插槽的名称v-slot 指令不能直接用在元素上，必须用 template 标签包裹v-slot 指令简写形式 #mySlot具名插槽
2021-11-22 15:23:44
611
原创 javaScript中Math对象使用方法汇总
Math 对象使用方法汇总Math 对象作用Math.abs( )取绝对值Math.min.apply( null , 数组名)找数组里的最小值Math.max.apply(null , 数组名)找数组里的最大值Math.floor ( -2.3 )向下取整 -3Math.ceil ( -2.3 )向上取整 -2Math.round()四舍五入 注意: 如 -2.5 结果是 -2Math.random(没有参数)随机[0~1)之间的数
2021-11-22 09:13:53
283
原创 js中循环方式 some-forEach-every-reduce 对比
some forEach every reduce 循环遍历对比forEach 循环一旦开始，中途无法停止。 const arr = ["小红", "小蓝", "小紫", "小黄"]; arr.forEach((item, index) => { if (item === "小蓝") { console.log(index); } console.log(item); });some 循环在找到对应的项之后，可以通
2021-11-19 10:17:52
714
原创 vue组件复用 props 传值 （父传子）
公共组件具有更好的复用性，当然，要根据实际情况选择全局或局部组件。全局组件props:['init'] 可以以数组的形式定义props：{init:{type:"类型",default:"默认值",required:"是否必传"}}全局组件注册 //在 main.js 中引入全局公用组件Count.vue import Count from '@/components/Count.vue' Vue.component('MyCount',Count) //组件名为
2021-11-18 17:20:38
610
原创 vue 之 watch computed 使用与区别
目录vue 之 watch 监听器1、方法格式的监听器2、对象格式的监听器vue 之 computed 计算属性：1、特点：2、例子：watch 和 computed 有什么区别？vue 之 watch 监听器要监听 data 中哪个数据的变化，就把数据名作为方法名即可。 监听函数中有两个值，分别为数据变化的新值（newVal），旧值（oldVal）。1、方法格式的监听器缺点 1：无法在首次进入页面时，自动触发监听函数。 缺点 2：如果监听的是一个对象，对象
2021-11-18 09:06:10
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人