自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 包管理器源切换

提供商 搜索地址 registry地址淘宝 https://npmmirror.com/ https://registry.npmmirror.com腾讯云 http://mirrors.cloud.tencent.com/npm/华为云 https://mirrors.huaweicloud.com/repository/npm浙江大学 http://mirrors.zju.edu.cn/npm/

2023-01-18 10:34:52 418

原创 linux安装mysql以及允许外网访问mysql

var/lib/mysql mysql数据文件存放路径,可自定义。/usr/bin/mysql* mysql二进制可执行文件路径。/etc/rc.d/init.d/mysqld mysql服务管理脚本地址。/usr/lib64/mysql mysql库文件路径。确保云服务器的 3306端口的防火墙是开启的。点击 Archives。

2023-01-05 17:33:52 487

原创 响应式写法

【代码】响应式写法。

2023-01-04 22:31:43 16

原创 typescript 使用for in 迭代报错

使用for in obj遍历对象时ts会报错。

2023-01-04 21:15:07 9

原创 windows终止占用端口

【代码】windows终止占用端口。

2022-12-22 09:46:34 16

原创 npm发布@开头的私包

【代码】npm发布@开头的私包。

2022-12-14 16:58:17 46

原创 rollup打包vue组件

然后npm发布做完这些你就可以使用pnpm add 你的包名import {xxx } from '你的包名'!!!!!!!!!!!//注意npm发布的时候一定要注意main和module字段的指定路径是否正确,不然这么引入将报错。

2022-12-13 09:55:17 337

原创 使用 router-link 的 router-link-active 这个css类高亮路由遇到的坑

用 这个类名高亮路由时发现有一个标签一直处于高亮状态,即使我没有点击它在写路由表的时候我用了默认路由所以这个路由的a标签一直会有这个类解决方法可以看到使用嵌套路由时标签在被点击时还会添加一个额外的类我们应该使用这个类名来做高亮路由

2022-12-06 23:52:38 40

原创 给元素的自定义属性传false后,js获取这个值,并用这个值作为if条件发现即使这个值为false依然能通过if条件

给元素的自定义属性传false后,js获取这个值,并用这个值作为if条件发现即使这个值为false依然能通过if条件

2022-12-05 14:35:04 27

转载 vite 插件制作

通过本文你可以学到如何创建一个 vite 插件模板vite 插件的 各个钩子作用vite 插件的 钩子执行顺序如何写一个自己的 vite 插件了解 vite 插件建议包管理器使用优先级:pnpm > yarn > npm > cnpm长话短说,直接开干 ~创建 vite 插件通用模板复制代码1.4 安装 vite// 进入 package.json{…}…}复制代码2. 配置 eslint 和 prettier(可选)安装 eslint。

2022-11-27 12:21:19 145

原创 vue中typescript标注

【代码】vue中typescript标注css object类型。

2022-11-26 14:18:09 86

原创 table优化

border合并后有些地方的border会比较宽不好看。这样表格的border宽度基本能保持一致,会比较好看。

2022-11-24 10:29:14 14

原创 web查看当前是哪个元素触发了滚动

【代码】web查看当前是哪个元素触发了滚动。

2022-11-21 11:46:54 54

原创 svg的简单使用

【代码】svg的简单使用。

2022-11-19 19:46:05 12

原创 vue禁用 Attributes 继承时ts报错

不知道什么原因,禁用属性继承时ts报错了。

2022-11-17 01:55:51 12

原创 body加class

有个需求要在vue里面给body动态的加样式。

2022-11-16 23:04:15 297

原创 vue 修改v-for 循环内的item数据视图不刷新

1.子组件不应该修改外部数据,应该通知父组件修改数据2.在不方便通知父组件修改数据时,父组件应该传ref给子组件不然子组件修改的数据永远数复制品,没有效果。

2022-11-15 17:30:24 547

原创 vue判断插槽是否有内容下发

【代码】vue判断插槽是否有内容下发。

2022-11-14 18:33:55 200

转载 颜色英文名称和其16进制颜色的对照表

【代码】颜色英文名称和其16进制颜色的对照表。

2022-11-14 13:18:56 64

原创 在input元素下面做一个弹出框,点击弹出框弹出框不消失,点击其他地方弹出框消失

/这里是关键,关闭弹窗应当是有条件的关闭,只有条件为false是才关闭。//弹窗在onblur后将条件变成false,并手动关闭弹窗。2.监听input元素的focus事件。//弹窗被点击时要把条件改成true。1.将弹出框定位到input元素下面。3.点击弹出框以外的地方弹出框消失。2.点击弹出框的文字弹出框不消失。1.点击input弹出弹出框。

2022-11-11 14:44:40 338

原创 input type=‘radio‘ 默认样式的去除以及样式修改

元素的样式除了可以更改宽高外其他样式都修改不了。在css上加上下面代码就可以对。默认情况下用css修改。元素的样式随意修改了。

