- 博客(58)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 那些vue转react遇到的破事
React 更注重函数式编程思维，需要手动管理组件更新 Hooks 替代生命周期，JSX 替代模板语法，显式的状态更新，TypeScript 的类型支持，记住这些差异和注意事项，可以帮助你更顺利地从 Vue 转向 React 开发
2025-01-05 16:52:48
275
原创 React最小状态管理Jotai
Jotai提供了一种简单且高效的方式来管理React应用的状态。通过原子化的状态管理，我们可以更好地组织和维护应用的状态逻辑，同时保持代码的简洁和可维护性。在实际应用中，我们可以根据需要结合使用 Jotai 的全局状态管理和React的本地状态管理，以达到最佳的开发体验和应用性能。
2025-01-05 16:13:59
618
原创 vue 路由原理，5 分钟轻松理解
回答 ：是利用浏览器的 history api、面试官：你了解vue路由原理吗？面试官：具体是怎么实现的呢？vue-router 原理。
2023-07-16 21:46:00
1028
10
原创 vue3 解决各场景 loading过度 ，避免白屏尴尬！
解决项目打开白屏过长，项目打开时加载动画，路由切换时加载动画，异步组件加载动画
2023-03-26 16:03:33
17049
62
原创 playwright 实现前端自动化测试
自动化 功能测试 ，测试用用例的代码是非常复杂的；编写耗费时间长 ，不易读，可维护性差；下面我们来试试 微软开源playwright， 有了它切图仔也可以玩的比测试6👇废话不多说 ： 微软开源的「自动化测试神器前端学习起来秒会！
2023-03-11 22:26:08
1215
12
原创 用CSS 实现节流小技巧
pointer-events 属性值 ：all : 可以触发该元素绑定的监听事件 ；none : 无法触发绑定的监听事件 ；
2023-03-11 22:25:57
2974
9
原创 quillEditor vue3 富文本编辑器
quillEditor 毫无疑问一款非常强大的 富文本编辑器在vue中一个也非常好用 ，而且也十分轻量的；
2023-03-08 22:39:32
7465
18
原创 vitepress 几步轻松搭建博客
💎vitepress使用场景简单的说 ，只要会用markdown语法，就能构建自己的博客、笔记、使用文档等系统；✨vitepress优势优势介绍傻瓜式操作只需要配置 菜单 和 对应的markdown就能实现博客、笔记等系统 自由性能优势基于 vue3 和 vite 超快的启动速度，和更小的打包体积相比vue2 的 vuepress 更具有优势写的少，做的多专注于编写并以最少的配置进行部署，真正的 SSG + SPA 架构疯狂独特设计与主题自带各种独特的主题，我们只需填充内容和配置。
2023-02-26 13:50:24
6053
37
原创 懒加载，用这个方法几行就实现啦
IntersectionObserver 构造函数需要传入一个回调函数；当 首次加载或 元素与视窗发生交集 (或指定元素)会执行这个回调函数；通过 observer 方法给定一个元素观察；
2023-02-14 19:28:43
7737
42
原创 调试CSS，加个属性边写边看效果
head和style标签的display修改为block ,样式框就会被显示，contenteditable 是一个枚举属性，表示元素是否可被用户编辑。如果可以，浏览器会修改元素的组件以允许编辑。
2023-02-12 12:19:02
4130
45
原创 HTTP 强缓和协商缓存详解
HTTP 缓存策略分为强制缓存和协商缓存，强制缓存 依赖于 Response Header 中的Cache-Control属性，协商缓存，Last-Modified ：资源最后更新时间，Etag ：内容唯一标识符
2023-02-08 22:22:21
2072
41
原创 canvas 小游戏吃豆人
然后我们需要，吧吃豆人的嘴动起来这时我们就要用到定时器 ，每改变 嘴（）, 重新绘制一遍② 监听 上下左右 让吃豆人动起来我们先要找到 上下左右按键 对应的 分别是 37~39；针对每个反向 改变下 “嘴” 的方向 []；在走到区域的末端，在反方向重新出现 👇③ 绘制随机出现的糖豆设置 糖豆初始位置 ，通过 随机出现；当糖豆在，移动的吃豆人的范围类的时候（） ，就 糖豆；在每次绘制 吃豆人之后 ，确认之间的距离是否在范围里 👇④ 添加积分器在每次糖
2023-02-04 14:47:30
1808
34
原创 vue3 入门到进阶，如何学习？
为啥要学vue3，vue3更比react兼容ts，vue3 是如何变快的 ，vue3 递归监听，vue3 组件通信 ，vue3 钩子函数，watch 和 computed，vue3 路由变化 ，vue3 使用 vuex，pinia的使用(vuex5.0理念) ，vue3非递归监听（性能优化） ，vue3组件递归应用 （封装组件） .........
2022-12-12 10:02:12
2066
9
原创 vue3 响应式对象的 api 详解
ref、reactive 递归监听及区别，isRef、isReactive 判断 ， toRef 和 toRefs 解构及区别 ，toRaw 、markRaw 解除代理 及区别，unref 拷贝 ， shallowRef 、shallowReactive 非递归监听 ，triggerRef 强制更新。
2022-10-23 17:33:05
3744
71
原创 React router路由v6详解
React router v6 路由Ⅰ、路由 v6 (两种形式)Ⅱ、 动态路由Ⅲ、路由重定向Ⅳ、路由跳转 (两种形式)Ⅴ、路由懒加载
2022-10-16 11:09:21
5721
67
原创 前端性能优化 面试题总汇
Ⅰ、如何优化请求图片方面① 精灵图② 小图标 Base64③ 图片懒加载④ 图标库 采用 svg请求内容方面① 减少请求内容大小②更改请求方式③ 防抖节流④ 利用存储Ⅱ、代码优化① 事件委托② 减少dom操作③ 页面结构优化④ css 优化Ⅲ、框架和打包① SSR 服务端渲染② CDN 加速③ tree-shaking (摇树优化)④ js 最小拆包⑤ 路由懒加载⑥ 异步组件，异步Js
2022-10-06 20:16:08
6307
40
原创 React hooks 闭包陷阱
hooks必须在函数顶层 ，不能在条件分支内，useState 异步陷阱，useEffect 过期闭包 ，useCallback 获取父组件属性不是最新。
2022-10-03 15:43:27
1897
23
原创 vue3 配置i18n国际化
vue3项目如何国际化我们已经属性vue2 ，使用i18n ，进行国际化那vue3 我们如何配置 i18n 呢 ？文章目录vue3项目如何国际化配置Ⅰ、安装Ⅱ、创建 il18nⅢ、在main.js 中配置 i18n使用Ⅰ、在 html 中使用Ⅱ、在js 中使用Ⅱ、修改语言 （和获取当前语言）配置Ⅰ、安装npm i vue-i18nⅡ、创建 il18n在src目录下，创建 i18n 文件夹，并在下面分别创建三个文件 分别为 ：① index.js => 主文件用
2022-09-09 20:05:52
4341
54
原创 vue3 eventBus订阅发布模式
vue3 eventBus，通俗的讲，就是js的订阅发布，在任意一个组件，利用class类 把消息（参数） -> 传递到任意一个组件 ，并执行一定逻辑。
2022-08-30 09:35:12
7580
75
原创 vue继承组件，双击实现表格编辑
vue.extend 使用场景需要频繁向 多个类型 vue组件中 导入组件，而且存在 频繁切换；（如果 v-if 和 v-else ，需要到每个向里面去添加 ，不太好 ）调用 方法就去页面中 ，添加一条Message 提示 的vue组件 ，而且点击多次会多次弹出。............
2022-08-14 07:00:00
3066
9
原创 【ES6】class类与继承
什么是Class?Ⅰ、类的使用1、constructor方法2、实例属性写在 constructor 函数的方法都可以执行，那么在哪里呢？proto_在类里加方法 ===上加3、静态属性在类里===Ⅱ、类继承的方式1、实例继承 与 extends 关键字继承。...
2022-08-08 14:42:31
889
3
原创 threeJs 入门篇
1.什么是threeJs简单的说 ，就是一门 绘制 3D 的 javaScript 轻量级框架；主要采用 ，HTML5 Canvas提供硬件3D加速渲染；于是web 端 ，就能制作出 3D 系统 ，访问就能操作 ，十分方便。文章目录1.什么是threeJsⅠ.为什么要学这门前沿技术Ⅱ.应用场景2. 学习Three .js 入门篇 （一）Ⅰ.安装下载Ⅱ. 创建场景、摄像机、渲染器（画布）Ⅲ. 创建坐标系Ⅳ.平面、立方体、球 的创建Ⅴ. 光源的创建Ⅵ.添加投影Ⅶ.鼠标操控三维场景3. 整合代码Ⅰ
2022-08-08 10:31:39
12480
9
原创 vue3 搬砖要必备那些？
Ⅰ. vue3 简介vue3 代号 onepiece 【海贼王】2022年2月7日 成为默认版本 ， 2023年底 vue2将彻底淘汰 。Ⅱ. 优化内容更新渲染 快了 1 ~ 2 倍之间 ；首次渲染 快了 50% 左右 ；运行内存 减少 50% 左右 ；打包内存 减少 40% 左右 ；更强的 ts (typescript) 支持 => 引用下作者 ( 尤雨溪 ) 的原话 ；真的对 类型 特别特别 较真的用 React 也没什么不好，无非就是性能差点。文章目录
2022-07-27 17:05:34
2341
86
原创 vue2.7 过度，升级指南
vue2.7版本，vue2.7正是为了解决过度问题，增加了部分vue3的写法和特性，又保留vue2原始特性。
2022-07-15 20:25:15
10486
17
原创 vue3的watch、computed用法（ 对比vue2）
watch和computed区别，2.vue2和3使用watch和computed，3.watchEffect和watch的区别
2022-07-01 23:01:35
1041
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人