VUE March 10, 2025

vue3实现虚拟滚动组件

Words count 7.6k Reading time 7 mins.

以下是在 Vue3 中实现高性能虚拟滚动组件的核心技术方案及代码实现:


一、核心架构设计(Composition API)

<script setup>
import { ref...
Read article

VUE March 10, 2025

vue3实现大文件分片上传和断点续传

Words count 8.2k Reading time 7 mins.

首先,前端部分需要用到Vue3的Composition API,可能需要用ref和reactive来管理状态。然后,文件上传要用到File API,特别是Blob对象的slice方法来分片。每个分片需要有一个唯一的标识,可能是文件名加上分片索引,或者使用文件内容的hash,但为了简化,可能先使用文件名和索引的组合。

接下来,上传进度的显示,需要计算已上传的分片数和总分片数,然后更新进度条。断点续传的话,需要后端支持,记录已上传的分片,所以前端在上传前应该先询问后端哪些分片已经上传过了,避免重复上...
Read article

VUE July 07, 2020

拥抱Vue3系列之jsx语法

Words count 12k Reading time 11 mins.

原文地址

在过去的一年中,Vue 团队一直都在开发 Vue.js 的下一个主要版本,就在 6 月底,尤大更新同步了 Vue 3 及其周边生态的状态(Vue 3: mid 2020 status update)。

if (isTrue("I am planning to use Vue 3 for a new project")) {
  if (isTrue("I need IE11 support")) {
    await IE11CompatBuild...
Read article

VUE June 24, 2020

实战技巧,Vue原来还可以这样写

Words count 17k Reading time 15 mins.

原文地址

1. 内部监听生命周期函数

今天产品经理又给我甩过来一个需求,需要开发一个图表,拿到需求,瞄了一眼,然后我就去echarts官网复制示例代码了,复制完改了改差不多了,改完代码长这样

<template>
  <div class="echarts"></div>
</template>
<script>
export default {
  mounted() {
    this.chart = echarts...
Read article

VUE May 10, 2020

Vue开发实践(下)

Words count 22k Reading time 20 mins.

原文地址

前面两篇文章总结了 Vue 开发的大部分技巧和内容,最后一篇文章来对它进行一个收尾
这篇文章我们来谈谈一些 Vue 理解和实践要求高一点的问题

首先是生命周期这一块内容,随着实践越多它的意义越大,理解也越深刻

mixin 功能强大,对代码复用组织都有很高的要求,算是 Vue 后期发力的高级技巧

服务端渲染可能是学习 Vue 最后一块阵地了,对于 SPA 框架的一个里程碑

最后,总结一下我在使用 Vue 中使用的技巧和经验

Vue 生命周期大概就是:一个从 Vue 实例的创建到组件销毁...

Read article
Load more
0%