- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue自定义指令-图片懒加载
这里封装好了一个兼容各浏览器的版本的指令，主要是判断浏览器支不支持 IntersectionObserver API，支持就用它实现懒加载，不支持就用监听 scroll 事件+节流的方式实现。
2024-12-18 11:25:11
195
原创 elemenetui+富文本校验
这里需要给富文本框blur事件，因为富文本框清楚后 默认有p标签，所以校验会失效，这里要是触发就把他的值设为null就好了。
2024-04-28 18:01:29
253
原创 js深拷贝(新特性) structuredClone()
并没有被克隆，而是被转移到被拷贝对象上。value:被克隆的对象。transfer:是一个。返回值：返回值是原始。
2024-04-19 10:09:37
289
原创 vue3新特性v-bind in CSS
和是两个不同的概念不要弄混淆了，点击链接可以看官网详细的解释v-bind:是用在template模板中，用来动态绑定参数的内置指令，一般我们用的是简写。v-bind in CSS：是用在style标签中，来获取在script中定义css属性值的变量，即我们能够在style标签中引入动态的css变量了。注意，v-bind in css 是vue3新提出的属性，vue2并没有。
2024-02-29 15:39:13
1032
原创 关于javascript的getBoundingClientRect() API
如：bottom 是盒子底部边框 距离 视口顶部 的距离；right 是盒子右侧边框距离视口左侧的距离。这几个以像素为单位的只读属性描述整个矩形的位置和大小。以外的属性是相对于视图窗口的左上角来计算的。对象，是包含整个元素的最小矩形（包括。
2024-02-23 11:20:51
520
原创 CSS:background-size产生的问题
相当于background-size：100% auto的写法，x轴100%铺满整个容器，y轴根据图片原来的比例，以及现有的宽度，来确定高度。这将保持背景图片的纵横比，并尽可能填充整个容器，但可能会裁剪部分图片。意味着背景图片会填充整个容器，并且在容器高度变化时，背景图片会相应地进行缩放，导致图片位置的变化。background-size：100%用这个就完美解决了 图片不变形缺点就是多余的部分会隐藏。当它的高度发生变化时背景图的位置会发生偏移 查阅了一些资料。
2024-01-23 10:55:14
928
原创 elementui 中 el-input type使用number时可以输入e 和+、-
但是这个方法在我们项目中是不生效的 但是可以采取他这个使用正则表达式来完成。输入框能输入e也是把e当成了number 因为e是个无理数。这样输入框就不可以输入e、+、-了。使用@input事件 代码如下。网上大多都用的原生事件。
2024-01-18 16:27:51
1580
1
原创 elementui中el-radio-button组件影响美观的属性
el-radio-button点击它会发现一个阴影很影响美观。可以使用css穿透来改它的阴影。
2024-01-18 15:15:34
735
原创 input标签 type为number的bug
1、当input的type属性为number时，输入的要是非数字光标就会出现上移的BUG。2、用过这个属性的都觉得 输入框里上下箭头很丑，可以用这个方法隐藏掉。拓展 如何获取 输入框中 type属性为number的输入框。
2024-01-09 15:44:35
857
原创 Vue3之config.globalProperties
在 Vue 3 中与之对应的是 config.globalProperties。这些 property 将被复制到应用中，作为实例化组件的一部分。在 Vue 2 中， Vue.prototype 通常用于添加所有组件都能访问的 property。
2024-01-03 13:43:57
734
1
原创 Vue3动态修改css的值
在css里直接使用v-bind绑定响应式数据就可以动态修改了。只需要使用ref 或 reactive声明一个响应式的数据。
2024-01-03 11:17:04
1020
1
原创 node+koa2实现文件的上传、下载、删除
先引用必须引用的库，自行查看package.json有无下载 没有就 npm install 下载在app.js里引用 koa-static 这个是设置静态目录的，不设置这个文件是访问不了的设置请求体。
2024-01-02 14:29:30
970
2
原创 HTML的object标签
最近公司里写项目用到了两张图片logo，鼠标移入移出都会重新加载不同的图片，在网络不好的小伙伴身上可能会出现加载白屏的现象，所以这里我就用了object标签，里面套的是svg，只需要修改svg颜色就可以了。但是需要点击svg的时候出现了问题，点击的时候svg是点不动的。想直接修改object里面的svg必须要获取两层，先获取嵌套文档再获取文档这样才可以获取到object里面的svg。必须要load后再去设置svg的点击事件才可以。
2023-12-21 18:07:30
487
原创 vue使用的图片再在加载成功和未加载成功时的显示问题
事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件。上面的 onload() 传递加载成功显示的图片。onload 事件在图片加载完成后立即执行。onerror() 传递记载失败显示的图片。先要搞清楚两个图片的方法。
2023-06-17 17:18:45
1826
1
原创 Git本地仓库创建和一些基本概念
4.使用git commit -m "对这次的说明" 命令提交暂存区储存的变化并生成一个新的版本。3.使用git add 可以把文件添加到暂存区，暂存区储存将要被提交的文件变化。.git文件夹为仓库区，类似于一个数据库储存着每一次提交的变化。.git所在的目录称为工作区，我们在这里创建项目和其他文件。5.使用git status命令查看状态。git log命令查看日志。1.使用git init 命令创建本地仓库。
2023-06-09 14:11:17
339
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人