qq_36657291的博客

原创 导航菜单 父级高亮 处理

让我们逐行解析这个函数：这个函数可能用于处理一个嵌套的导航菜单数据结构。例如，在一个多级导航菜单中，你可能想要当用户选择某个子菜单项时，不仅使该子菜单项处于活动状态，还使其父级菜单也处于活动状态。通过为每个菜单项添加一个属性，你可以轻松地确定哪些菜单项应该被标记为活动状态。假设你有以下数据结构：调用后，将变为：现在，你可以很容易地检查哪个菜单项（或它的任何父级菜单项）的列表包含某个特定的UUID，从而确定哪些菜单项应该被标记为活动状态。效果： 父子同时高亮

原创 vue3+uniapp 动态渲染组件，兼容h5、app端

最后，请注意动态导入和组件加载是异步操作，可能会引入额外的加载时间。确保你的服务器支持跨域请求，并且接口返回的是正确的组件路径。此外，动态导入的路径应该是相对于项目根目录的，因此路径前面带有。此外，确保您的服务器配置了正确的路由来返回组件文件，并且组件文件的路径与接口返回的名称匹配。来定义一个异步组件，这样你可以在组件实际被渲染之前先执行一些异步操作，比如从接口获取组件定义。如果你想要通过接口动态获取组件路径，并据此动态渲染组件，你可以使用异步组件和。函数，并根据返回的组件路径动态导入组件。

原创 hasOwnProperty.call

是 JavaScript 中的一个方法，用于检查一个对象是否拥有特定的自身（非继承）属性。这样做可以让你在没有实例化对象的情况下，或者想要检查某个对象是否拥有特定属性时使用。是对象实例的方法，如果对象拥有指定的自有属性，它返回。这两种方法的结果是一样的，但第二种方法使用了。

原创 CSS object-fit 属性

object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。bject-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。属性来切换被替换元素的内容对象在元素框内的对齐方式。

原创 均线图 MA5 M10 M30

MA5表示计算过去5个4小时周期的价格平均值，MA10表示计算过去10个4小时周期的价格平均值，MA30表示计算过去30个4小时周期的价格平均值。另外，如果你想在1天的均线图上绘制相同的均线，你可以计算出相应的MA5、MA10和MA30均线。在1天的时间周期内，MA5表示计算过去5天的价格平均值，MA10表示计算过去10天的价格平均值，MA30表示计算过去30天的价格平均值。这些均线可以帮助你分析市场的长期趋势。在均线图中，常用的均线包括MA5（5日均线）、MA10（10日均线）和MA30（30日均线）。

原创 K线图详解

每根K线由四个关键价格构成：开盘价（Open）、收盘价（Close）、最高价（High）和最低价（Low）。K线的实体部分表示开盘价和收盘价之间的价格范围，通过不同的颜色或填充方式来表示涨跌情况。如果收盘价低于开盘价，通常使用红色或实心的实体表示跌势。K线图可以通过不同的时间周期（例如1分钟、5分钟、1小时、1天等）来展示不同的价格走势，帮助交易者分析市场趋势、判断买卖时机和制定交易策略。另外，每根K线的上影线和下影线表示了当期价格的最高点和最低点，提供了更详细的价格范围信息。

原创 git分支修改名称并推送到远程

命令用于删除远程仓库中的旧分支，通过将分支名前面的冒号 : 添加到命令中，可以将一个空的引用推送到远程分支，从而实现删除分支的操作。这样，在以后的推送操作中，你可以简单地使用 git push 命令来推送本地分支的更新，而不需要指定远程仓库和分支名称。通过使用 --set-upstream 或 -u 选项，Git 将会自动设置新分支与远程仓库分支的关联;修改本地分支名称,这将在本地仓库中重命名分支，但不会影响远程仓库。将改名后的本地分支推送到远程，并将本地分支与之关联。

原创 杠杆交易和合约交易

帐户余额为100 USDT（无杠杆可买0.00264 BTC），如果使用10倍杠杆，可以买入BTC的数量为0.0264 BTC，BTC现价为37880 USDT，0.0264个BTC价值：37880 *0.0264=1000 USDT，是帐户余额的10倍。杠杆交易是以现货交易为基础的商品。而合约则没有抵押品的概念，合约是保证金模式，交易的是未来的BTC价格，属于衍生品市场交易，杠杆交易则是基于当下的BTC价格进行交易。其次，二者支持的币种数量不同，杠杆交易支持的币种较多，而合约交易通常只支持主流币。

原创 获取url动态参数

window.location.search 只会返回问号后的查询字符串，而不包括 # 及其后面的内容，所以使用 window.location.href 来获取完整的 URL，通过split 分割 获取？在这个特定的语句中，searchParams.entries() 返回一个迭代器对象，该对象包含查询字符串中的每个键值对。每个键值对都是一个具有两个元素的数组，第一个元素是键，第二个元素是值。通过使用解构赋值语法，我们可以将键值对数组的第一个元素赋给变量 key，将第二个元素赋给变量 value。

原创 js 获取url的多种方式

js 获取url的多种方式。

原创 vue2跨组件传值、透明传输（$attrs 和 $listeners ）

当在 Vue.js 组件中使用 $attrs 和 $listeners 时，它们提供了一种方便的方式来处理传递给组件的属性和事件监听器。1.$attrs 是一个对象，包含了父组件传递给当前组件但未被当前组件声明的 props。这对于实现“透明传输”非常有用。2.$listeners 也是一个对象。它包含了父组件传递给当前组件的所有事件监听器。往下传值：$attrs。

