前端文件流、切片下载和上传：优化文件传输效率与用户体验
本文正在参加2023年终作者打榜，路过的朋友辛苦随便点点咯 文件传输是一个常见的需求。对于大文件的下载和上传，直接使用传统的方式可能会遇到性能和用户体验方面的问题。幸运的是，前端技术提供了一些高效的解决方案：文件流操作和切片下载与上传。本文将深入探讨这些技术，帮助你理解它们的原理和实现方法，以优化文…
标签：性能优化
本文正在参加2023年终作者打榜，路过的朋友辛苦随便点点咯 文件传输是一个常见的需求。对于大文件的下载和上传，直接使用传统的方式可能会遇到性能和用户体验方面的问题。幸运的是，前端技术提供了一些高效的解决方案：文件流操作和切片下载与上传。本文将深入探讨这些技术，帮助你理解它们的原理和实现方法，以优化文…
标签：性能优化
英文 | https://medium.com/frontend-canteen/if-the-backend-api-returns-100-000-records-at-one-time-how-should-we-handle-it-in-the-frontend-fab21218fe2 最近…
标签：性能优化
前言 封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无比，未到五六招，剑势中已发出隐隐风声。他出剑越来越快，风声也是渐响，剑锋上所发出的一股劲气渐渐扩展，旁观众人只觉寒气逼人，脸上、手上被疾风刮得隐隐生疼，不由自主的后退，围在相斗两人身周的圈子渐渐扩大…
标签：性能优化
英文 | https://medium.com/better-programming/10-best-practices-for-improving-your-css-84c69aac66e CSS似乎是一种非常简单的语言，很难在其中犯错误。你只需添加样式规则，就可以对网站进行样式设置…
标签：性能优化
一个简洁、有趣的无限下拉方案 本文主旨 长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说，看下图，也许你可以发现什么？ 不知你是否从上面这张图中注意到了什么，比如只是渲染了可视区域的部分 DOM ，滚动过程中只是外层容器的 padding …
标签：性能优化, 滚动加载
前言 2020年已经过了四分之一了,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深刻的认…
标签：Webpack, 性能优化
概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰…
标签：事件委托, 性能优化
SPA应用已成为主流，Angular、React、Vue三大框架已经占据前端开发的大半江山，但随着SPA的流行，弊端也随着出现，不仅首屏加载慢，而且不利于SEO，所以vue全家桶或者react全家桶，都是推荐通过服务端渲染来实现路由的。 下面让我们来了解何为服务端渲染 服务端渲染 1.概念 当用户第…
标签：性能优化
今天的兼容性问题主要发生在“前端三毒”身上，它们分别是： IE 6 IE 7 IE 8 2.问题一：宽度计算问题 案例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> …
标签：兼容适配, 性能优化
浏览器渲染一个页面有两条线程：一条是渲染js脚本，一条是渲染css脚本。但是两条线程是互斥的。 回流：当render tree的一部分或者全部元素因改变了自身的宽高，布局，显示或隐藏，或元素内部的文字结构发生变化，导致需要重新构建页面的时候，回流就产生了。 重绘：当一个元素自身的宽高，布局，及显示或…
标签：性能优化, 面试经验