矢心%-优快云博客

原创 vue3 ref底层实现原理

随着现在vue3越来越普及，相应的面试题也多了起来说到vue3的面试题，有一个最经典的就是ref和reactive的区别，用法上的区别很明显，大家都理解，对于实现这两个方法的底层原理网上却众说纷坛，各有说法。其中vue3的reactive的是用Proxy实现的这一点是明确的下面说一下我自己的理解，如有误请在评论区指出！

2023-04-24 14:40:46 1464 3

原创 js 异步循环

在js中某些场景需要用到数组循坏中使用异步的操作，在这种情况下我们可能会面临这些问题如何让所有的循环中的Promise异步操作结束后执行再执行某个操作如何在循环中的Promise异步操作按顺序等待上一个完成后再执行下一个异步操作这是我的一些实现思路，如下。

2023-04-20 11:04:37 1815

原创 flex弹性布局子元素内容超出盒子容器宽度问题

在使用弹性布局的时候，必然会有碰到分配子元素空间问题，例如flex:1平均分配但使用中有时候会发现，当其中某个子元素的内容过长时，会挤压其他子元素以及父元素的空间，并没有按我们设置的预期比例去进行分配正常情况。

2023-04-18 15:25:17 6626 1

原创 flex弹性布局子元素高度不撑满父元素高度问题

例如：在项目中会有做多级表格的需求，例如下图，一级数据放在表格左边，数据的多个子项item放在右边，由于数据是动态的所以不固定高度。

2023-04-17 14:40:08 8917

原创 vuex mapState mapGetters用法以及多个module模块下用法详解

在vuex，当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余，例如为了解决这个问题，我们可以使用 mapState和mapGetters 辅助函数帮助我们生成计算属性，让你少按几次键2、字符串数组写法除此之外，还有更简洁的写法当映射的计算属性的名称与 state 的子节点名称相同时，我们也可以给 mapState 传一个字符串数组，类似于对象的key和value键名相同时{ name: name } =》{ name }此外如果是用到了module模块化，除了将对象作为

2022-06-02 16:54:43 8665

原创 js some every数组方法的区别与详解

在开发中对数组数据的常规操作我们会经常遇到一些必要的操作例如：要检测数组中的元素是否满足指定条件，然后直接返回布尔值方便进行判定操作这里javascript里的数组方法 some和every就能很好的解决这种问题some() 方法用于检测数组中的元素是否满足指定条件，并且会依次执行数组的每个元素他不会对空数组进行检测，也不会改变原始数组，方法返回布尔值如果有一个元素满足条件，则表达式返回true数组对象也可使用，用法相同二、every() 方法every() 方法用于检测数组所有元素是否都符合

2022-06-02 14:32:35 3764

原创 koa+uniapp 微信小程序登录流程实现

koa+uniapp 微信小程序登录流程实现提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录koa+uniapp 微信小程序登录流程实现前言准备流程一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言在做个人商城项目时碰到授权登录小程序时碰到的问题，记录一下。准备流程提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库

2022-06-01 10:13:17 1641 1

原创 js for forEach 跳出循环方式

js for forEach 跳出循环方式文章目录js for forEach 跳出循环方式前言一、for循环二、for in 循环三、forEach循环问题解决办法前言JS中的循环还是很常用的，这里总结一下几种常用循环的跳出方式一、for循环使用continue 跳出循环为单次循环跳出，但是整个循环继续执行。在这里循环 arr[i] === 1时跳出了当前循环。未执行下面的打印输出日志使用break 跳出循环为跳出整个循环。在这里当循环到2时，跳出整个循环。只打印输出了1使用re

2021-03-31 11:57:21 1102

原创 electron-builder nsis 打包配置license乱码

使用electron-builder打包时配置好了license许可协议，打包后安装出现乱码。

2020-08-24 15:10:00 2181 3

转载 vue项目中 render函数直接操作html元素报错

vue项目中 render函数直接操作html元素报错vue文件中，写法如下，会报语法错误 1 2 3 4 5 6 7 8 9 10 11 12 13 render(h, context) { const { icon, title } = context.props const vnodes = [] if(ico...

2020-08-13 10:26:13 2382 1

原创 Vue 实现翻页器下一页处理显示多页面要下一页非表格

vue里面因为数据太多要弄多个页面，路由又不行，element ui的分页器用不了我的环境是electron-vue，和vue通用的可以无视，这里采用了element ui 的走马灯当做容器翻页首先把你的渲染数据的数组等分，我这里分成了一个数组8条数据方法如下let index = 0 while (index< this.screenList.length) { this.newArr.push(this.screenList.slice(index, index

2020-05-15 13:33:20 4330

weixin_46180366的博客