原创 vue和react区别

2. 数据绑定方式不同：Vue2采用的是双向数据绑定，即数据的变化会自动更新视图，视图的变化也会自动更新数据。而React则是采用单向数据流，即数据只能从父组件传递到子组件，子组件不能直接修改父组件的数据。1. 组件化方式不同：Vue2采用的是模板语法，即将HTML、CSS和JavaScript代码放在同一个文件中，而React则是采用JSX语法，即将HTML和JavaScript代码混合在一起。而React则是采用了纯函数和虚拟DOM等技术，也可以提高应用的性能表现。

原创 Javascript中判断对象是否具有属性

中的介绍：如果指定的对象具有作为其自身属性的指定属性，则。如果该属性是继承的或不存在，则该方法返回。的方式创建一个对象那么就拿不到。的原型上拿到的，如果使用。的静态方法是可以直接通过。

原创 vue 列表 鼠标滑过悬浮 样式改变

列表鼠标 hover 样式

原创 关闭浏览器的新打开窗口标签页

JavaScript从来不允许开发者关闭用户打开的窗口。这是由于一些安全问题造成的。所以，程序员只能关闭用JavaScript的open()方法打开的浏览器窗口。

原创 package.json 和 package-lock.json

package-lock.json 目的是对整个依赖树进行版本固定的（锁死），会在 npm 更改 node_modules 目录树 或者 package.json 时自动生成的 ，它准确的描述了当前项目 npm 包的依赖树，并且在随后的安装中会根据 package-lock.json 来安装，保证是相同的一个依赖树，不考虑这个过程中是否有某个依赖有小版本的更新。

原创 npm install报错unable to resolve dependency tree

浅析npm i报错unable to resolve dependency tree问题解决及了解peerDependency和--legacy-peer-deps命令的意义

原创 es6 new Promise

new Promise

原创 iView Table合并单元格（行、列）

合并单元格 rowspan cowspan

原创 Vue.set和this.$set

Vue.set和this.$set介绍

原创 vue 动态组件component

vue 动态组件component

原创 阿里云oss访问图片出现跨域问题

解决阿里云oss访问图片出现跨域问题

转载 详解vue beforeRouteEnter 异步获取数据给实例问题

详解vue beforeRouteEnter 异步获取数据给实例问题

原创 vue 阻止点击事件穿透

vue 阻止点击事件穿透

原创 JS中各种数组遍历方式的性能对比

遍历性能测试

原创 Git 版本回退方法

git回退版本 提交

原创 git 代码回滚到指定版本

代码回滚

原创 js 小数相加 精度

小数相加 精度问题

原创 vue-quill-editor 自定义图片上传和视频上传（阿里云oss上传 ）；video替换iframe标签

这个编辑器，可支持上传图片、视频链接或视频，插入视频功能做了一下改进；图片和视频是上传到阿里云oss，拿到oss地址后 插到编辑器里回显的；安装npm install vue-quill-editor --save在main.js 引入import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'// 页面引入...

原创 阿里云oss上传文件 excel 图片 视频 基本使用

下载依赖 npm install ali-oss这里用的elementUI 里的upload上传文件功能<el-form-item label="图片" prop="content" class="editor_box"> <el-upload action="" class="avatar-uploader" :http-request="uploadAvatarTwo" :before-upload="beforeUpload" :on-success="h

原创 css修改滚动条样式

/* 设置滚动条的样式 */::-webkit-scrollbar {width:12px;}/* 滚动槽 */::-webkit-scrollbar-track {-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;}/* 滚动条滑块 */::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(0,0,0,0.1);

原创 vue列表选中非选中效果

<div v-for="(item,index) in lmlist" @click="selected(item,index)" style="padding: 16px 16px 0;cursor: pointer;" :class="{commonActive:activeIndex==index}"></div>

原创 less less-loader安装失败问题

npm install less-loader --save --legacy-peer-deps加上--legacy-peer-deps就可以了在NPM v7中，现在默认安装peerDependencies，这会导致版本冲突，从而中断安装过程。--legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本m

原创 父元素opcity影响子元素

一：backgrounde-color：rgba（ ） 设置背景色的时候，可以调节背景色的透明度，注意是背景哦，所以不会存在遮罩问题。见图#test .cover{ height: 100px; /* background-color: red; */ /* opacity: 0.8; */ margin-top: -100px; background-color: rgba(255,0,0,0.8) 还有因为background-color:ｒｇｂａ.

原创 git修改项目地址

git remote 查看所有远程仓库， git remote xxx 查看指定远程仓库地址git remote rm origingit remote add origin[url新远程仓库地址]

原创 vue 路由切换 回到顶部

window.scrollTo(0,0)

原创 Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dar

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.npm run dev后 出现以下警告因为 sass 新版本目弃用“/”的用法，sass自定义element theme时会报warnning

原创 JS中各种数组遍历方式的性能对比

转载 git分支新建与合并

https://git-scm.com/book/zh/v2/Git-%E5%88%86%E6%94%AF-%E5%88%86%E6%94%AF%E7%9A%84%E6%96%B0%E5%BB%BA%E4%B8%8E%E5%90%88%E5%B9%B6

原创 vue js 前端导出 下载 打印 图片 pdf html 局部打印

html2canvas将HTML内容写入Canvas生成图片print.js 打印插件第一种方法： 原生js printDeal(val) { var printBox = document.getElementById(val); //拿到打印的区域的html内容 var newContent = printBox.innerHTML; //将旧的页.....