Vue.js,作为现代前端开发的明星框架之一,以其轻量级、高效和易上手的特点,吸引了全球众多开发者。构建一个高效、稳定的Vue开发环境是开始Vue之旅的第一步。本文将详尽指导你从零开始,搭建一个适合V...
element-plus强大的Vue组件库,再也不用担心页面布局不优雅了!!!
前言 在传统的构建页面布局时,我们通常都是使用一个个的div标签再辅以相应的css代码来控制容器的定位,实现页面的整体布局,这样写出的代码会显得非常臃肿,并且页面的美观性较差。为了解决这个问题饿了么团...
防抖与节流问题,让服务器压力小一点
前言 防抖(Debounce)和节流(Throttle)在前端开发中主要用于控制函数的执行频率,可以有效地优化前端应用的性能,减少资源消耗,并提供更流畅的用户体验。它们的作用具体如下: 防抖(Debo...
大文件分片上传和分片下载
前言 之前不是说过,最近公司有一个AI项目,要做一个文档问答的AI产品。 对于一款AI产品,我们肯定少不了前后端数据交互,这个我们在写一个类ChatGPT应用,前后端数据交互有哪几种中有过介绍。 然后...
把bottomSheet封装成topSheet
需求背景 近日公司需要一个从顶部弹出的遮罩弹窗组件,找了一圈flutter组件库中组件,没有发现符合条件的能现成拿出来使用的,看了一圈之后发现,bottomSheet组件基本能满足我的弹窗需求,但是为...
HDC Cloud 2024 | CodeArts加速软件智能化开发,携手HarmonyOS重塑企业应用创新体验
2024年6月21~23日,华为开发者大会HDC 2024在东莞溪流背坡村隆重举行。期间华为云主办了以“CodeArts加速软件智能化开发,携手HarmonyOS重塑企业应用创新体验”为主题的分论坛。...
给我一个promise,就跟着你了
一、前言⚔️ 昨天已经讲过了异步和JS的执行机制了,异步是一种操作模式,有着执行的非阻塞性和顺序的非确定性。JS的执行机制就是Event Loop那一套流程了。 异步使得JS不会是一个愣头青一般的语言...
ESModule如何让前端更合理的组织Worker
简单介绍 Worker 简单介绍下 Web Worker ,随着 Web 应用日益发展迭代,性能需求越来越高,经典的事件循环(单线程)逐渐成了我们应用性能的瓶颈,Web Worker 就是可以让 We...
从0到1教你构建企业自用的图标库
前言 最近 varlet 开源了自己的图标解决方案,刚好公司也遇到了一些图标相关的问题,记录下我的一些见解和收获。 问题 首先先列一下我遇到了什么问题: 图标分散,不便于统一管理 项目中使用图标混乱,...
Event Loop中的Promise来解救”回调地狱“!
前言 Promise Promise 是 JavaScript 中用于处理异步操作的一种编程模型,它代表了未来可能得到的一个结果(可能是成功的数据或失败的原因)。Promise 的主要目的是为了解决回...
前端 Vue3 数据可视化图表技术实践分享
前言 在当今数据驱动的时代,数据可视化成为了帮助人们快速理解复杂数据的重要工具,也成为了将复杂数据转化为直观信息的重要手段。前端 Vue3 框架结合强大的数据可视化库 Apache ECharts,为...
Vue 3 国际化实战:打造高效、全面的前端国际化体验
国际化背景 当项目需要面向全球用户时,国际化(i18n)改造便成为了一个必要的步骤。选择合适的国际化插件工具,基于项目的技术栈,是成功的关键。下面,我们将以Vue 3结合Element Plus和EC...
业务前端的本质–数据维护
Vue/React 将前端开发从 jQuery 命令式的编程风格带到了声明式的编程风格,开发者只需要描述界面应该是什么样子,Vue/React 就会根据数据的变化自动更新界面。 因此对于业务页面只需要...
Flutter开发–Flutter的各种动画
Flutter 是一个多用途的移动应用开发框架,为开发人员配备了强大的工具来创建高质量和高性能的应用程序。它的一个突出特点是对动画的强大支持,这可以使得应用程序的用户界面在视觉上更具吸引力和交互性。 ...
文字记录vue团队成员讲解effectScope
前言 说起 effectScope,我第一次见到还是在vueuse的源码中,还不太理解,大佬当时也讲解了很多: 就在刚刚大佬也是出了期视频小小的讲解了一下,本文章结合大佬的讲解视频,以及源码来对视频进...
前端性能优化(计时器/动画)的利器:?requestAnimationFrame?
前言 前段时间做过一个大屏的需求,它要求页面刚进入时,大屏数据刷新,然后每隔5s进行数据刷新,当时使用的方案是利用setInterval来每隔5s进行数据获取。当时也没感觉有什么问题。直到看到了一些文...
【JavaScript教程】Vue-router 简简单单入个门
路由 vue中所有的 xxx.vue 都是一个组件,这些组件最终会被vue读取并编译成一段div结构,挂载在唯一的html文件中,所以想要实现组件之间的切换很简单,但是想要将某些组件当成页面(每个页面...
【JavaScript教程】对于不同设备的通用适配的css,你有什么好的解决方案?
前言 今天,上铺兄弟刚刚从ByteDance面试中归来,带着一丝难以捉摸的微笑...“面试怎么样?”我迫不及待地问道。“还可以吧。”“还可以是什么意思?”我直接就是一记勾手“不说我就不放手了!”,扭捏...
【JavaScript教程】什么是模块化
什么是模块化?模块化是指将一个复杂的程序进行分解,划分为若干个独立且可复用的模块,每个模块有特定的功能,然后通过一定的规则组合在一起,构建出完整的应用程序。模块化有利于代码的可读性、可维护性、复用性,...
【JavaScript教程】监测系统中的第95百分位和第90百分位分别是多少?。
解释下什么是分位数 分位数(Quantile),TP=Top Percentile,即对一批数值型数据进行排序之后,排在p%位置的数值大小,是数据分析中非常重要的统计指标之一。 常用的分位数包括:80...