小小陈丶

我们都知道，如果一次性展示所有的数据，那么会造成页面卡顿，虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取，只渲染可视区域的数据，这样浏览器的性能就会大大提升，废话不多...

在单页应用中，比如vue，常常会遇到跳转到下一页的时候，滚动条保留在上一个页面停留的位置，然而这可能不是我们希望的。此时，用户想要的是每跳转到一个新页面，尤其是详情页跳转到...

选择和保留这种封装方式的原因：1.简洁干净，2.实用不麻烦，3.好管理便于维护。封装前后两种方式，在具体接口调用上都是差不多的，主要是在声明和组织接口上有“肉眼可见”的差距...

CSS中的长度单位，分为两种，一种是绝对单位，另一种是相对单位，了解他们的区别，重要的是帮助我们理解它们控制的元素将如何变化，以及帮助我们做设计和布局规划。这些就是认真了解...

了解到的 PDF.js 支持的功能： ①在线检索文档中的内容，并支持高亮显示，匹配大小写，统计匹配项等，在检索功能不错。 ②指定页跳转，上下一页。 ③下载当前预览文件。 ④...

对于很多现在的前后端分离项目，工程化前端项目来说，兼容 Internet Explorer 浏览器，似乎成了伪需求。而仅在Internet Explorer 支持的 Act...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第26天，点击查看活动详情。 思考|babel的价值在于时间差？ 一、前言 本文以“babel的价值在于时...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第27天，点击查看活动详情。 原创|进阶图（一）：主面板开发 前言 本文介绍原创作品，进阶图的开发过程和开...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第28天，点击查看活动详情。 原创|进阶图（二）：关联资料和缩放支持设计 前言 本文接续进阶图（一），在前...

会用的知识技术才算学到的，进阶图的每一步都是作者原创，市面上并没有发现参考库，虽说难度不大，但这其中也涉及到不少的前端知识技术点，最重要的是涉及到的思维组织，逻辑设计，技术...

那么这些方法都是谁？都有啥特性？应该如何使用这些数组方法？我们深入仔细的了解它们，是为了更好的利用他们，在对应的场景选择更合适的操作数组方法，而不是能实现就行，这也许就是优...

shift() 方法从数组中删除第一个元素，并返回该元素的值。splice 把crud 中的增删改都实现了呀，真是个多功能的方法。...

本文主要分为三点，①是 Array.sort() ，②是 Array.reverse()，③是本系列的总结。sort() 方法用原地算法对数组的元素进行排序，并返回数组。默...

关于 **margin collapsing** 翻译为外边距塌陷还是折叠这事，都有人提，我个人更倾向于折叠。折叠挺好理解啊，你有下外边距，我有上外边距，两边一靠近，重合折...

userAgent 是 Navigator 的只读属性，返回当前浏览器的用户代理字符串。即是返回用户当前使用的浏览器的能代表浏览器的字符串标识。...

飘窗，即一个类似小窗子的在网页上移动的矩形元素，通常被用于一些通知类的应用场景，飘窗与横幅相比，更显眼更具有强调感和动画感，在视觉上更有冲击性，在体验上互动性也更强。...

Opera 将repaint 和 reflow 列为导致 JavaScript 缓慢的三个主要因素之一，因此它绝对值得一看，值得一学。...

在交谈 BFC 的时候，谈论产生 BFC 的条件，或 BFC 的特性，比起说什么是 BFC，可能更有意义。tips：CSS2.1 中只有 BFC 和 IFC，CSS3 中才...

使用 echarts-wordcloud 生成的词云，能达到效果：1.色彩：不同词语使用不同颜色。2.排版：还可以根据按照图形的形状排版， 例如爱形状，大树现状，小jin鱼...

要用的时候能想到，想到的时候会用，用的时候能优雅，就是精通了。这也是我坚持写“每个技术点都值得优学优写系列”的初衷。...