- 博客(237)
- 收藏
- 关注
RSS订阅原创 为什么react需要fiber架构，而vue却不需要？
React Fiber 是 React 16 引入的新架构，用于改造其协调（Reconciliation）过程—— 也就是在状态变更后如何高效地计算并应用更新到 DOM。可中断渲染优先级更新时间分片增量更新异步渲染准备（为 Concurrent Mode 做准备）方面React （Fiber 架构）Vue （响应式系统）渲染粒度函数组件整体重渲染精细依赖追踪，只更新相关部分响应式机制基于 state/setState，需调和全组件树基于 Proxy（Vue 3），精细追踪依赖关系。
2025-06-06 14:17:39
520
原创 现代前端框架的发展与演进
性能优化 → 更快加载与交互体验；开发体验 → 更清晰的语法与模块体系；用户体验 → 更流畅的 SSR/CSR/静态混合模式支持。
2025-06-01 14:55:20
1002
1
原创 什么是CSRF 攻击
是一种攻击方式，攻击者诱导用户在已登录某网站的情况下，向该网站发送非本意的请求。例如：用户登录了银行网站后，访问攻击者页面，攻击者构造一个表单发起转账请求，银行网站会误认为是用户发起的操作。
2025-05-28 19:19:47
757
原创 前端移动端上传图片pc端如何实时获取
方式实时性实现难度建议场景轮询一般简单小项目 / 无后端改动场景WebSocket高中需要高实时性、多人协同场景SSE高中服务端单向推送场景需要我给你补充一份完整的前后端代码示例（例如用 Node.js + React）吗？
2025-05-26 18:30:23
241
原创 为什么react需要fiber架构，而vue不需要？
React Fiber 是 React 从 v16 开始引入的新架构，它是一种重新设计的协调（Reconciliation）机制，主要目标是：支持异步渲染（interruptible rendering）更好地控制渲染优先级实现时间分片（Time Slicing）提升动画和交互的流畅度特性/架构Vue (2/3)响应式系统无（手动管理状态）有（响应式 Proxy）协调过程Fiber 架构，异步、可中断同步递归调用状态更新触发整个组件重新渲染，虚拟 DOM diff。
2025-05-15 19:18:23
831
原创 vue中，created和mounted两个钩子之间调用时差值受什么影响
如果父组件通过 v-if 控制子组件是否挂载，那么即使子组件已经走过 created，只有在 v-if 为 true 后才会走 mounted。因此，如果组件模板（template）结构复杂，或者包含大量的动态绑定、指令、v-for、组件嵌套等操作，DOM 渲染和挂载过程就会变慢，从而延长 created → mounted 之间的时间间隔。虽然 Vue 是异步渲染 DOM 的，但如果组件中引用了大量需要异步加载的内容，如图片、异步组件、懒加载模块等，也可能造成渲染阻塞，影响 mounted 的触发时间。
2025-05-14 21:30:13
365
原创 auto.js面试题及答案
Auto.js 是一个基于 JavaScript 的自动化脚本平台，主要用于 Android 平台上模拟用户操作，实现自动化任务，如自动点击、滑动、识别文字等，常用于自动化测试、抢票、刷视频、任务脚本等场景。let widget = text("提交").className("android.widget.Button").clickable(true).findOne();控件操作（click(), setText(), parent(), child() 等）text("首页").waitFor();
2025-05-14 21:25:38
484
原创 AI 驱动的开发工具
由 Vercel 推出的 AI 网页设计开发工具，通过自然语言描述即可生成网页，支持一键发布，主要支持 React 和 Tailwind 技术栈。其界面设计友好，特别适合前端开发者使用。AI 设计工具，能够将手绘草图、文字描述和图片转换为高质量的设计原型和代码，支持多人协作，提高了设计与开发的效率。基于 AI 的前端开发工具，用户只需提供设计图或文字描述，即可自动生成 HTML/CSS 代码，降低了开发门槛。：即使是非专业开发者，也可以通过自然语言描述功能，由 AI 工具生成相应的代码，实现快速开发。
2025-05-10 20:18:36
404
原创 vue3的响应式设计原理
Vue 3 的响应式设计是其核心特性之一，依赖于和，相比 Vue 2 的，Vue 3 的响应式系统更加高效、灵活且易于维护。
2025-05-10 19:59:48
563
原创 react 19VS vue4终极对决：2025年那个项目更是你的项目
"Meta万亿生态背书，2025年新增库数量仍领先35%，但部分方案‘过度碎片化’…- *"如果你需要‘绝对控制权’和未来10年的技术延展性——React 19是你的军火库。*"评论区回复‘框架PK’领取《2025技术选型评分表》，一键测算你的项目适配度！*"阿里/腾讯共建Vue 4企业套件，开箱即用的中国本土化方案！- *"如果你的目标是‘用最少人力最快交付’且侧重亚太市场——Vue 4就是答案。*"点击关注，下期揭秘：如何用React 19+Vue 4混编突破性能瓶颈？你的项目押对宝了吗？
2025-05-08 07:42:30
427
原创 vue组件里写原生addEventListeners监听事件，要去手动销毁吗？为什么
自己手动添加的监听器，就要自己手动移除。这是组件生命周期管理的良好实践，尤其是在监听的是全局对象（如windowdocument）时。需要我帮你封装一个事件监听的 Vue composable（组合式函数）吗？
2025-05-05 09:12:40
433
原创 新手学编程前端好还是后端
比如说，一个炫酷的网页界面，流畅的用户交互体验，这都离不开前端开发者的精心打造。想象一下，当你打开一个购物网站，那些精美的图片展示、便捷的搜索功能，都是前端开发的成果。专家建议，如果你对数据处理、算法和系统架构更感兴趣，后端可能是你的不二之选。对于那些刚刚踏入编程世界的新手来说，常常会面临一个重要的抉择：是选择前端开发，还是后端开发？选择前端，你能更快地看到自己的成果，获得即时的满足感；选择后端，你将深入技术的核心，为系统的稳定运行保驾护航。总之，无论是前端还是后端，都是编程世界中不可或缺的一部分。
2025-05-02 19:02:42
433
原创 vue2和vue3组件如何监听子组件生命周期
方法Vue 2Vue 3推荐用途$emit生命周期✅✅监听子组件挂载/卸载（最通用）❌✅访问子组件状态或方法$refs + 方法调用✅✅访问子组件实例（临时方案）是否需要我给你封装一个的组合式钩子，让父组件自动监听多个子组件的生命周期？
2025-05-02 18:54:59
321
原创 vue中$set原理
项目Vue 2Vue 3添加响应式属性需要$set不需要，直接赋值即可实现机制Proxy拦截所有操作数组监听依赖重写 push/splice 等方法Proxy 完整拦截需要我帮你用简单代码实现一个简化版的$set吗？可以更好理解它的内部逻辑。
2025-05-01 21:32:42
1049
原创 前端如何转后端
前端转后端是完全可行的，特别是你已经掌握了 JavaScript / TypeScript，有一定工程化经验，这对你学习如 Node.js / NestJS 等后端技术非常有利。下面是一条的路线，帮助你高效完成从前端到后端的转型。
2025-05-01 21:24:35
570
原创 computed计算值为什么还可以依赖另外一个computed计算值？
computed之间可以互相依赖，是因为：Vue 的响应式系统会自动追踪 getter 中访问的所有响应式值或其他 computed 值；所以你可以像写普通函数一样组合多个 computed 值，而不需要担心依赖同步问题。你是否希望我用 Vue 2 或 Vue 3 的内部原理代码展示一下它是如何追踪这种依赖的？
2025-04-29 20:11:53
393
原创 大龄程序员：破局之路在何方
虽然新技术层出不穷，但在某个领域成为专家，拥有别人难以替代的技术优势，无疑能增加自己的竞争力。比如，某位资深的大龄程序员专注于人工智能算法的研究，最终成为该领域的权威，不仅没有被淘汰，反而备受各大公司争抢。凭借多年的技术经验和对项目的把控能力，转型为项目经理或者技术主管，能够充分发挥自己的优势。小李就是这样，他开发了一款独具特色的软件，成立了自己的公司，实现了人生的华丽转身。总之，大龄程序员并非没有出路，关键在于如何找准自己的方向，不断学习和进取。而其中，大龄程序员的出路问题，更是引发了广泛的讨论。
2025-04-27 16:44:03
398
原创 前端基础常见的算法
原理：通过重复比较相邻元素并交换位置，将最大（或最小）的元素逐步“冒泡”到数组的末尾。原理：选择一个基准元素（pivot），将数组分成小于和大于基准的两部分，递归排序。时间复杂度：平均和最坏为 O(n²)，最好情况（已经有序）为 O(n)。原理：每次将数组一分为二，根据中间值判断目标在左侧还是右侧，缩小范围。时间复杂度 O(n + m)。时间复杂度：平均 O(n log n)，最坏 O(n²)。原理：从头开始逐个比较，直到找到目标或遍历结束。时间复杂度：O(log n)时间复杂度：O(n)
2025-04-16 22:23:50
703
原创 vue3为什么要用引入Composition api
Vue 3 引入主要是为了改善和简化组件的组织结构，提供更好的可组合性、灵活性和可维护性。它解决了一些 Vue 2 中使用时常遇到的问题。
2025-03-30 19:24:36
664
原创 vue3为什么不需要时间切片
在 Vue 2 中，Vue 依赖于进行 diff 和更新，当组件数量庞大或者更新频率很高时，整个渲染过程可能会占用主线程过长时间，影响用户交互体验。因此，一些框架（比如 React）采用了技术来将渲染任务拆分，避免阻塞主线程。然而，在Vue 2 使用的是来劫持数据，但它无法监听新增/删除属性，也不能直接监听数组的变化，因此 Vue 2 需要watcher进行依赖收集，在数据变化时进行调度，这可能导致不必要的渲染。Vue 3 使用Proxy：只触发真正受影响的组件，而不会引发不必要的更新。watcher。
2025-03-28 20:52:04
1450
原创 vue有了响应式,为何还要diff
虽然 Vue 拥有强大的响应式系统，但它仍然需要 Diff 算法来高效地更新 DOM。因此，即使 Vue 拥有响应式系统，它仍然需要 Diff 算法来高效地更新 DOM，从而提高性能和简化开发。
2025-03-23 20:18:06
380
原创 react路由5和6新增及区别
特性路由声明<Switch><Routes>组件传递嵌套路由需要完整路径直接嵌套<Route>页面跳转获取参数重定向<Redirect><Navigate>exact关键词需要exact默认精确匹配路由数组不支持如果你的项目是 React Router 5，升级到 6 可能需要修改这些 API，但整体结构更简洁，代码可读性更好。
2025-03-18 20:22:56
408
原创 es6+新增特性有哪些
箭头函数、解构赋值、类、模块化等。后续版本（ES7+）继续增加了。可以针对某个特性深入探讨！ES6+ 带来了大量新特性，其中。是最大的一次更新，引入了。
2025-03-09 20:58:15
375
原创 VUE叉的工作原理？
Vuex 是 Vue.js 的一个专门用于状态管理的库，其工作原理基于单向数据流和集中式存储，旨在解决跨组件之间状态共享和管理的复杂性。
2025-03-08 18:48:50
996
原创 人工智能开发趋势
从生成式 AI 到边缘计算，从自监督学习到可解释性 AI，每一项技术进步都在推动 AI 走向更智能、更高效、更可靠的未来。随着 AI 发展带来的机遇和挑战并存，如何合理利用 AI、推动技术创新、同时确保 AI 的公平性和安全性，将成为未来 AI 发展的关键方向。随着 AI 在关键决策场景（如医疗、金融、法律）中的应用增加，AI 的可解释性（Explainable AI, XAI）变得至关重要。小样本学习技术的发展将使 AI 在新任务上的适应性更强，提高企业部署 AI 解决方案的可行性。
2025-03-06 23:18:21
685
原创 golang并发编程如何学习
在当今的编程世界中，Golang 并发编程正以其独特的魅力和强大的能力吸引着众多开发者。然而，对于许多小伙伴来说，如何学好这门技术却成了一个头疼的问题。首先，咱们得明白，Golang 并发编程可不是一蹴而就的。找一些简单的并发案例，比如模拟多个并发下载任务，或者实现一个并发的生产者-消费者模型。还有哦，别忘了参考权威的资料和专家的建议。总之，学习 Golang 并发编程就像一场冒险，充满了挑战，但也有着无尽的乐趣和收获。朋友们，加油吧，让我们在 Golang 并发编程的世界里畅游，创造出更多精彩的作品！
2025-03-06 23:11:38
297
原创 next实现原理
提前生成 HTML，而不是像 React 传统的客户端渲染那样在浏览器中执行 JavaScript 后再渲染。框架，它的实现原理涉及多个关键技术点，包括。Next.js 是一个基于 React 的。，是现代 Web 开发的首选框架之一。Next.js 通过。Next.js 提供。Next.js 通过。
2025-03-02 15:45:01
981
原创 nuxt实现原理
Nuxt.js 是一个功能强大且灵活的 Vue.js 框架，它通过约定优于配置的方式、自动路由生成、SSR 和静态生成支持等特性，大大简化了开发流程。Nuxt 使得 Vue 应用可以轻松实现服务端渲染、静态网站生成以及高度优化的客户端渲染，是开发高性能 Vue 应用的利器。
2025-02-24 18:10:01
803
原创 https和http有什么区别
HTTP适用于不涉及敏感信息传输的普通网站，但不安全。HTTPS更为安全，适用于任何需要保护用户数据的场景（例如电子商务网站、登录系统、银行网站等）。推荐在所有网站中使用HTTPS，尤其是在处理敏感信息时。
2025-02-24 18:00:50
1200
原创 Promise与async awit底层实现及原理
的底层实现可以类比于生成器（Generator）函数和自动执行器。生成器函数可以在执行过程中暂停和恢复，这为实现异步流程控制提供了可能。它的核心思想是将异步操作封装为一个对象，该对象可以注册回调函数，以便在操作成功（的底层实现，可以更深入地掌握 JavaScript 的异步编程模型，有助于编写更高效和可靠的代码。的语法糖，使得异步代码的书写更加简洁和直观。函数接受一个生成器函数作为参数，返回一个新的函数。实现比上述示例更复杂，涉及更多的边界情况处理和性能优化。的语法糖，使得异步代码看起来像同步代码。
2025-02-21 18:51:55
229
原创 后端返回前端10万条数据应该怎样处理进行展示
如果后端返回 10 万条数据，直接渲染到前端会导致。（如排序、筛选），可以用 Web Worker 在。，前端按需请求，每次只获取一小部分数据。如果必须一次性获取所有数据，使用。，避免一次性渲染 10 万条数据。如果 API 不能分页，可以前端。如果必须一次性获取数据，执行，避免 UI 卡死。如果 API 支持分页，，减少 DOM 负担。
2025-02-17 16:16:06
321
原创 前端骨架怎样实现
前端骨架屏（Skeleton Screen）是一种优化页面加载体验的技术，通常在内容加载时展示一个简易的占位符，避免用户看到空白页面。骨架屏通过展示页面结构的骨架样式，让用户有页面正在加载的感觉，而不是等待内容加载完毕。常见的骨架屏实现方式有两种：使用 CSS 动画和使用 JavaScript 组件。
2025-02-13 21:08:35
535
原创 硬路由和软路由该怎么选?
据相关数据显示，超过 70%的家庭用户选择了硬路由，因为它上手容易，设置简单，对于不太懂技术的朋友来说，简直是福音。但要注意哦，软路由的设置相对复杂，需要一定的技术功底。但要是你是个技术爱好者，喜欢折腾，追求极致的性能和个性化设置，软路由或许能给你带来更多的惊喜。总结：本文探讨了硬路由和软路由的特点及适用场景，帮助读者根据自身需求做出明智的选择，无论是追求简便的普通用户，还是热衷于技术探索的爱好者，都能在其中找到适合自己的答案。总之，硬路由和软路由各有千秋，选择适合自己的才是最重要的。
2025-02-11 21:09:38
322
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人