Vue.js

我天，现在的00后差距都这么大了吗？前两天跟一个初中同学打电话聊天，无意间就聊到一个同学已经生娃了。我当时反应这么早吗，这才多少岁啊，就开始结婚生娃？哎！突然有点伤感了，我这么大还没牵过女孩子的手呢。...

前言 Vue组件化的思想，让前端的代码编写起来更加的优雅，让各个组件变成独立的、可复用的模块，这无疑提高了开发应用的效率降低了开发人员的压力。但是这样就诞生一个问题：当组件变成独立的模块时，各个组件之...

今天分享一段优质 JS 代码片段，实现在关闭或刷新浏览器窗口时做提示。 老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！ js 代码解读 复制代码 window.addEve...

项目介绍 TDuck —— 一款免费的表单问卷系统，支持快速创建问卷或业务表单，采用无代码理念支持开发自定义组件。采用 SpringBoot + Vue + ElementUI 技术栈，功能强大界面清...

前言 为了更好地适配vue3，vue rouer4.x版本也引入了组合式API的写法，前面我们也简单用了下，本节我们系统讲解一下vue router的组合式API。 路由相关 在vue2中我们想要获取...

项目介绍 vue3-cloud-music —— 一个主要基于 Vue3 + TypeScript + Vite 构建的高仿网易云 PC 端的音乐流媒体网站。 功能特色： 兼容夜间模式，骨架屏加载显示...

背景： 甲方爸爸发来工作请求写一个这样的chatGPT页面。  收到甲方爸爸的工作请求后，作为乙方的我听到金主给的价格后我答应一天后交付，直接开干。 切图崽第一步——设计结构css 一般的项目我们都是...

前言 今天主要是分享一个vue的基础语法。涉及到Vue项目的创建和vueRouter的使用。过两天我就会写一个天气预报的小demo的文章,涉及的内容包括vant组件库+Echarts+高德API的调用...

我们都知道，在以前想要写多页面的时候，一般都会创建多个html，比如我们需要十个页面，就要创建十个html，然后通过<a>标签来进行跳转，这样子很难达到复用，比如我们的页面头部都是同一个头...

前言 如图，在做项目的过程中需要加载上图中所有的svg图片，按照传统的方式肯定需要一个一个进行导入，非常繁琐并且耗时，接下来介绍一个好用的API可以帮助我们快速的完成这一步骤。 用法 requre.c...

实现一个Videojs播放器组件  视频封面图片来自unsplash 安装依赖 bash 复制代码 npm i video.js M3U8 是一种基于 HTTP Live Streaming (HLS...

Vue.js，作为现代前端开发的明星框架之一，以其轻量级、高效和易上手的特点，吸引了全球众多开发者。构建一个高效、稳定的Vue开发环境是开始Vue之旅的第一步。本文将详尽指导你从零开始，搭建一个适合V...

前言 在传统的构建页面布局时，我们通常都是使用一个个的div标签再辅以相应的css代码来控制容器的定位，实现页面的整体布局，这样写出的代码会显得非常臃肿，并且页面的美观性较差。为了解决这个问题饿了么团...

看个demo 我们先来看个demo，代码如下： xml 复制代码 <template> <div class="block">hello world</div> &...

前言 先介绍本文的主角： ref: 用于包裹基本类型值或对象以创建响应式引用。当你需要对单个值（如数字、字符串、布尔值等）进行响应式处理时，可以使用ref。访问.value属性来获取或设置实际的值。 ...

在Vue项目中使用OpenTelemetry进行追踪，需要按照以下步骤进行： 安装OpenTelemetry相关包： 首先，需要安装OpenTelemetry的JavaScript SDK和对应的导出...

前言 最近 varlet 开源了自己的图标解决方案，刚好公司也遇到了一些图标相关的问题，记录下我的一些见解和收获。 问题 首先先列一下我遇到了什么问题： 图标分散，不便于统一管理 项目中使用图标混乱，...

前言 在当今数据驱动的时代，数据可视化成为了帮助人们快速理解复杂数据的重要工具，也成为了将复杂数据转化为直观信息的重要手段。前端 Vue3 框架结合强大的数据可视化库 Apache ECharts，为...

国际化背景 当项目需要面向全球用户时，国际化（i18n）改造便成为了一个必要的步骤。选择合适的国际化插件工具，基于项目的技术栈，是成功的关键。下面，我们将以Vue 3结合Element Plus和EC...

前言 说起 effectScope，我第一次见到还是在vueuse的源码中，还不太理解，大佬当时也讲解了很多： 就在刚刚大佬也是出了期视频小小的讲解了一下，本文章结合大佬的讲解视频，以及源码来对视频进...