自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(100)
  • 收藏
  • 关注

原创 【Vue】@vue/composition-api及vue3 进阶知识点完整版

Vue3知识点学习,包含vue2.6向vue3进阶的知识点,@vue/composition-api体验版讲解,jsx语法讲解,插槽讲解等

2023-01-05 18:00:56 2482 6

原创 【JS】原生实现矩形框的绘制/拖动/缩放/截图及导出功能

原生js实现矩形框的绘制/拖动/缩放/截图及导出功能1.1、矩形框的绘制1.2、矩形框的缩放1.3、矩形框的拖动1.4、矩形框的键盘移动方向1.5、矩形框的截图及导出图片

2022-11-21 08:58:31 3439 2

原创 【Vite】vite及webpack相关常见问题集合

export 是用于sass文件和js文件关联的,用此可以将sass中样式类似于es6语法中export导出,并在其他样式或者js文件中直接使用,但是 目前只适用于demo:应用组件。

2022-08-16 18:01:15 2943

原创 canvas图像绘制(图像放大、缩小、拖动和截图)

1、canvas略解林大大又来更新啦~这次主要做的是关于canvas图像绘制的部分,要实现的功能主要是绘制、对canvas的放大以及那我们先来大概了解下canvas:1、canvas略解宽高是必须加上的,当然你也可以选择动态宽高,可以设置宽高百分比喔,canvas用于在页面上绘制图像(可以是自己的图片,也可以绘制自定义矢量图形:矩形等),其实我们不用担心大量的重绘canvas,现在浏览器完全扛得住这压力,非常流畅丝滑。

2022-08-06 15:20:20 22239 24

原创 有趣且重要的JS知识合集(12)常用基础算法

前端必备常用基础算法,基本包含各个方面。关于字符串,树形结构,vue,js等相关算法

2022-05-10 14:32:25 1441 4

原创 uniapp + vue3微信小程序开发(1)框架搭建

uniapp + vue3 开发微信小程序

2022-04-22 15:03:05 29730 30

原创 有趣且重要的JS知识合集(23)原生实现列表的拖拽

介绍:这个场景还是很常见的,一般用于列表拖拽排序的地方,虽然现在有例如draggable之类的插件,不过用原生来写也还是不难~重要的几个点就是监听拖拽时触发的dragstart、dragenter、dragend等事件。

2024-07-13 14:13:14 142

原创 有趣且重要的JS知识合集(22)树相关的算法

【代码】有趣且重要的JS知识合集(22)树相关的算法。

2024-06-17 17:20:54 274

原创 【vue】el-tree的新增/编辑/删除节点

关于树形结构的新增同级节点等四种操作,各种参数配置完全继承el-tree,本篇使用vue2 + element-ui。

2024-04-17 16:21:59 3045

原创 有趣且重要的JS知识合集(21)浏览器内置对象讲解之Dom篇

新增或设置DOM的属性值:setAttribute()获取DOM的属性值:getAttibute()移除DOM的属性值(自定义和非自定义都可以移除):removeAttibute()dateset:自定义属性写法规范:以用data-开头,方便识别哪些是自定义的属性方法:元素.dataset它是一个对象,可以获取所有以data-开头的自定义的属性获取单个属性,用元素.dataset.属性名设置元素属性,元素.dataset.属性名 = 数据。

2024-03-30 14:31:19 863

原创 【vue】模板写法中用纯css实现左右拖拽效果

【vue】模板写法中用纯css实现左右拖拽效果resize-bar 这个类 overflow设置为scroll,并且左侧内容区宽度和滚动条dom宽度一致,以此来实现拖动控制宽度。因为不设置的话,主动调用折叠收缩将直接将另一侧宽度设置为0,那将无法将被折叠的dom再次拖拽了,当然此值可以根据你想要的来设置。因为不设置实际像素值的话,那拖拽滚动条的位置 只能在dom偏上方,而不能实现在滚动条任意位置拖拽。

2024-03-29 17:11:26 603

