title: Vue 3 Teleport:掌控渲染的艺术 date: 2024/6/5 updated: 2024/6/5 description: 这篇文章介绍了Vue3框架中的一个创新特性——Teleport,它允许开发者将组件内容投送到文档对象模型(DOM)中的任意位置,即使这个位置在组件的 ...
Don't Talk, code is here: 重点是startRecord 方法 <template> <div> <el-tooltip class="item" effect="dark" content="再次点击 【开始录音】 即为重新录制,之前录制的将被作废" placement=" ...
title: Vue.js 动画与过渡效果实战 date: 2024/6/4 updated: 2024/6/4 description: 这篇文章介绍了如何在网页设计中使用过渡动画和组件效果,以及如何利用模式和列表展示信息。还提到了使用钩子实现组件间通信的方法。 categories: 前端开发 ...
背景:原先电脑上安装了vue2.0和node 14.17.6版本,后面新项目使用的是vue3.0和node 16.6.1。通过nvm 安装node 16.6.1的时候,不小心把原来的2.0环境给搞坏了。 目的:本文将通过文字描述(都是cmd命令,截图感觉没啥意义)的方式,讲述卸载和安装多版本node ...
随着Web应用变得越来越复杂,而jQuery的功能却显得过于简单,难以应对这些复杂的需求。比如,对于一些需要大量动态交互的应用程序,jQuery的功能并不足够强大。此外,由于jQuery所写应用的代码结构较为混乱,其中包含了大量的全局变量和函数,例如,全局变量"$"和"jQuery"都指向了jQue... ...
title: Vue渲染函数与JSX指南 date: 2024/6/3 下午6:43:53 updated: 2024/6/3 下午6:43:53 categories: 前端开发 tags: Vue渲染 JSX基础 性能优化 组件对比 React JSX 大项目 测试策略 第1章:Vue.js入门 ...
使用 Vite 快速搭建脚手架 命令行选项直接指定项目名称和想要使用的模板,Vite + Vue 项目,运行(推荐使用yarn) # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线: npm init ...
Vue3简单项目流程分享——工作室主页 零、写在最前 以下是项目相关的一些链接: 源代码GitHub仓库(需要魔法上网):仓库 网页示例(需要魔法上网):网页示例 UI图(来源@设计师杨贺):MasterGo主页 补充:由于时间关系,该网页没有适配手机端,最佳展示效果为网页端1440p宽度。 如果你 ...
FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定 FormCreate官网:https://www.form-create.com ...
title: Vue.js 动态组件与异步组件 date: 2024/6/2 下午9:08:50 updated: 2024/6/2 下午9:08:50 categories: 前端开发 tags: Vue概览 动态组件 异步加载 性能提升 路由管理 状态控制 工具生态 第1章 Vue.js 简介 ...
从零学习Vue.js 目录 引言 准备工作 Vue.js 基础 3.1 Vue 实例 3.2 模板语法 3.3 数据绑定 3.4 计算属性和侦听器 3.5 Class 与 Style 绑定 3.6 条件渲染 3.7 列表渲染 3.8 事件处理 3.9 表单输入绑定 Vue.js 组件 4.1 组件基 ...
title: Vue插槽与作用域插槽 date: 2024/6/1 下午9:07:52 updated: 2024/6/1 下午9:07:52 categories: 前端开发 tags: VueSlot ScopeSlot 组件通信 Vue2/3插槽 作用域API 动态插槽 插槽优化 第1章:插槽 ...
title: vue3组件通信与props date: 2024/5/31 下午9:00:57 updated: 2024/5/31 下午9:00:57 categories: 前端开发 tags: Vue3组件 Props详解 生命周期 数据通信 模板语法 Composition API 单向数据 ...
Unix 时间戳是从1970年1月1日(UTC/GMT的午夜)开始所经过的秒数,不考虑闰秒。 以下2个方法源自于时间工具包:time utils 效果展示:在线时间戳转换工具 时间转时间戳 /** * 将某个时间转化成时间戳 * 时间格式:2019-05-20 00:00:00 或 2019年5月1 ...
目录前端平台搭建(Vue2.6,App:HBulderX)创建Vue2.6项目下载相应插件方便开发路由配置对连接后端进行一些配置(main.js文件)导入ElementUI组件组件 | Element同步与异步axios异步请求框架 前端平台搭建(Vue2.6,App:HBulderX) 创建Vue ...
title: 深入理解Vue 3:计算属性与侦听器的艺术 date: 2024/5/30 下午3:53:47 updated: 2024/5/30 下午3:53:47 categories: 前端开发 tags: Vue3 计算属性 侦听器 路由 模板 性能优化 实战案例 前言 Vue 3的新特性简 ...
title: Vue3使用Composition API实现响应式 date: 2024/5/29 下午8:10:24 updated: 2024/5/29 下午8:10:24 categories: 前端开发 tags: Vue3 Composition Refs Reactive Watch L ...
前言 众所周知,当子组件使用setup后,父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注:本文中使用的vu ...
title: 理解Vue 3响应式系统原理 date: 2024/5/28 15:44:47 updated: 2024/5/28 15:44:47 categories: 前端开发 tags: Vue3.x TypeScript SFC优化 Composition-API Ref&Reactive ...
title: Vue 组件生命周期:探索钩子 date: 2024/5/27 18:42:38 updated: 2024/5/27 18:42:38 categories: 前端开发 tags: 生命周期 异步加载 通信原理 父子通信 兄弟通信 跨层通信 性能优化 第 1 章:介绍与背景 1.1 ...