- 博客(11)
- 收藏
- 关注
RSS订阅原创 深入理解CSS定位：掌握布局的核心技巧
本文将深入解析CSS中的五种定位方式：静态定位、相对定位、绝对定位、固定定位和粘性定位，帮助你彻底掌握这一关键技术。通过定位，开发者可以精确地指定元素的位置、层叠顺序以及与其他元素的关系。相对定位常用于微调元素的位置，或者作为绝对定位的参考点（父元素设置为position: relative，子元素设置为position: absolute）。固定定位常用于创建固定在页面某个位置的元素，例如导航栏、返回顶部按钮、广告横幅等。绝对定位常用于创建浮动元素、弹出框、模态框等需要脱离文档流的场景。
2025-02-18 13:45:31
680
原创 彻底搞懂 JavaScript 原型、隐式原型与原型链
理解JavaScript中的原型、隐式原型和原型链对于掌握面向对象编程至关重要。通过这些机制，我们可以实现灵活且高效的代码复用和继承结构。希望本文能帮助你全面理解这些核心概念，并在实际开发中加以应用。
2025-02-12 12:21:42
830
原创 彻底搞懂es6中class类
使用class关键字可以定义一个类。类名通常采用大驼峰命名法（即每个单词的首字母大写）。// 构造函数// 方法在上面的例子中，我们定义了一个Person类，它有一个构造函数constructor和一个方法sayHello。JavaScript中的class提供了一种更简洁、更面向对象的方式来创建对象和处理继承。通过class关键字，我们可以定义类、构造函数、方法、静态方法、Getter和Setter等。此外，ES2022引入了私有属性和方法，进一步增强了类的封装性。
2025-02-11 10:36:03
477
原创 优化首次加载白屏问题：从原理到实践
在Web开发中，首次加载白屏问题是一个常见的性能瓶颈，尤其是在单页应用（SPA）中。本文将深入分析白屏问题的原因，并提供一系列优化策略，帮助你彻底解决这一问题。通过资源压缩、代码分割、服务端渲染、预加载和缓存等策略，结合性能监控工具，可以有效减少白屏时间，提升用户体验。当用户访问一个网页时，从输入URL到页面完全渲染出来，中间会经历一个空白页面阶段，这就是所谓的“白屏”。如果JavaScript代码执行时间过长，会延迟页面的渲染，导致用户长时间看到空白页面。要解决白屏问题，首先需要了解其背后的原因。
2025-02-11 10:15:44
504
原创 Vue 3 自定义权限指令
在 Vue 应用中，自定义指令是一种强大的功能，可以用于封装 DOM 操作逻辑。通过自定义指令，我们可以实现权限控制，确保只有具有特定权限的用户才能访问某些元素。以下是如何在 Vue 3 中创建一个自定义权限指令的详细步骤。自定义权限指令的基本思路是：在指令的mounted钩子中检查用户的权限，如果用户没有权限，则隐藏或禁用该元素。在 Vue 3 中，可以通过方法全局注册自定义指令，或者在组件内部通过directives选项局部注册。
2025-02-10 16:07:46
325
原创 Vue 3 中 setup 函数怎么用？
setup函数是 Vue 3 组合式 API 的核心，它提供了一种更灵活的方式来组织组件逻辑。通过setup函数，可以实现响应式数据的管理、生命周期钩子的使用以及组件间的通信。合理使用setup函数，可以让你的代码更加清晰、易于维护。
2025-02-10 15:52:49
417
原创 Vue 2 和 Vue 3 双向绑定的原理和区别
Vue 3 在双向绑定机制上进行了显著的改进，通过引入Proxy技术，不仅提高了性能，还增强了对复杂数据结构的支持。这些改进使得 Vue 3 在处理大型应用和复杂数据时更加高效和灵活。
2025-02-10 15:35:59
486
原创 Vue 3 数据响应详解
Vue 3 的响应式系统通过Proxy实现，提供了更高效、更灵活的数据绑定机制。开发者可以通过reactive和ref创建响应式数据，并利用computedwatch和来实现复杂的响应式逻辑。通过合理使用这些特性，可以显著提升应用的性能和可维护性。
2025-02-10 15:33:27
697
原创 uniapp app 内部版本更新
1 、创建AppUpdate.js 复制下面代码 可修改。3.在onLaunch里面使用。2 直接在app内引入。
2024-12-18 14:54:52
364
原创 uniapp 聊天表情实现
我这里是直接处理为html富文本然后 直接展示。把每个表情图片地址和名称放在一个对象里。拿到返回遍历本地图片展示在图片上。然后上传图片到后端或者oss。1.记录开发app 聊天表情功能的实现。本地集成聊天表情图片，
2024-12-18 10:34:31
575
原创 解决Module build failed: Error: Cannot find module ‘node-sass‘Require stack
in ./src/components/main/mainFirm.vueModule build failed: Error: Cannot find module 'node-sass'Require stack:- C:\Users\Demo\Desktop\身份\YouQiu\node_modules\sass-loader\lib\loader.js- C:\Users\Demo\Desktop\身份\YouQiu\node_modules\loader-runner\lib\loa..
2021-11-30 09:51:15
1852
理解 OAuth2.0：基于授权码模式的第三方应用资源访问授权框架解析
2025-02-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人