2024-06-16 前端开发 Web Components , 原生DOM , 封装性 , 组件化 , 生命周期 , 高级设计 , 性能优化 15 分钟阅读探索Web Components这篇文章介绍了Web Components技术,它允许开发者创建可复用、封装良好的自定义HTML元素,并直接在浏览器中运行,无需依赖外部库。通过组合HTML模板、Shadow DOM、自定义元素和HTML imports,Web Components增强了原生DOM的功能,提高了组件化开发的封装性和可维护性,同时支持组件的生命周期管理和高级设计模式,有利于提 …阅读更多 cmdragon
2024-06-03 前端开发 Vue渲染 , JSX基础 , 性能优化 , 组件对比 , React JSX , 大项目 , 测试策略 18 分钟阅读Vue渲染函数与JSX指南这篇文章介绍了Vue.js的基础知识,包括Vue.js的历史、安装配置、组件概念、实例生命周期等。接着深入探讨了Vue的模板语法,如插值表达式、指令、条件渲染、列表渲染和事件处理。文章还详细讲解了Vue的渲染函数和JSX的使用,包括渲染函数的作用、如何在Vue中使用渲染函数、创建渲染函数以及渲染函数与组件的关系。此外,还涉及了JSX的基础知识、语法、与Vue …阅读更多
2024-05-30 前端开发 Vue3 , 计算属性 , 侦听器 , 路由 , 模板 , 性能优化 , 实战案例 16 分钟阅读深入理解Vue 3:计算属性与侦听器的艺术前言 Vue 3的新特性简介 Vue.js作为当今流行的前端框架之一,以其响应式数据绑定和组件化架构著称。随着技术的不断演进,Vue 3带来了许多令人期待的新特性,这些特性不仅使得Vue.js更加高效和灵活,也为开发者提供了更好的开发体验。阅读更多
2024-05-27 前端开发 生命周期 , 异步加载 , 通信原理 , 父子通信 , 兄弟通信 , 跨层通信 , 性能优化 16 分钟阅读Vue 组件生命周期:探索钩子第 1 章:介绍与背景 1.1 什么是 Vue 组件生命周期? Vue 组件生命周期是指 Vue 组件从创建、运行到销毁的整个过程,共分为 8 个阶段: 创建前(beforeCreate) 创建后(created) 载入前(beforeMount) 载入后(mounted) 更新前(beforeUpdate) 更新后(updated) 销毁前 …阅读更多
2024-05-26 前端开发 VueJS , 前端开发 , 数据绑定 , 列表渲染 , 状态管理 , 路由配置 , 性能优化 19 分钟阅读Vue.js条件渲染与列表渲染指南第1章:Vue.js基础与环境设置 1.1 Vue.js简介 Vue.js (读音:/vjuː/,类似于 “view”) 是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同的是,Vue.js 被设计为可以自底向上逐层应用。这意味着,你可以在一个大型的单页应用中或者可复用的组件库中使用 Vue,同时也可以将 …阅读更多
2024-05-25 前端开发 Vue3基础 , 指令详解 , 事件处理 , 高级事件 , 实战案例 , 最佳实践 , 性能优化 12 分钟阅读Vue 3指令与事件处理第1章 Vue 3基础 1.1 Vue 3简介 Vue 3 是一个由尤雨溪(尤大)领导的开源JavaScript框架,它专注于构建用户界面。相较于Vue 2,Vue 3在核心理念上保持一致,但对一些底层实现进行了重大优化,包括:阅读更多