- 博客(107)
- 收藏
- 关注
原创 URL 查询字符串 new URLSearchParams
URLSearchParams 是 Web API 的一部分,它提供了一种处理 URL 的查询字符串(query string)的方法。这个接口可以让你以更加便捷和符合现代 JavaScript 风格的方式来读取和修改 URL 的查询参数。
2024-07-30 18:03:58 161
原创 vscode 插件
Git History (git log):可以查看 Git 提交记录、文件或行的历史。通过该扩展,可以快速浏览项目的版本历史,查看每个提交包含的修改内容和作者信息,以及文件和行的详细变更情况。
2024-07-26 10:58:41 102
原创 vue使用iframe @load指令
在HTML的元素中,@load是一个在Vue.js框架中使用的指令(或称为事件监听器),它用于监听的load事件。load事件在的内容完全加载完毕后触发,包括其中的图片、样式表、脚本等资源的加载完成。
2024-07-26 10:57:21 1011
原创 导航菜单 父级高亮 处理
让我们逐行解析这个函数:这个函数可能用于处理一个嵌套的导航菜单数据结构。例如,在一个多级导航菜单中,你可能想要当用户选择某个子菜单项时,不仅使该子菜单项处于活动状态,还使其父级菜单也处于活动状态。通过为每个菜单项添加一个属性,你可以轻松地确定哪些菜单项应该被标记为活动状态。假设你有以下数据结构:调用后,将变为:现在,你可以很容易地检查哪个菜单项(或它的任何父级菜单项)的列表包含某个特定的UUID,从而确定哪些菜单项应该被标记为活动状态。效果: 父子同时高亮
2024-04-19 17:38:25 325
原创 vue3+uniapp 动态渲染组件,兼容h5、app端
最后,请注意动态导入和组件加载是异步操作,可能会引入额外的加载时间。确保你的服务器支持跨域请求,并且接口返回的是正确的组件路径。此外,动态导入的路径应该是相对于项目根目录的,因此路径前面带有。此外,确保您的服务器配置了正确的路由来返回组件文件,并且组件文件的路径与接口返回的名称匹配。来定义一个异步组件,这样你可以在组件实际被渲染之前先执行一些异步操作,比如从接口获取组件定义。如果你想要通过接口动态获取组件路径,并据此动态渲染组件,你可以使用异步组件和。函数,并根据返回的组件路径动态导入组件。
2024-04-02 10:05:32 3038
原创 hasOwnProperty.call
是 JavaScript 中的一个方法,用于检查一个对象是否拥有特定的自身(非继承)属性。这样做可以让你在没有实例化对象的情况下,或者想要检查某个对象是否拥有特定属性时使用。是对象实例的方法,如果对象拥有指定的自有属性,它返回。这两种方法的结果是一样的,但第二种方法使用了。
2024-03-29 11:33:42 242
原创 CSS object-fit 属性
object-fit 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。bject-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。属性来切换被替换元素的内容对象在元素框内的对齐方式。
2024-03-21 14:31:37 435
原创 均线图 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日均线)。
2023-12-08 11:07:23 2609
原创 K线图详解
每根K线由四个关键价格构成:开盘价(Open)、收盘价(Close)、最高价(High)和最低价(Low)。K线的实体部分表示开盘价和收盘价之间的价格范围,通过不同的颜色或填充方式来表示涨跌情况。如果收盘价低于开盘价,通常使用红色或实心的实体表示跌势。K线图可以通过不同的时间周期(例如1分钟、5分钟、1小时、1天等)来展示不同的价格走势,帮助交易者分析市场趋势、判断买卖时机和制定交易策略。另外,每根K线的上影线和下影线表示了当期价格的最高点和最低点,提供了更详细的价格范围信息。
2023-12-08 10:52:26 547
原创 git分支修改名称并推送到远程
命令用于删除远程仓库中的旧分支,通过将分支名前面的冒号 : 添加到命令中,可以将一个空的引用推送到远程分支,从而实现删除分支的操作。这样,在以后的推送操作中,你可以简单地使用 git push 命令来推送本地分支的更新,而不需要指定远程仓库和分支名称。通过使用 --set-upstream 或 -u 选项,Git 将会自动设置新分支与远程仓库分支的关联;修改本地分支名称,这将在本地仓库中重命名分支,但不会影响远程仓库。将改名后的本地分支推送到远程,并将本地分支与之关联。
2023-12-05 10:10:40 1663
原创 杠杆交易和合约交易
帐户余额为100 USDT(无杠杆可买0.00264 BTC),如果使用10倍杠杆,可以买入BTC的数量为0.0264 BTC,BTC现价为37880 USDT,0.0264个BTC价值:37880 *0.0264=1000 USDT,是帐户余额的10倍。杠杆交易是以现货交易为基础的商品。而合约则没有抵押品的概念,合约是保证金模式,交易的是未来的BTC价格,属于衍生品市场交易,杠杆交易则是基于当下的BTC价格进行交易。其次,二者支持的币种数量不同,杠杆交易支持的币种较多,而合约交易通常只支持主流币。
2023-11-30 11:26:46 1442
原创 获取url动态参数
window.location.search 只会返回问号后的查询字符串,而不包括 # 及其后面的内容,所以使用 window.location.href 来获取完整的 URL,通过split 分割 获取?在这个特定的语句中,searchParams.entries() 返回一个迭代器对象,该对象包含查询字符串中的每个键值对。每个键值对都是一个具有两个元素的数组,第一个元素是键,第二个元素是值。通过使用解构赋值语法,我们可以将键值对数组的第一个元素赋给变量 key,将第二个元素赋给变量 value。
2023-11-14 16:49:07 150
原创 vue2跨组件传值、透明传输($attrs 和 $listeners )
当在 Vue.js 组件中使用 $attrs 和 $listeners 时,它们提供了一种方便的方式来处理传递给组件的属性和事件监听器。1.$attrs 是一个对象,包含了父组件传递给当前组件但未被当前组件声明的 props。这对于实现“透明传输”非常有用。2.$listeners 也是一个对象。它包含了父组件传递给当前组件的所有事件监听器。往下传值:$attrs。
2023-07-11 11:49:49 714
原创 vue和react区别
2. 数据绑定方式不同:Vue2采用的是双向数据绑定,即数据的变化会自动更新视图,视图的变化也会自动更新数据。而React则是采用单向数据流,即数据只能从父组件传递到子组件,子组件不能直接修改父组件的数据。1. 组件化方式不同:Vue2采用的是模板语法,即将HTML、CSS和JavaScript代码放在同一个文件中,而React则是采用JSX语法,即将HTML和JavaScript代码混合在一起。而React则是采用了纯函数和虚拟DOM等技术,也可以提高应用的性能表现。
2023-05-11 18:18:29 725 1
原创 Javascript中判断对象是否具有属性
中的介绍:如果指定的对象具有作为其自身属性的指定属性,则。如果该属性是继承的或不存在,则该方法返回。的方式创建一个对象那么就拿不到。的原型上拿到的,如果使用。的静态方法是可以直接通过。
2023-04-19 15:13:20 118
原创 关闭浏览器的新打开窗口标签页
JavaScript从来不允许开发者关闭用户打开的窗口。这是由于一些安全问题造成的。所以,程序员只能关闭用JavaScript的open()方法打开的浏览器窗口。
2023-04-10 11:24:18 456
原创 package.json 和 package-lock.json
package-lock.json 目的是对整个依赖树进行版本固定的(锁死),会在 npm 更改 node_modules 目录树 或者 package.json 时自动生成的 ,它准确的描述了当前项目 npm 包的依赖树,并且在随后的安装中会根据 package-lock.json 来安装,保证是相同的一个依赖树,不考虑这个过程中是否有某个依赖有小版本的更新。
2023-03-09 15:35:41 173
原创 npm install报错unable to resolve dependency tree
浅析npm i报错unable to resolve dependency tree问题解决及了解peerDependency和--legacy-peer-deps命令的意义
2023-03-09 15:18:07 4083
原创 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'// 页面引入...
2022-05-13 11:21:39 1768 2
原创 阿里云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
2022-05-13 10:50:57 719
原创 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);
2022-05-10 16:45:38 997
原创 vue列表选中非选中效果
<div v-for="(item,index) in lmlist" @click="selected(item,index)" style="padding: 16px 16px 0;cursor: pointer;" :class="{commonActive:activeIndex==index}"></div>
2022-05-10 15:23:46 374
原创 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
2022-05-06 16:55:20 1112 1
原创 父元素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:rgba.
2022-04-28 10:17:12 417
原创 git修改项目地址
git remote 查看所有远程仓库, git remote xxx 查看指定远程仓库地址git remote rm origingit remote add origin[url新远程仓库地址]
2022-01-27 09:40:07 573
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人