- 博客(196)
- 收藏
- 关注
RSS订阅
原创 字符串方法
字符串方法速查String 对象属性属性描述constructor对创建该对象的函数的引用length字符串的长度prototype允许您向对象添加属性和方法String 对象方法方法描述charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。concat()连接两个或更多字符串，并返回新的字符串。endsWith()判断当前字符串是否是以指定的子字符串结尾
2021-08-22 15:45:30
462
原创 javascript数组常用api 方法
本文总结了javascript常用的数组的方法包括 forEach filter map join concat sort splice indexOf reverse find every push unshift pop shift等
2021-07-11 18:25:38
3360
1
原创 vite创建vue3项目并进行配置
执行以下命令 pnpm create vue@latest进行选项式的创建项目 选择好自己需要用到的项 直接enter就可以了 下载后相关配置就已经为我们配置好了 只需要根据需要略微改动就可以直接使用了。此方式创建的项目较为干净 0手起步 只包含一些基础依赖 例如vue vite等 项目目录如下。此处我们对此项目在.vscode进行一些项目的配置 配置中包含了相关注释解释。执行以下命令 之后输入项目名称 选择框架 选择语言 例如。
2025-04-28 17:54:30
275
原创 el-input限制输入只能是数字 限制input只能输入数字
通过对value值进行正则限制：οnkeyup=“value=value.replace(/[^\d]/g,’ ')”，绑定一个onkeyup监听事件，/[^\d]/g 是用来匹配所有非数字内容的正则表达式，将之替换成空字符串，这种方式不会影响任何属性，推荐使用。通过绑定值限制的方式：v-model.number=“aaa”,这种方式会限制一般的数字，但是会影响maxlengt属性，并且e是可以输入的，一般情况可以使用，严格限制的话不建议使用。只允许输入数字(整数：小数点不能输入)允许输入小数(两位小数)
2025-04-27 20:45:00
249
原创 tsconfig.json和tsconfig.node.json和tsconfig.app.json有什么区别
是三个不同的TypeScript配置文件，它们分别用于不同的场景和目的。其中tsconfig.node.json是专门用来配置vite.config.ts文件的编译规则，tsconfig.app.json则是用来定义项目中其他文件的ts编译规则。这个配置文件适用于整个项目，包括Vue组件、JavaScript文件和其他TypeScript文件。它包含了Node.js特有的配置，如模块解析规则、类型检查规则等。它包含了Vue组件特有的配置，如模块解析规则、类型检查规则等。在Vue 3项目中，
2025-04-27 18:31:22
309
原创 手动实现legend 与 echarts图交互 通过元素和js事件实现图标某项的高亮 显示与隐藏
通过js实现柱形图同一组数据时 隐藏某一个柱子效果图通过js实现柱形图一组数据的显示隐藏 达到legend的效果效果图
2025-04-24 19:20:27
741
原创 详解.vscode 下的json .vscode文件夹下各个文件的作用
我们只需要在插件页面点击添加到工作区建议 就可以生成在extensions.json文件 并且把该文件添加到推荐区 反之可以把已添加的从工作区建议删除 删除该插件的推荐通过插件筛选可以看到项目推荐的插件有哪些。
2025-04-21 16:56:13
893
原创 echarts 折线图 区域填充 指示器 配置 tooltip显示自定义显示
echarts 折线图 区域填充 指示器 自定义tooltip显示 隐藏标记图形 更换指示器的显示
2025-04-21 10:23:51
217
原创 使用el-tooltip封装省略号组件内容超出显示tooltip
在公共组件中封装el-tooltip的显示,当传入的内容超出父元素的大小时,显示tooltip组件。
2025-03-18 20:59:11
163
原创 depcheck 检查项目中依赖的使用情况 避免幽灵依赖的产生
幽灵依赖是指node_modules中存在 而package.json中没有声明过的依赖 但却能够在项目的依赖树中找到并使用的模块。
2024-09-18 10:57:45
1053
原创 关于使用mapbox的一些记录
二、绘制标记 https://www.mapbox.com/mapbox-gl-js/example/custom-marker-icons/十一、修改鼠标 https://www.mapbox.com/mapbox-gl-js/example/center-on-symbol/十四、动态绘制区域 https://www.mapbox.com/mapbox-gl-js/example/mapbox-gl-draw/
2024-09-14 13:36:38
2579
1
原创 git 配置多个.ssh 本地电脑可以通过ssh向多个平台提交代码
/.ssh/gitee_id_rsa 是秘钥的生成的地址 ~写绝对路径 例如 C:\Users\admin.ssh/id_rsa_github。同一台电脑配置多个.ssh 执行多个平台例如 gitee github gitlab …出现这样的代表成功了。
2024-08-28 20:22:25
384
1
原创 git stash 对当前分支修改的内容进行暂存
我们在开发的时候往往会遇到这种情况, 在一个分支开发,写了不少内容,但是突然来了一个紧急的需求需要切换分支,去做这个需求,但是当前的分支又因为没有开发完成,不想形成一条无效的commit记录,这时我们就到暂存上场了。
2023-12-06 13:07:39
1062
原创 vue3中如何实现事件总线eventBus
由于vue3中 “$ on”，$ off 和 $ once 实例方法已被移除，组件实例不再实现事件触发接口 所以我们可以使用官方推荐的这个第三方库实现同样的效果。全局总线，vue 入口文件 main.js 中挂载全局属性。点击 按钮 b组件中的数值增加。main.ts 初始化。
2023-12-02 13:30:23
1856
原创 bem架构 element css的命名规则
BEM（Block, Element, Modifier）是一种命名约定，用于在编写 CSS 和 HTML 类名时创建可维护和可重用的样式。BEM 是一种常用的 CSS 命名规范，它的目的是减少样式之间的耦合，增加样式的可读性，并提高样式的复用性。
2023-11-28 12:56:08
660
原创 如何定位el-tree中的树节点当父元素滚动时如何定位子元素
如果为 true，元素的顶端将和其所在滚动区的可视区域的顶端对齐。相应的 scrollIntoViewOptions: {block: “start”, inline: “nearest”}。如果为 false，元素的底端将和其所在滚动区的可视区域的底端对齐。Element 接口的 scrollIntoView() 方法会滚动元素的父容器，使被调用 scrollIntoView() 的元素对用户可见。定义滚动是立即的还是平滑的动画。auto：滚动行为由 scroll-behavior 的计算值决定。
2023-11-19 11:25:38
702
原创 echarts 中如何添加左右滚动条 数据如何进行堆叠如何配置那些数据使用那个数据轴
此项的具体配置可参考 https://echarts.apache.org/zh/option.html#dataZoom-inside.moveOnMouseWheel。
2023-11-19 10:45:03
778
原创 使用cordova 打包的app 如何让视频横屏播放 video
Cordova插件“cordova-plugin-screen-orientation”设置移动端横屏播放video视频。
2023-08-20 20:33:26
631
原创 子组件未抛出事件 父组件如何通过$refs监听子组件中数据的变化 在父生命周期中$watch监听子组件数据变化
我们平时开发项目会使用一些比较成熟的组件库, 但是在极小的情况下,可能会出现我们需要监听某个属性的变化,使我们的页面根据这个属性发生一些改变,但是偏偏组件库没有把这个属性抛出来,当我们使用watch通过refs监听时,由于生命周期的原因还不能拿到,这时候我们可以这样做,以下是一个极简的例子。
2023-07-30 14:32:10
1412
原创 vue除了子组件抛出的额外参数,父组件如何传递额外参数
以下为一个简单的demo,只为记录一下很多时候如果我们多个地方使用同一函数时,往往就需要进行判断了,但是组件库返回的函数携带的参数没办法让我们做多余的判断 这时就需要传递多余的参数了。
2023-07-29 17:44:29
799
原创 实现点击复制到剪切板功能
VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS API变得支持响应式，省去程序员自己写相关代码。VueUse 是一个基于 Composition API 的实用函数集合。通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，它可以帮助你快速实现一些常见的功能，免得你自己去写，解决重复的工作内容。以及进行了机遇 Composition API 的封装。
2023-07-23 21:27:07
452
原创 Windi CSS 原子css 下一代工类 CSS 框架
最近由于项目原因接触到了windi Css 发现这个东西真是绝绝子啊,不用在代码里写一行style,完全以类的形式去写样式,它里面包含了几乎所有的css样式，可以让我们不需要再去繁琐的写css样式，原来几行的css现在只需要短短的几个字符。他的许多新特性给我们带来了极大的方便，并且他给我们带来了更快的加载体验。
2023-05-21 16:46:16
1072
原创 vueComponents和vue实例的关系
每个函数function都有一个prototype属性，即显式原型（属性）。它默认指向Object空对象，每个实例对象都有一个__proto__属性，即称隐式原型（属性）。VueComponent把原本指向Object的原型对象改到指向Vue原型对象（黄线），即VueComponent.prototype.proto === Vue.prototype，目的是为了组件实例对象（vc）可以访问到Vue原型上的属性和方法。Vue和是VueComponent就像一对孪生双胞胎，他们绝大多数的属性和方法都很.
2023-05-20 22:27:24
177
原创 npm、cnpm、yarn、pnpm区别以及pnpm 是凭什么对 npm 和 yarn 降维打击的
2、原项目是用npm来进行包管理，从而生成package-lock.json文件，里面存储了各个依赖的具体来源和版本号，其中typescript的版本号为4.2.4，所以今后使用npm进行安装依赖时都会安装typescript的4.2.4版本，不会进行自动升级。这样就导致了一个问题，源码可以直接访问和修改依赖，而不是作为只读的项目依赖。2、npm3+和yarn采取铺平的方式，将依赖扁平化，所有的依赖不再一层层嵌套了，而是全部在同一层，这样也就没有依赖重复多次的问题了，也就没有路径过长的问题了。
2023-05-20 22:26:31
3081
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人