- 博客(13)
- 收藏
- 关注
RSS订阅原创 鼠标点击出现文字、表情、图片等等等
通过点击事件获取pageX、pageY，创建元素（div、span、img等），加入到body中，添加特定class、id名，给定transition/animation从而实现响应效果。有些博客点击点击空白处会出现各种文字、表情、小图片等向上飘动，并逐渐消失。文章只提供思路，代码可以优化的地方很多，如果要使用，可以根据具体需求优化。可以根据需求，把文字换成图片或者其他内容。以下是粗糙的实现方式。
2024-09-20 18:20:02
264
原创 Vue3.5更新内容汇总
响应系统优化在 3.5 中，Vue 的响应性系统经历了另一次重大重构，实现了更好的性能并显着提高了内存使用率 （，而行为没有变化。此重构还解决了在 SSR 期间因挂起计算而导致的过时计算值和内存问题。此外，3.5 还优化了大型深度响应式数组的响应性跟踪，在某些情况下使此类操作的速度提高了 10 倍。Reactive Props 解构在 3.5 中得到了稳定。现在默认启用该功能后，从调用中解构的变量现在是响应式的。对解构变量（例如 ）的访问由编译器自动编译，因此在访问时会跟踪它们。SSR 改进。
2024-09-09 11:30:27
951
原创 less之mixins:一次编写到处运行+减少冗余代码
全局less最简单的方式是定义好less文件后引入到main.ts(react是main.tsx)中,如果想使用规范点的方法，可以看我另一篇文章。在某些写入十分麻烦，并且重复量很大的工作面前，最好使用mixins来代替手写。比如：阴影、文本单行省略、多行省略、滚动条自定义等等。如果只是单less文件中使用mixins，便捷程度只能算一般。但是如果搭配全局less，便捷程度直接拉满——less有许多实用的内置方法，使用起来也十分方便，mixins也是其中之一。
2024-09-06 18:42:41
242
原创 令人眼前一亮的---鼠标指针自定义
如果经常逛别人博客会发现，有些个人博客鼠标指针并不是系统指针，而是自定义的。这些小细节确实能让人眼前一亮。研究了下发现实现其实很简单，而且也很常用。
2024-09-06 18:08:02
1591
原创 函数提升、变量声明提升：一些令人掉头发的细节(仅需了解)
本文以上图代码为例，进行问题解析。不妨先尝试解析上图中的打印结果。最直白的打印应该为：报错(b未声明)，而前两个打印应该是：3 'if'；3 '下'。如果这么想，错了。真正的结果为：结果确实很奇怪，接下来我们尝试分析。
2024-09-05 18:03:32
274
原创 react-router-dom v6中loader和路由守卫
react-router-dom v6中新增了几个属性，这里主要记录下loader。loader只在数据路由中生效。一般项目中使用createBrowserRouter创建路由。
2024-08-27 17:48:58
642
原创 react-router-dom6路由表中添加meta/自定义信息
不能使用interface去声明新接口并继承RouteObject，会报错“接口只能扩展使用静态已知成员的对象类型或对象类型的交集。RouteObject是type声明的类型，无法使用extends继承，可以新建type类型，并使用“&”交叉类型实现合并交叉效果。
2024-08-16 14:08:27
653
原创 vite配置全局less/scss/sass
vite5.x配置全局less/scss/sass变量方法，本文以less为例，scss同理。需要下载less和less-loader依赖。2：配置vite.config.ts。3:main.ts引入资源。
2024-08-16 13:04:38
659
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人