原创 有趣且重要的JS知识合集(20)screen/client/scroll/offset等坐标属性知识点

screen/client/scroll/offset等坐标属性知识点

2024-03-18 17:57:56 956

原创 有趣且重要的JS知识合集(19)前端实现图片的本地上传/截取/导出

原生js实现图片前端上传 并且按照最佳宽高比例展示图片,然后可以自定义截取图片,右侧预览区域 可以看到截图,最后还可以导出图片

2024-02-23 17:14:50 588

原创 有趣且重要的css知识合集(8)知道子元素,如何修改父元素样式?

将一个或多个样式规则生成在样式文件根层级上,而不是嵌套在其父选择器中,意思是 在sass/scss文件中,还是以前嵌套写法,但最后生成css样式文件时,会将@at-root 后面的样式 提到最高层级去。其实has内部可以根据你自己的需求来定义,它本身是伪类,当然可以和 :is, :not其他伪类一起搭配使用。父元素类型是div,然后它的直接子节点是 child,那么就修改它的样式为display: block;在日常开发中,我们知道子元素样式名,但是想修改父元素的样式,怎么办呢?

2024-02-19 12:05:39 1447

原创 docker 使用运行指令讲解

1、新建运行并挂载容器1、新建运行并挂载容器option作用-i以交互模式运行容器,通常与 -t 同时使用-t启动容器后,为容器分配一个命令行,通常与 -i 同时使用-v目录映射,容器目录挂载到宿主机目录,格式: :-d守护进程,后台运行该容器-p指定端口映射,格式:主机(宿主)端口:容器端口-P随机端口映射,容器内部端口随机映射到主机的端口容器名字设置容器使用内存最大值指定容器的 host name指定容器 dns 服务器设置环境变量。

2024-02-19 11:49:27 796

原创 npm install 相关过程及分析

1、install 完整流程1、install 完整流程1.1、根据 .npmrc 进行安装前环境配置注意:镜像源就是在这个文件中配置的~/.npmrc/etc/npmrc1.2、检查有无 lock.json文件注意:npm/pnpm 检查的是 package-lock.json,yarn检查的是 yarn.lock,cnpm没有对应的lock文件,所以不会进行对比检查。

2024-02-19 11:29:21 3932

原创 有趣且重要的Git知识合集(12)Your configuration specifies to merge with the ref “xxx“

或者其实你也可以不必去管它,切换到其他分支操作即可,如果你已经在此分支上开发了,那就git stash先保存到缓存中,等切换后再pop出来进行操作。出现此问题就是远程分支被删除了,但是你本地分支还在,解决方法就是和远程仓库进行同步,

2023-12-19 16:12:51 492

原创 手把手实现简易版vue(二)组件类解析

所以组件类的大体逻辑出来了,通过构造器将data,watch等这些传进去,然后mount到dom后,逻辑层和视图层就有了关联,逻辑层中数据以data中的为主,在dom中有关于data中的数据,都会被加入对应的收集器中(依赖收集),当data有数据更改,会将收集器中的依赖进行统一更新(依赖更新),至此MVVM框架的核心也就出来了,当然至于Proxy和模板如何转换的,那我将在下一篇博客中讲解~监听引用类型和基本类型,但写法都是一致的,和vue2不同的是并没有对对象内部单个值进行监听。

2023-10-24 16:59:11 169

原创 手把手实现简易版vue(一)LveJs

看过一些vue2和3的源码,然后寻思着想自己实现一个简易版的vue,,不过还有蛮多问题没有克服,比如v-for,这部分在vue里面是将模板等编译成ast,然后再进行转换,我目前还没有实现它。

2023-10-24 16:19:22 163

原创 【PDF】前端生成pdf

上一篇博客主要讲的是pdf文件转换成canvas,然后进行相关的画框截图操作。本篇博客主要讲html中dom如何生成pdf文件(前端生成pdf),后端生成pdf当然也可以,原理也是将html网页通过后端服务导出成pdf,然后css设置break-after:always;作为分页逻辑,但是我们不深入讲,这里着重讲前端生成pdf。

