Karle - 博客园

2024年1月30日

摘要：项目使用了Vant组件库，想去改变全局的Toast样式有一个样式文件index.less，里面进行了Vant相关样式调整。希望通过构建，将其引入到自己的组件中开始通过preprocessorOptions进行引入，发现对Vant组件修改的样式不起效果，但是普通标签被修改样式后是有效果的 prep 阅读全文

posted @ 2024-01-30 17:45 Karle 阅读(75) 评论(0) 推荐(0) 编辑

2024年1月26日

用Promise解决并发

摘要：前提假设有两个或多个网络请求函数如果使用asyn/await，假设一个请求需要2s，那么总共需要4s 如果使用并发，则两秒即可完成两个请求 const getA => () { return Promise((resolve, reject) => { setTimeout(() => { re 阅读全文

posted @ 2024-01-26 18:14 Karle 阅读(74) 评论(0) 推荐(0) 编辑

2024年1月23日

使用递归解决嵌套页面的状态改变

摘要：场景一个注销页，里面有四种状态。注销说明页输入手机号码和图形验证码输入短信验证码注销处理中在每一个状态中，都需要被APP调用window.jumpOther()返回到上一个状态 <template> <div v-if="pageStatus.isDelete"></div> <div 阅读全文

posted @ 2024-01-23 17:55 Karle 阅读(4) 评论(0) 推荐(0) 编辑

2024年1月22日

设计模式——组合模式

摘要：定义组合（Composite Pattern）模式的定义：有时又叫作整体-部分（Part-Whole）模式，它是一种将对象组合成树状的层次结构的模式，用来表示“整体-部分”的关系，使用户对单个对象和组合对象具有一致的访问性，属于结构型设计模式。节点组合模式结构为一颗二叉树，存在三种节点 Com 阅读全文

posted @ 2024-01-22 18:11 Karle 阅读(5) 评论(0) 推荐(0) 编辑

input聚焦，label上移效果

摘要：有一个输入框，有一行lable提示文案，当输入框聚焦，文案上移 <div class="input-area"> <input type="text" class="__input" required /> <label for="" class="__tip">Input...</label> < 阅读全文

posted @ 2024-01-22 15:00 Karle 阅读(43) 评论(0) 推荐(0) 编辑

2024年1月19日

Nuxt2——asyncData()/fetch()

摘要： asyncData() asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用 asyncData方法来获取数据，Nuxt.js 会将 asyncData 返回的数据融合组件 d 阅读全文

posted @ 2024-01-19 17:50 Karle 阅读(260) 评论(0) 推荐(0) 编辑

box-shadow被遮挡

摘要：场景 A B两个元素，A元素设置了box-shadow，但是B元素在与A元素重叠的时候将阴影遮挡解决 1.A元素设置position:absolute/relative; 2.A元素设置z-index:1; 提示因为z-index只有定位元素的情况下起效，所以单纯设置z-index无法解决问题阅读全文

posted @ 2024-01-19 11:48 Karle 阅读(56) 评论(0) 推荐(0) 编辑

2024年1月18日

Nuxt2——路由

摘要： Nuxt内置了路由模块，无需自行编写路由文件 Nuxt会根据pages/自行配置路由文件基础路由 pages/ --| user/ | index.vue | one.vue --| index.vue 得到路由配置 router: { routes: [ { name: 'index', pat 阅读全文

posted @ 2024-01-18 16:31 Karle 阅读(82) 评论(0) 推荐(0) 编辑

Nuxt2——构建文件

摘要： nuxt2构建文件放在nuxt.config.js，使用cjs语法，暴露配置对象基本配置项 mode 有spa和universal两种模式。spa没有使用到服务器渲染，但是使用路由。universal使用服务器渲染加客户端路由 mode:'universal' head 配置html的<head> 阅读全文

posted @ 2024-01-18 11:21 Karle 阅读(48) 评论(0) 推荐(0) 编辑

2024年1月17日

Pure Function

摘要： Pure Function 纯函数 1.纯函数一定要有输入和输出，函数内使用到的变量最好都应该从参数中获取 const pure = (a,b,c) { return a + b + c } let c = 1 const impure = (a, b) { return a + b + c } c 阅读全文

posted @ 2024-01-17 17:05 Karle 阅读(7) 评论(0) 推荐(0) 编辑