- 博客(139)
- 收藏
- 关注
RSS订阅原创 包管理器源切换
提供商 搜索地址 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
原创 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 修改v-for 循环内的item数据视图不刷新
1.子组件不应该修改外部数据，应该通知父组件修改数据2.在不方便通知父组件修改数据时，父组件应该传ref给子组件不然子组件修改的数据永远数复制品，没有效果。
2022-11-15 17:30:24
547
原创 在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
原创 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
原创 解决报错 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关注的人