2023-07-14 17:54:22 5624 2

原创 【axios】vue中axios的请求配置

vue中使用axios的完整配置TS版。

2023-05-15 17:46:58 2414 3

原创 有趣且重要的JS知识合集(18)浏览器实现前端录音功能

其实在外层是上传接口的请求头区别,但在实际上,只是由于流模式下的写法,无法将音频转成mp3格式(默认为wav格式),当然网上也有小伙伴认为引入lame库来实现wav转换mp3的操作,当然可以啦~这不影响,只是对我来说,我是能不引入第三方库就不引入。这三个状态分别是设备闲置,设备使用,设备暂停,有点类似于window的未响应,当我们想要操作麦克风时,此时麦克风inactive了,那就无法响应我们的请求,所以当状态为inactive时,我们都return掉,使他不执行我们的方法。

2023-03-17 15:09:48 3540 8

原创 vue学习(7)vuex的辅助函数封装(基于vue3)

封装了,用更灵活的方式来使用vuex,主要使用的是vuex的createNamespacedHelpers方法,此方法是createNamespacedHelpers 在vuex@^3.1.1 及以上都有。

2023-03-03 11:06:20 917

原创 有趣且重要的Git知识合集(11)refusing to merge unrelated histories

当我们本地初始化了git项目,并且写了代码,远程仓库也初始化了,此时如果本地git add/commit后,添加远程仓库地址,再push的话,是完全没有问题的,但是要是你本地commit了,远程仓库突然初始化了README文件(常见在gitee上),此时就会造成本地/远程仓库不一致,你push代码就会出现的错误提示。

2023-02-28 10:12:34 420

原创 【通用表格组件】vue3 + element-ui + tsx 实现通用表格组件

【通用表格组件】vue3 + element-ui + tsx 实现通用表格组件

2023-02-24 14:36:00 2008 2

原创 【Element-ui】el-table大数据量渲染卡顿问题

在项目开发中,遇到在表格中一次性加载完的需求,且加载数量不少,有几百几千条,并且每条都可能有自己的下拉框,输入框来做编辑功能,此时普通的el-table肯定会导致浏览器卡死,那么怎么办呢?

2023-02-23 14:51:27 18442 19

原创 【patch-package】修改node_modules下的依赖包源码

这是npm官网上对patch-package的说明,其意思就是可以让大家立即对npm依赖的源码进行自定义修改。其实大多数时候是不需要自己去改依赖源码的,毕竟大多数情况你写的代码肯定没别人作者自己写得好,但是遇到bug了,自己去及时改还是可以的

2023-01-13 17:28:20 3786 10

原创 有趣且重要的Git知识合集(10)git stash操作

你和同事们都在dev分支上开发,你们恰好修改到了同一个home.tsx文件,并且你还有自己新写的代码,这时候最佳处理是 先 git stash,再将origin/dev 代码拉到本地,再git stash pop 来解决代码冲突。当你在dev分支上写了很多代码,此时线上有bug,需要紧急在hotfix分支上修改,那直接git add提交又不太好,毕竟还没有开发完,那么直接git stash 存入stash缓存区吧,就可以切换到hotfix分支进行开发了。分别是 stash索引,分支名,自定义名字。

2023-01-12 15:30:18 503

原创 有趣且重要的Git知识合集(9)git文件名大小写导致的问题(ignorecase)

所以你在修改文件名(大写改成小写)时,git是不会将你的修改加入工作区的,这时 你输入 git status ,没有任何变化,此时你在终端输入。就行了,不过切记,再有修改文件大小写时,一定要把值设置为false,这样git才会区分大小写噢~所以你终端输入下面一行,进行大小写区分,你的修改就会出现在工作区中。那么当你后面拉远程代码下来时,遇到这种问题该如何处理呢?Window下默认是不区分大小写的,Linux区分大小写。默认显示是 true(windows)

2023-01-12 14:41:14 1197

原创 【disableHostCheck】本地项目遇到图片跨域怎么解决?

