- 博客(106)
- 收藏
- 关注
RSS订阅原创 macOS asdf 工具版本管理器
如果您只想在当前项目中指定特定的 Node.js 版本，而不影响全局环境，可以使用 asdf local 命令来设置项目的本地 Node.js 版本。3、如果开发者本地没有使用asdf，.tool-versions不影响项目任何内容，可当作提示使用，如果使用了asdf工具，本地没有当前所需node版本会提示安装，如果有会自动将当前文件作用域下的node切换为.tool-versions 指定的版本。要在特定的 Node.js 版本下运行项目，可以使用 asdf 管理器来管理 Node.js 版本。
2024-04-30 11:56:47
942
1
原创 vue3x相比Vue2x的改动
vue3.x，中支持定义多个根节点,省略了包裹容器<template> <h1>vue3</h1> <h2>vue3</h2></template>vue3x生命周期钩子：1.2 vue3x：setup() 替代了Vue2x中的beforeCreate和created生命周期函数，成为程序的入口//挂载1.3 vue3x： beforeMount => onBeforeMount1.4 vue3x： mou.
2024-04-28 19:47:04
390
原创 CSS3 animation (动画) 属性
animation-fill-mode 动画结束状态， 默认 backwards 回到起始 forwards 保持。animation-play-state 鼠标放上运行或暂停，默认 running不暂停 pause 鼠标放上暂停。animation 所有动画属性的简写属性，除了animation-play-state属性。linear 匀速。
2024-04-28 19:44:56
820
原创 2024最新 adb server version (40) doesn‘t match this client (41)； killing... * daemon started successfu
找到适用于客户端版本的旧版本 SDK： 首先，你需要找到包含 adb 客户端版本 40 的旧版本 Android SDK。不过也没有说是哪个版本，多方尝试，下载，点开adb 查看版本，最终找到28.0.0为1.0.40的版本，网上各种查找也没找到说如何用homebrew安装adb指定版本，确保设置正确的环境变量，以便系统能够找到旧版本的 adb 客户端。由于airtest测试群控安卓手机发现adb服务端和客户端版本不一致，运行经常报错，服务端是1.0.40 而客户端为1.0.41.
2024-03-06 17:32:19
815
原创 JS数组Reduce()方法详解及高级技巧-即看即用
是 JavaScript 中数组的一个高阶函数，它用于累积数组的元素，将它们合并为一个单一的值。这个方法接受一个回调函数作为参数，这个回调函数可以用来执行对数组中的每个元素的操作，累积的结果会不断传递给下一轮的回调。如果没有提供，则使用数组的第一个元素作为初始值，并从第二个元素开始调用回调。在这个例子中，reduce 从数组 [1, 2, 3, 4, 5] 中累积元素，初始值为 0，每次将当前元素加到累积器上。如果不提供初始值，reduce 会使用数组的第一个元素作为初始值，然后从第二个元素开始执行回调。
2023-12-14 11:55:47
458
原创 快应用问题记录
是否是全屏模式，默认不会同时作用于 titleBar，titleBar 需要继续通过 titleBar 控制。：是否在异形区域绘制内容。竖屏下只有在 fullScreen 为 true 时才会生效。portrait|landscape:竖屏和横屏下都会在异形区域绘制。none:不会在异形区域绘制，异形区域加黑处理。landscape:横屏下内容会在异形区域绘制。portrait:竖屏下内容会在异形区域绘制。
2023-09-27 17:25:06
185
原创 git 提交冲突
提示：您有偏离的分支，需要指定如何调和它们。您可以在执行下一次提示：pull 操作之前执行下面一条命令来抑制本消息：提示：提示： git config pull.rebase false # 合并提示： git config pull.rebase true # 变基提示： git config pull.ff only # 仅快进提示：提示：您可以将 “git config” 替换为 “git config --global” 以便为所有仓库设置。
2023-09-12 15:53:37
2224
原创 查看依赖包、插件的版本
这将显示你当前项目中安装的 vue-lazyload 插件的版本号。确保你安装了适用于 Vue 3 的版本。如果版本不兼容，你可以尝试升级或降级插件。这将显示 vue-lazyload 插件的最新版本号。
2023-09-07 17:19:17
1309
原创 插件版本冲突问题记录
3.使用 --force 或 --legacy-peer-deps： 如果你确定解决版本冲突后不会出现其他问题，你可以尝试使用 --force 或 --legacy-peer-deps 参数来强制解决依赖冲突。2.安装最新版本【@latest】的（例如： babel-loader：在确认依赖关系兼容后，重新安装最新版本的 babel-loader）。1.使用 --legacy-peer-deps 参数： 运行命令时使用 --legacy-peer-deps 参数，可能会避免一些版本冲突。
2023-08-31 16:13:42
297
原创 uniapp获取屏幕宽度时 获取不到移动设备中内容盒子宽度
因此，在你的代码中，第一个 console.log(‘data.boxWidth’, data.boxWidth) 实际上会在异步操作之前执行，所以它会打印出初始值（可能是 undefined 或者之前的值）。而第二个 console.log(‘rect.width’, rect.width) 是在回调函数中，它会在异步操作完成后执行，所以它能够正确地获取到元素的宽度。，也就是说，它会在后台进行元素查询，然后在执行 .exec() 后才会触发回调函数。这里执行获取到宽度后的代码就行。
2023-08-09 16:10:00
736
原创 vue3 组合式 API 中 props接收参数报错：TypeError: Cannot read properties of undefined (reading：XXX)
这是因为在组件加载和渲染过程中，父组件向子组件传递 props 数据是一个异步过程，子组件可能在接收到 props 数据之前就尝试访问它们。在访问 obj.book.cover 之前，你需要确保 cover 属性在对象中存在。在子组件的 props 属性中，你也可以为每个传递的 props 设置默认值，以确保在父组件未传递相关 props 数据时，子组件不会出现报错。在上面的例子中，props.obj 对象的属性引用被转换为响应式对象，可以通过 refs.book.value.cover 访问其值。
2023-05-19 20:17:39
7740
原创 vue3与vue2的对比
在这个例子中，v-for 和 v-if 的顺序是固定的，所以 v-if 先于 v-for 执行，v-for 内部的每个循环项都会经过 v-if 的判断。实际上，在 Vue 3.0 的语法中，v-if 和 v-for 的优先级是没有差别的，也不存在 v-if 优先级高于 v-for 的说法。它们的优先级取决于它们的顺序，如果 v-if 在 v-for 之前，则 v-if 先于 v-for 执行，反之则相反。5.更好的移动端支持：Vue 3.0 提供了更好的移动端支持，支持较多的触摸交互和动画效果。
2023-02-11 14:22:07
5737
2
原创 d3.js与echarts对比
如果你需要实现复杂的图形，或者需要更高的灵活性和定制性，那么 D3.js 更适合你；如果你需要快速构建图表，或者不需要实现复杂的图形，那么 ECharts 更适合你。学习曲线较陡峭，学习难度较大，需要对 HTML、CSS、JavaScript 等知识有扎实的基础。功能强大，提供了极高的灵活性和定制性，支持多种图表类型，如柱状图、饼图、散点图、树图、网络图等。适用于小规模和中等规模的项目，如果需要处理大量的数据或者进行复杂的数据分析，则可能不够灵活。学习难度较低，可以快速上手，提供了丰富的文档和案例。
2023-02-11 13:52:28
2424
原创 CSS3 animation (动画) 属性、解析总结
animation 所有动画属性的简写属性，除了animation-play-state属性。运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态；默认, 以低速开始，然后加快，在结束前变慢。动画以低速开始和结束 ，先加速后减速。动画结束状态， 默认。动画以低速结束，减速。完成一共用的时间，默认是0s （必须的）:hover 经过等其他配合使用。infinite 无限循环。
2022-11-04 10:51:24
1267
转载 uniAPP-web2App 侧滑 | h5打包后的app侧滑解决方案及使用方法
使用方法：对于vue项目来说，只需要将其放在public->index.html的body标签下面。
2022-10-13 15:00:36
1394
原创 uni ios视频黑屏、无声音或无法播放
uni打包小程序，安卓视频正常，ios部分视频会黑屏，可以试以下。禁用微信自带的视频缓存后启用系统自身的意思。
2022-10-08 17:11:15
2838
原创 移动端判断函数（环境判断、兼容关闭浏览器）
_isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) return flag; }, i..
2022-09-22 14:15:06
267
转载 vue 中 $nextTick() 不生效的问题
this.$nextTick() 是在数据完成更新后立即获取数据，但是我使用nextTick没有生效，获取的数据还是更新前的。
2022-08-12 14:56:38
5961
1
转载 vue3 提取图片颜色-前端方案
目前提取图片颜色比较常用的主题色提取算法有：最小差值法、中位切分法、八叉树算法、聚类、色彩建模法等，在这里我选择了中位切分法进行实现。
2022-06-09 17:25:09
2654
原创 TypeScript基本类型
1-TypeScript 介绍TypeScript 是什么TypeScript（简称：TS）是 JavaScript 的超集（JS 有的 TS 都有）。TypeScript = Type + JavaScript（在 JS 基础之上，为 JS 添加了类型支持）。TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行。2-TypeScript 类型注解2.2-联合类型2.3-类型别名（处理某个类型通用场景）2.4-函数单个指定类型2.5-函
2022-05-13 10:39:33
209
原创 vue插件化之.extend基础应用
1.extend是什么？首先看文档就能知道它是一个基于Vue构造函数的‘子类’，Vue是一个构造函数，而extend创造出来的也是一个构造函数，只不过.extend是Vue的子构造函数，也就是说.extend继承Vue上的东西，其次.extend是Vue2中的东西，Vue3移除掉了。那它具体是什么？应用于哪些方面呢？请看案例：实现的是一个MessageBox组件==》归属于MyUI组件库。//构造器：var Contructor = Vue.extend({ name: '', component
2022-04-04 21:01:10
1247
原创 JsSdk调用微信支付避坑
1、首先要依赖微信js-sdknpm install weixin-js-sdk --save2、封装代码 weixinPay.js:import wx from 'weixin-js-sdk'export default function wexinPay(data) { return new Promise((resolve, reject) => { // 后台传入数据 const { appId, nonceStr, p
2021-11-02 18:11:48
447
原创 vue+elmentUI字典值列表展示中文方法
vue中formatter方法的使用两种方式都可以，主要是后台传过来数据，有的是字母比如，NY之类的，N代表好，Y代表不好，我们在页面显示时候要显示文字，这个时候用<el-table-column prop="createTime" label="创建时间" :formatter="dateFormat"/>JS：dateFormat(row, column, cellValue, index){ const daterc = row[column.prop
2021-09-09 14:45:12
2026
转载 /deep/和＞＞＞和::v-deep
在style经常用scoped属性实现组件的私有化时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox /deep/ .el-input__inner{ padding:0 10px;}注意，/deep/在vue 3.0会报错如果/deep/报错，可采用::v-deep，效果基本一样，有人说::v-deep能加快编译速度，但是我在网上没有找到相关资料，无从验证。.conBox ::v-deep .el
2021-08-31 13:52:18
567
转载 撤回git commit操作
git commit之后，想撤销commit原文写完代码后，我们一般这样git add . //添加所有文件git commit -m “本功能全部完成”执行完commit后，想撤回commit，怎么办？这样凉拌：git reset --soft HEAD^这样就成功的撤销了你的commit注意，仅仅是撤回commit操作，您写的代码仍然保留。说一下个人理解：HEAD^的意思是上一个版本，也可以写成HEAD~1如果你进行了2次commit，想都撤回，可以使用HEAD~2至于这几个参
2021-08-31 10:31:48
440
转载 自定义表单验证-非必填校验规则
自定义表单验证-非必填校验规则fullName 自定义验证规则，只能填写中文但是又是非必填项。问题：只要获取再失去焦点后，如果input内的内容不符，或者无内容，都不会验证通过，导致无法提交表单单独写了 { required:false } 也不生效解决方法，再自定义校验规则里添加 if 判断...
2021-08-23 18:59:59
1020
原创 vue el-table 表头搜索（筛选）功能 头部添加搜索icon 点击显示popover 阻止在字段排序
使用elemen的render-header在funcion中 用createElement 创建虚拟DOM。首先创建SelectHeader.vue组件由于element内置icon的search长这样我找了个合适的需要注意的使用的element内置的排序sortable 那么在点击整个表格头部区域时 都会触发排序故在点击搜索icon的时候也会排序，影响体验，需要阻止这个排序用@click.stop=“popClick” 来阻止默认的排序<template> <e
2021-08-18 14:57:51
3740
2
原创 性能优化之函数节流/防抖
优化性能技巧：问题场景：当前实现一个搜索功能，需要输入文本就会触发函数调用搜索接口，亦或是用户可能双击搜索按钮等场景，当你未输入完关键字时，或者用户多次重复点击，就会浪费性能一次又一次的去请求接口.解决的问题:防止某时间段内发送多次重复请求解决方案：函数节流（也可使用函数防抖）封装一个util.js工具类函数，如下/** * 函数节流 * @param {*} fn 事件函数 * @param {*} delay 设置一段时间内只触发一次 */function throttle(f
2021-08-02 11:57:57
159
原创 Echarts pc端、移动端自适应方案-resize使用及注意点
1.ECHARTS动态设置宽高RESIZE()今天在项目中遇到了Echarts宽高自适应问题，几经波折终于把问题解决了，下面直接上代码：// 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById("main")); // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); // window.onresize = function () {
2021-07-19 17:55:38
2637
2
原创 TypeError: data.map is not a function
下面的代码报错TypeError: data.map is not a functionlet nameList = data.map(item => item.name);原因1：data不是数组解决方法：将data转换为数组let data = Array.from(data);...
2021-07-16 15:58:34
9967
原创 客户端本地测试集成打包
1.npm run lib 是插件打包，npm run build是文件打包，所以打包走的是npm run lib，打包完成之后通过(npm publish)命令发布到vnpm上，前提是指定的发包路径是–registry=http://registry.vnpm.vipkid.com.cn本地测试打包：npm run lib然后npm pack，这就会在本地生成一个包，然后拷在项目中npm i 包名，就会本地安装项目中2.publish包的话你们没权限，就先给你说这个流程本地测试打包：npm run
2021-07-16 15:57:29
407
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人