- 博客(190)
- 收藏
- 关注
RSS订阅
原创 字符串方法
字符串方法速查String 对象属性属性描述constructor对创建该对象的函数的引用length字符串的长度prototype允许您向对象添加属性和方法String 对象方法方法描述charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。concat()连接两个或更多字符串，并返回新的字符串。endsWith()判断当前字符串是否是以指定的子字符串结尾
2021-08-22 15:45:30
458
原创 javascript数组常用api 方法
本文总结了javascript常用的数组的方法包括 forEach filter map join concat sort splice indexOf reverse find every push unshift pop shift等
2021-07-11 18:25:38
3359
1
原创 使用el-tooltip封装省略号组件内容超出显示tooltip
在公共组件中封装el-tooltip的显示,当传入的内容超出父元素的大小时,显示tooltip组件。
2025-03-18 20:59:11
136
原创 depcheck 检查项目中依赖的使用情况 避免幽灵依赖的产生
幽灵依赖是指node_modules中存在 而package.json中没有声明过的依赖 但却能够在项目的依赖树中找到并使用的模块。
2024-09-18 10:57:45
1037
原创 关于使用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
2536
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
377
1
原创 git stash 对当前分支修改的内容进行暂存
我们在开发的时候往往会遇到这种情况, 在一个分支开发,写了不少内容,但是突然来了一个紧急的需求需要切换分支,去做这个需求,但是当前的分支又因为没有开发完成,不想形成一条无效的commit记录,这时我们就到暂存上场了。
2023-12-06 13:07:39
1054
原创 vue3中如何实现事件总线eventBus
由于vue3中 “$ on”，$ off 和 $ once 实例方法已被移除，组件实例不再实现事件触发接口 所以我们可以使用官方推荐的这个第三方库实现同样的效果。全局总线，vue 入口文件 main.js 中挂载全局属性。点击 按钮 b组件中的数值增加。main.ts 初始化。
2023-12-02 13:30:23
1823
原创 bem架构 element css的命名规则
BEM（Block, Element, Modifier）是一种命名约定，用于在编写 CSS 和 HTML 类名时创建可维护和可重用的样式。BEM 是一种常用的 CSS 命名规范，它的目的是减少样式之间的耦合，增加样式的可读性，并提高样式的复用性。
2023-11-28 12:56:08
654
原创 如何定位el-tree中的树节点当父元素滚动时如何定位子元素
如果为 true，元素的顶端将和其所在滚动区的可视区域的顶端对齐。相应的 scrollIntoViewOptions: {block: “start”, inline: “nearest”}。如果为 false，元素的底端将和其所在滚动区的可视区域的底端对齐。Element 接口的 scrollIntoView() 方法会滚动元素的父容器，使被调用 scrollIntoView() 的元素对用户可见。定义滚动是立即的还是平滑的动画。auto：滚动行为由 scroll-behavior 的计算值决定。
2023-11-19 11:25:38
696
原创 echarts 中如何添加左右滚动条 数据如何进行堆叠如何配置那些数据使用那个数据轴
此项的具体配置可参考 https://echarts.apache.org/zh/option.html#dataZoom-inside.moveOnMouseWheel。
2023-11-19 10:45:03
774
原创 使用cordova 打包的app 如何让视频横屏播放 video
Cordova插件“cordova-plugin-screen-orientation”设置移动端横屏播放video视频。
2023-08-20 20:33:26
617
原创 子组件未抛出事件 父组件如何通过$refs监听子组件中数据的变化 在父生命周期中$watch监听子组件数据变化
我们平时开发项目会使用一些比较成熟的组件库, 但是在极小的情况下,可能会出现我们需要监听某个属性的变化,使我们的页面根据这个属性发生一些改变,但是偏偏组件库没有把这个属性抛出来,当我们使用watch通过refs监听时,由于生命周期的原因还不能拿到,这时候我们可以这样做,以下是一个极简的例子。
2023-07-30 14:32:10
1407
原创 vue除了子组件抛出的额外参数,父组件如何传递额外参数
以下为一个简单的demo,只为记录一下很多时候如果我们多个地方使用同一函数时,往往就需要进行判断了,但是组件库返回的函数携带的参数没办法让我们做多余的判断 这时就需要传递多余的参数了。
2023-07-29 17:44:29
792
原创 实现点击复制到剪切板功能
VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS API变得支持响应式，省去程序员自己写相关代码。VueUse 是一个基于 Composition API 的实用函数集合。通俗的来说，这就是一个工具函数包支持了更好的逻辑分离，它可以帮助你快速实现一些常见的功能，免得你自己去写，解决重复的工作内容。以及进行了机遇 Composition API 的封装。
2023-07-23 21:27:07
449
原创 Windi CSS 原子css 下一代工类 CSS 框架
最近由于项目原因接触到了windi Css 发现这个东西真是绝绝子啊,不用在代码里写一行style,完全以类的形式去写样式,它里面包含了几乎所有的css样式，可以让我们不需要再去繁琐的写css样式，原来几行的css现在只需要短短的几个字符。他的许多新特性给我们带来了极大的方便，并且他给我们带来了更快的加载体验。
2023-05-21 16:46:16
1067
原创 vueComponents和vue实例的关系
每个函数function都有一个prototype属性，即显式原型（属性）。它默认指向Object空对象，每个实例对象都有一个__proto__属性，即称隐式原型（属性）。VueComponent把原本指向Object的原型对象改到指向Vue原型对象（黄线），即VueComponent.prototype.proto === Vue.prototype，目的是为了组件实例对象（vc）可以访问到Vue原型上的属性和方法。Vue和是VueComponent就像一对孪生双胞胎，他们绝大多数的属性和方法都很.
2023-05-20 22:27:24
172
原创 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
3070
原创 viet构建项目及＜script setup＞的用法
全局注册的自定义指令将以符合预期的方式工作，且本地注册的指令可以直接在模板中使用，就像上文所提及的组件一样。但这里有一个需要注意的限制：必须以 vNameOfDirective 的形式来命名本地自定义指令，以使得它们可以直接在模板中使用// 在元素上做些操作 } } < template > < h1 v-my-directive > This is a Heading const。
2023-05-20 16:50:34
1000
原创 浏览器的进程和线程
根据 W3C官方的解释，每个任务有不同的类型，同类型的任务必须在同一个队列，不同的任务可以属于不同的队列。不同任务队列有不同的优先级，在一次事件循环中，由浏览器自行决定取哪一个队列的任务。JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个并且渲染主线程承担着诸多的工作，渲染页面、执行 JS 都在其中运行。渲染进程启动后，会开启一个染主线程，主线程负责执行 HTML、CSS、JS 代码默认情况下，浏览器会为每个标签页开启一个新的渲染进程，以保证不同的标签页之间不相互影响。
2023-05-19 21:10:51
963
原创 初始化vue中data中的数据
当组件的根元素使用了v-if的时候, 并不会初始化data中的数据 如果想完全销毁该组件并且初始化数据,需要在使用该组件的本身添加v-if 或者是手动初始化该组件中的数据。
2023-05-07 22:30:28
3926
1
原创 组件封装v-model .sync在父子组件中实现双向数据绑定 如何处理单向数据流 封装表单组件
父组件使用.sync进行数据的绑定 传值子组件时 把值赋值到data的变量中 然后监听该数据的变化 $emit抛出。// 当子组件绑定的值发生变化时 抛给父组件。// 父组件传递过来的值。// 子组件绑定的值。
2023-04-16 11:01:33
431
原创 vue项目通过插件实现页面根据项目中eslint配置自动格式化
之后保存的时候就会自动修复不符合eslint配置的问题了。插件会根据项目的eslint配置进行 不符合规则的修复。把一下代码粘贴到用户区的配置文件中。
2023-02-19 20:44:05
306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人