本地vue项目遇到图片跨域怎么解决?常规的方法我就不说了,啥配置图片服务器设置,nginx代理都不说了,下面来说个重点disableHostCheck: 本地项目代理到指定域名下。

2022-12-16 16:48:45 2333

原创 有趣且重要的Git知识合集(8)git commit 重新提交(—amend —no-edit)

当我们已经commit提交过一次了,然后发现还有些代码没改完,这个时候,很多童鞋都会考虑,再commit一次就行了,但是在git记录中就会出现两条commit,其实问题不大,但是如果有很多这种情况,就会使git变得混乱不堪,那么此时最好的情况,就是将多条commit合并在一起

2022-12-09 15:44:29 3276

原创 有趣且重要的css知识合集(6)动态控制css伪元素【var()】

在vue里,js和css的属性可以随意控制,比如:class和:style,但是我们想要动态控制伪元素的属性该怎么做呢?比如下图,右下角小圆圈就是通过伪元素定义上去的,那我们想要自由实现伪元素的显示和隐藏该怎么做呢?那就可以通过var()函数可以代替元素中任何属性中的值的任何部分,想要具体了解的可以看官方文档噢~下面是链接。

2022-12-08 16:16:28 1537

原创 有趣且重要的JS知识合集(17)矩形框交互算法

之前我讲过如何用js绘制矩形框,下面链接快速通道~那么如何判断多个矩形框是否相交?嵌套还是其他的呢?那下面我来分别写写关于矩形框常用的几个算法吧。

2022-12-01 16:07:45 672

原创 有趣且重要的JS知识合集(16)图片颜色选择器

效果展示这属于有趣的小功能,其实很多站点都已经提供了此功能了噢,不过我这里还是写一写~效果展示图片上传后,任意点击图片提取点击处颜色的rgba格式和十六进制格式。

2022-11-30 17:59:17 1153

原创 有趣且重要的JS知识合集(15)前端上传视频后获取视频的相关信息

通过视频文件上传后监听loadedmetadata事件来获取视频属性。

2022-11-30 17:46:11 596

原创 有趣且重要的JS知识合集(14)浏览器获取滚动条宽度

offsetWidth和clientWidth都是只读属性,但是offsetWidth是包括border的,而clientWidth只包含padding,不包含border的,所以可以利用这个差距来计算border宽度。当很多时候,滚动条宽度也会影响到我们页面上的布局,那怎么去计算这宽度呢?浏览器没有提供这方法来计算,那么我们就模拟一个有滚动条的div,然后算出宽度~

2022-11-29 09:57:13 870

原创 【PDF】Canvas绘制PDF及截图

【Canvas】手把手教你Canvas绘制PDF及截图林大大来啦~最近在搞pdf文件的预览、缩放、拖动和截图,才发现其实要比普通图片的缩放拖动截图麻烦的多。

2022-10-17 16:19:41 3004 8

原创 有趣且重要的Git知识合集(7)git stash报错 Too many revisions specified: ‘stash@‘ ‘MAA=‘ ‘xml‘ ‘text‘

如果你在外部自己开一个bash或者cmd终端,就不需要加引号,直接输入指令即可。在我们想要查看stash list中储存的代码时,就先。但是,会出现这种报错。

2022-09-20 09:58:29 1446

原创 有趣且重要的Git知识合集(6)git 代码找回(git fsck/reflog)

git reflog 我感觉是当前项目的所有操作(除 add 操作),跟 git log类似,不过 git log 只有commitId,git reflog 有两种 commitId 和 git头部指针,不过恢复方式都是 git reset xxx。综合: 其实大体上来看的话,我还是觉得 reflog更好,毕竟各种数据都记录的比较清楚,想恢复的话也比较容易,git fsck 我感觉更像是当前文件系统的所有操作(不知道对不对哈,毕竟还没有系统的用)运行后会出现很多 dangling commit。

2022-09-19 16:33:41 493

原创 vue2+element-ui 通用表格组件封装

vue2+element-ui的通用表格组件封装

2022-09-19 10:39:51 2801

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除