2022-11-09 18:55:59 142

原创 用opcity做动画,值为0时仍然可以点击元素,解决方法

为了动画性能,用opcity做动画时,当他的值为0的时候这些元素虽然看不见但是仍然可以点击,如果这些元素上添加事件监听那么可能会产生bug。

2022-11-03 17:28:24 73

原创 div失去焦点事件onblur()不触发解决方法

做一个弹出框组件,文字点击时会在文字下方弹出一个框,在vue3中监听div元素的blur事件发现事件并不会在div失去焦点时触发。bug原因:在vue中div默认不触发事件,除非将元素添加。在react中div元素是能触发onblur事件的。属性才会触发blur事件。

2022-11-02 02:52:51 587

原创 踩坑react虚拟dom的type属性里面的name属性打包后发生变化,react获取之组件的标签名

上图是组件打包后的效果,组件的名字发生了变化,这也是我遇到的bug的原因。但是在打包以后name属性的值却发生了变化,这几导致了一系列的bug。可以看到虚拟dom上的type属性上可以看到标签的名字。............

2022-08-10 18:29:11 185

原创 css小技巧之扩充元素的宽高

遇到一个需求通过css把上图的白色背景覆盖到外层元素的背景内部如下图做法分别添加四个角度的box-shadowhttpshttps。

2022-07-29 14:39:26 70

原创 sticky定位后设置right:0不生效

action{positionsticky;bottom20px;right0;}上面代码设置后元素并不会往右边靠而是依旧在左边,但是设置left是有用的。

2022-07-28 16:53:55 152

原创 滚动条样式

代码】滚动条样式。

2022-07-28 16:41:28 34

原创 去除html双击后选中有蓝色背景

代码】去除html双击后选中有蓝色背景。

2022-07-28 11:37:50 229

原创 for key in object 遍历对象遇到的问题

代码】forkeyinobject遍历对象遇到的问题。

2022-07-28 01:04:48 185

原创 制作文件上传进度条

代码】制作文件上传进度条。

2022-07-27 22:50:39 247

原创 React.createPortal的使用

import{import{1.使用createPortal必须要先获取一个root2.将createPortal传送门包裹在dom.render()函数上//注意传送门内的元素挂载到哪里都行比如说body//但是必须要用render包裹。

2022-07-23 22:17:18 416

原创 react-transition-group使用总结

1)in传入boolean值,传入的是true代表开启enterenter-active和enter-done的这一变化过程,传入false代码开启exitexit-activeexit-done这一过程(必传)(2)timeout表示执行时间,enter-active到enter-done或者exit-active到exit-done的执行时间(必传)(3)classNames定义添加的类名,这里定义的类名会被添加到enter-xxx及exit-xxx的之前。.........

2022-07-22 07:45:24 295

原创 onBlur和onChange冲突解决方法

如上图,我想当点击xxx或yyy时将弹出层关闭,点击dom上的其他元素弹出层也关闭于是我监听了xxx和yyy元素的onClick事件和input元素的onBlur事件但是当我点击xxx或yyy时onBlur事件会先执行,导致xxx或yyy的onClick事件直接不执行。...

2022-07-20 23:38:45 202

原创 监听拖拽事件,第一次拖拽得不到上传的文件内容,第二次以后就能正常得到上传的文件内容

监听拖拽事件,第一次拖拽得不到上传的文件内容,第二次以后就能正常得到上传的文件内容。错误原因,api调用错误。

2022-07-16 00:16:54 175

原创 canvas绘制的线条位置错乱

canvas标签的宽高可以通过js的方式设置,也可以在style样式中直接设置,但是这两种设置的方式显示的效果天差地别,Canvas的默认宽高是width150使用canvas标签一定要用js指定元素的宽高,不然就是bughttpshttps。...

2022-07-15 21:36:10 235

原创 引入@import-normalize;在webstorm中报错,不认识的样式规则

鼠标悬浮在上面,然后按ctr会出现一个小灯泡,根据提示禁用他的提示就行

2022-07-13 11:09:10 142

原创 webpack支持scss文件,webpack sass配置

注意:这里是个坑,如果你在前端项目上配置webpack一定要安装的是而不是,这两个依赖不要同时装,同时装的话webpack优先使用那么就会报错

2022-07-12 21:18:12 729

原创 typescript模块声明

模块声明

2022-07-12 15:50:25 225

原创 解决报错 Property ‘toBeInTheDocument‘ does not exist on type ‘JestMatchers ‘.

即可github issue

2022-07-11 03:05:45 395

原创 Redux Toolkit 使用总结

使用Redux ToolKit简化了传统redux创建的流程及代码量;借助createReducer和createSlice这两个钩子函数让我们更轻易的CRDU全局状态,同时在中间件中默认配置了thunk。定义store通过上下文传递store组件内使用关于异步Redux ToolKit支持异步操作...

2022-07-11 00:15:42 253

空空如也

空空如也

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

TA关注的人

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