如果后端API一次返回10万条数据，前端应该如何处理？
英文 | 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/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的一部分或者全部元素因改变了自身的宽高，布局，显示或隐藏，或元素内部的文字结构发生变化，导致需要重新构建页面的时候，回流就产生了。 重绘：当一个元素自身的宽高，布局，及显示或…
回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了一些内容并且结合一些例子，写了这篇文章，希望可以帮助到大家。 浏览器的渲染过程 本文先从浏览器的渲染过程来…