- 博客(215)
- 收藏
- 关注
RSS订阅原创 vue3为什么要用引入Composition api
Vue 3 引入主要是为了改善和简化组件的组织结构，提供更好的可组合性、灵活性和可维护性。它解决了一些 Vue 2 中使用时常遇到的问题。
2025-03-30 19:24:36
605
原创 vue3为什么不需要时间切片
在 Vue 2 中，Vue 依赖于进行 diff 和更新，当组件数量庞大或者更新频率很高时，整个渲染过程可能会占用主线程过长时间，影响用户交互体验。因此，一些框架（比如 React）采用了技术来将渲染任务拆分，避免阻塞主线程。然而，在Vue 2 使用的是来劫持数据，但它无法监听新增/删除属性，也不能直接监听数组的变化，因此 Vue 2 需要watcher进行依赖收集，在数据变化时进行调度，这可能导致不必要的渲染。Vue 3 使用Proxy：只触发真正受影响的组件，而不会引发不必要的更新。watcher。
2025-03-28 20:52:04
1141
原创 vue有了响应式,为何还要diff
虽然 Vue 拥有强大的响应式系统，但它仍然需要 Diff 算法来高效地更新 DOM。因此，即使 Vue 拥有响应式系统，它仍然需要 Diff 算法来高效地更新 DOM，从而提高性能和简化开发。
2025-03-23 20:18:06
353
原创 react路由5和6新增及区别
特性路由声明<Switch><Routes>组件传递嵌套路由需要完整路径直接嵌套<Route>页面跳转获取参数重定向<Redirect><Navigate>exact关键词需要exact默认精确匹配路由数组不支持如果你的项目是 React Router 5，升级到 6 可能需要修改这些 API，但整体结构更简洁，代码可读性更好。
2025-03-18 20:22:56
381
原创 es6+新增特性有哪些
箭头函数、解构赋值、类、模块化等。后续版本（ES7+）继续增加了。可以针对某个特性深入探讨！ES6+ 带来了大量新特性，其中。是最大的一次更新，引入了。
2025-03-09 20:58:15
334
原创 VUE叉的工作原理？
Vuex 是 Vue.js 的一个专门用于状态管理的库，其工作原理基于单向数据流和集中式存储，旨在解决跨组件之间状态共享和管理的复杂性。
2025-03-08 18:48:50
980
原创 人工智能开发趋势
从生成式 AI 到边缘计算，从自监督学习到可解释性 AI，每一项技术进步都在推动 AI 走向更智能、更高效、更可靠的未来。随着 AI 发展带来的机遇和挑战并存，如何合理利用 AI、推动技术创新、同时确保 AI 的公平性和安全性，将成为未来 AI 发展的关键方向。随着 AI 在关键决策场景（如医疗、金融、法律）中的应用增加，AI 的可解释性（Explainable AI, XAI）变得至关重要。小样本学习技术的发展将使 AI 在新任务上的适应性更强，提高企业部署 AI 解决方案的可行性。
2025-03-06 23:18:21
651
原创 golang并发编程如何学习
在当今的编程世界中，Golang 并发编程正以其独特的魅力和强大的能力吸引着众多开发者。然而，对于许多小伙伴来说，如何学好这门技术却成了一个头疼的问题。首先，咱们得明白，Golang 并发编程可不是一蹴而就的。找一些简单的并发案例，比如模拟多个并发下载任务，或者实现一个并发的生产者-消费者模型。还有哦，别忘了参考权威的资料和专家的建议。总之，学习 Golang 并发编程就像一场冒险，充满了挑战，但也有着无尽的乐趣和收获。朋友们，加油吧，让我们在 Golang 并发编程的世界里畅游，创造出更多精彩的作品！
2025-03-06 23:11:38
283
原创 next实现原理
提前生成 HTML，而不是像 React 传统的客户端渲染那样在浏览器中执行 JavaScript 后再渲染。框架，它的实现原理涉及多个关键技术点，包括。Next.js 是一个基于 React 的。，是现代 Web 开发的首选框架之一。Next.js 通过。Next.js 提供。Next.js 通过。
2025-03-02 15:45:01
923
原创 nuxt实现原理
Nuxt.js 是一个功能强大且灵活的 Vue.js 框架，它通过约定优于配置的方式、自动路由生成、SSR 和静态生成支持等特性，大大简化了开发流程。Nuxt 使得 Vue 应用可以轻松实现服务端渲染、静态网站生成以及高度优化的客户端渲染，是开发高性能 Vue 应用的利器。
2025-02-24 18:10:01
713
原创 https和http有什么区别
HTTP适用于不涉及敏感信息传输的普通网站，但不安全。HTTPS更为安全，适用于任何需要保护用户数据的场景（例如电子商务网站、登录系统、银行网站等）。推荐在所有网站中使用HTTPS，尤其是在处理敏感信息时。
2025-02-24 18:00:50
1170
原创 Promise与async awit底层实现及原理
的底层实现可以类比于生成器（Generator）函数和自动执行器。生成器函数可以在执行过程中暂停和恢复，这为实现异步流程控制提供了可能。它的核心思想是将异步操作封装为一个对象，该对象可以注册回调函数，以便在操作成功（的底层实现，可以更深入地掌握 JavaScript 的异步编程模型，有助于编写更高效和可靠的代码。的语法糖，使得异步代码的书写更加简洁和直观。函数接受一个生成器函数作为参数，返回一个新的函数。实现比上述示例更复杂，涉及更多的边界情况处理和性能优化。的语法糖，使得异步代码看起来像同步代码。
2025-02-21 18:51:55
197
原创 后端返回前端10万条数据应该怎样处理进行展示
如果后端返回 10 万条数据，直接渲染到前端会导致。（如排序、筛选），可以用 Web Worker 在。，前端按需请求，每次只获取一小部分数据。如果必须一次性获取所有数据，使用。，避免一次性渲染 10 万条数据。如果 API 不能分页，可以前端。如果必须一次性获取数据，执行，避免 UI 卡死。如果 API 支持分页，，减少 DOM 负担。
2025-02-17 16:16:06
261
原创 前端骨架怎样实现
前端骨架屏（Skeleton Screen）是一种优化页面加载体验的技术，通常在内容加载时展示一个简易的占位符，避免用户看到空白页面。骨架屏通过展示页面结构的骨架样式，让用户有页面正在加载的感觉，而不是等待内容加载完毕。常见的骨架屏实现方式有两种：使用 CSS 动画和使用 JavaScript 组件。
2025-02-13 21:08:35
478
原创 硬路由和软路由该怎么选?
据相关数据显示，超过 70%的家庭用户选择了硬路由，因为它上手容易，设置简单，对于不太懂技术的朋友来说，简直是福音。但要注意哦，软路由的设置相对复杂，需要一定的技术功底。但要是你是个技术爱好者，喜欢折腾，追求极致的性能和个性化设置，软路由或许能给你带来更多的惊喜。总结：本文探讨了硬路由和软路由的特点及适用场景，帮助读者根据自身需求做出明智的选择，无论是追求简便的普通用户，还是热衷于技术探索的爱好者，都能在其中找到适合自己的答案。总之，硬路由和软路由各有千秋，选择适合自己的才是最重要的。
2025-02-11 21:09:38
264
2原创 vue3中的ref相关的api及用法
API作用ref(value)创建响应式数据（基本类型或对象）将对象的某个属性转为将整个对象的属性转为创建浅层响应式创建自定义unref(ref)获取ref的值（等价于ref.value判断是否为强制触发shallowRef更新这些 API 能够帮助你在 Vue 3 中高效管理响应式数据。你在实际项目中有遇到相关问题吗？
2025-02-05 22:19:08
507
原创 vue2和vue3路由封装及区别
Vue 2 和 Vue 3 在路由封装方面有一些区别，主要体现在 Vue Router 版本的升级（Vue Router 3 -> Vue Router 4）上。下面我们来对比一下 Vue 2 和 Vue 3 在路由封装上的主要区别，并提供相应的代码示例。
2025-02-01 16:48:09
478
原创 电脑CPU带字母和带数字的解释
字母通常位于型号的末尾，例如：Intel Core i7-12700H 或 AMD Ryzen 7 5800U。CPU上的数字表示处理器的代号、型号和性能等级。希望这些解释能帮助你更好地理解 CPU 上的字母和数字的意义！
2025-01-26 11:28:19
2070
原创 vue2和vue3指令
el.focus();},});el.focus();// 元素插入时触发},el.focus();// 数据更新时触发},});(3) 移除的指令v-model修饰符变化Vue 2 使用。Vue 3 改用参数：v-on修饰符合并Vue 2 的.native修饰符被移除。Vue 3 通过emits传递事件，无需.native。(4) Transition 组件中的指令Vue 3 对v-show在Transition<template>
2025-01-24 21:09:19
1793
原创 介绍Promise是怎样工作的
Promise是 JavaScript 中的一种用于处理异步操作的对象。它提供了一种更清晰、更简洁的方式来管理异步操作的结果，避免传统的嵌套回调（俗称“回调地狱”）问题。
2025-01-22 20:47:45
306
原创 node和nest生态及区别和优势
Nest.js 是一个基于 TypeScript 构建的进阶 Node.js 框架，专注于构建高效、可扩展的服务器端应用，采用类似 Angular 的模块化设计。总结来说，Node.js 提供了高灵活性和高性能，而 Nest.js 在此基础上，通过模块化和强类型支持，为复杂项目开发提供了更高效的解决方案。Node.js 是一个基于 V8 引擎的 JavaScript 运行时，支持高性能、非阻塞 I/O，用于构建服务器端应用程序。
2025-01-21 19:56:02
638
原创 前端进程和线程及介绍
前端开发中经常涉及到进程和线程的概念，特别是在浏览器中。理解这两个概念对于理解浏览器的工作机制和前端性能优化非常重要。现代浏览器（如 Chrome、Edge）采用多进程架构，以提高稳定性、安全性和性能。希望这些内容能帮助你更好地理解前端的进程和线程！如果有具体问题，欢迎随时提问。
2025-01-14 23:40:03
571
原创 人工智能：是助力还是取代？
想想看，人工智能虽然能够处理大量的数据和执行复杂的任务，但其缺乏人类所拥有的创造力、同理心和批判性思维。比如一位优秀的设计师，能够凭借自己独特的灵感和审美创作出令人惊叹的作品，这是人工智能目前难以企及的。总之，人工智能的发展是大势所趋，但它不会成为人类工作的终结者，而是会促使我们不断提升自己，去从事更具创造性和人性化的工作，与人工智能携手共创美好未来。又如医生，在诊断病情时，需要综合考虑患者的多种因素，包括心理状态、生活习惯等，做出人性化的治疗方案。亲爱的朋友们，对于人工智能与人类工作的关系，您怎么看呢？
2025-01-04 17:04:57
274
原创 宏任务和微任务的区别
在 JavaScript 的异步编程模型中，宏任务（Macro Task）和微任务（Micro Task）是事件循环（Event Loop）机制中的两个重要概念。它们用于管理异步操作的执行顺序。宏任务是较大的任务块，它们在事件循环的每一轮迭代中按顺序执行。
2024-12-29 18:45:02
490
原创 js垃圾回收机制详细讲解
JavaScript 的垃圾回收机制是一个自动的内存管理系统，采用标记-清除算法，旨在自动释放不再使用的内存。通过了解垃圾回收的原理和触发机制，开发者可以编写更高效、内存使用更合理的代码。尽管现代浏览器和 JavaScript 引擎提供了很强的垃圾回收能力，但我们仍然需要关注内存泄漏的问题，尤其是在大规模应用和复杂的前端开发中。
2024-12-26 20:47:59
857
原创 js原型和原型链
原型是构造函数的prototype属性，它用于存放可以由该构造函数创建的所有实例共享的方法和属性。原型链是一个对象链，通过对象的属性连接。查找对象的属性时，如果该对象没有，则会沿着原型链查找，直到查找到null为止。通过理解原型和原型链，可以更好地理解 JavaScript 中的继承、对象创建和属性查找机制。
2024-12-24 21:44:28
651
原创 知道什么事BFC吗
BFC（Block Formatting Context，块格式化上下文）是 CSS 中一种非常重要的概念，用于布局和清除浮动。它是页面中的一个独立渲染区域，拥有自己的格式化规则。BFC 的特点和规则对解决许多布局问题非常有用，比如清除浮动、避免外边距重叠等。
2024-12-22 15:35:37
282
原创 transform有哪些属性
通过设置具体的数值，能够轻松地将元素移动到指定的位置，为页面布局带来更多的灵活性。总之，transform 的属性丰富多样，灵活运用这些属性可以为网页和应用程序的设计与开发带来更多的创意和惊喜。再者，scale 属性能够实现元素的缩放。可以分别在水平方向（scaleX）和垂直方向（scaleY）上进行缩放，或者同时在两个方向上进行等比例缩放（scale），创造出独特的视觉效果。此外，skew 属性能够使元素在水平方向（skewX）和垂直方向（skewY）上发生倾斜，为设计带来更多的创意可能性。
2024-12-19 22:05:47
276
原创 Rsbuild构建工具
Rsbuild是一款高效的 JavaScript/TypeScript 构建工具，主要用于快速打包、优化和构建前端项目。它的设计理念和实现重点是速度和开发体验，特别适合现代的前端项目需求。极快的构建速度：采用基于 Rust 的实现，通过多线程并行处理和高性能的 I/O 操作，显著提高构建速度。原生支持 ES Modules：优化了现代浏览器支持的 ESM 格式，减少了构建后的代码量和复杂性。Tree Shaking 和按需打包：默认支持移除未使用的代码，生成精简的打包结果。
2024-12-18 22:59:46
923
原创 自学前端开发：副业的潜力与挑战
根据相关数据显示，近年来互联网行业的持续发展，使得对前端开发人员的需求不断增长。经过一段时间的努力，他开始在一些兼职平台上接取前端开发的项目，不仅增加了收入，还提升了自己的技术水平。在当今数字化的时代，越来越多的人开始思考如何利用自己的业余时间，开拓一份有潜力的副业。同时，要善于利用在线学习资源，如慕课网、网易云课堂等，这些平台提供了丰富的前端开发课程。总的来说，自学前端开发作为副业是具有可行性的，但需要付出努力和时间。只要你有足够的热情和毅力，掌握这门技术，就能在副业的道路上开辟出一片新天地。
2024-12-17 21:03:08
223
原创 程序员想创业的多吗?
然而，也有不少程序员虽然有创业的想法，却最终没有付诸行动。毕竟，创业成功的概率并不高，据相关研究，新创企业能存活五年以上的不足 20%。另一方面，从舒适的工作环境和稳定的收入中跳出来，需要极大的勇气。总之，程序员想创业的不在少数，但真正付诸行动并取得成功的，还需要克服诸多困难和挑战。对于程序员们来说，创业既是一个诱人的梦想，也是一条充满荆棘的道路。程序员们通常具备强大的技术能力，他们在日复一日的代码世界里，积累了丰富的经验和创新的想法。不过，那些勇敢迈出创业步伐的程序员，也有不少取得了令人瞩目的成就。
2024-12-14 21:34:39
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人