「中高级前端」干货！深度解析瀑布流布局
瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[Masonry Layouts]。与传统的分页显示不同，视觉表现为参差不齐的多栏布局。干货满满！推介几款 Mac 下非常好用的软件（上）
介绍了11款Mac上好用的软件，第一个就是神器Alfred，另外还包括复制、截屏、窗口管理（分屏）、壁纸等等工具，喜欢折腾的同学快来试试啊。5分钟后…(o^^o)试用了壁纸工具，挺好用的5行代码带你实现一个js的打字效果
小而美，简单的几行代码就实现了打字效果，可以看下实现思路。
一文彻底搞懂Cookie、Session、Token到底是什么
HTTP是无状态的Web服务器，一次对话完成后下一次对话完全不知道上一次对话发生了什么。为了让Web服务器记住用户，Cookie、Session、Token应运而生，这篇文章通俗易懂，读了之后会对整个过程有更清晰的认识。📦 5 个有趣的 Node.js 库,带你走进 彩色 Node.js 世界 🎉
介绍了5个有趣的NodeJs库，可以由于命令行工具开发中，让我们的KFC彩色起来，具体包括：让log染色的库、好看的交互式命令行用户界面、优雅的转圈圈、给代码画上界限一个简洁、有趣的无限下拉方案
长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，这篇文章使用了Intersection Observer和padding实现了长列表的渲染，仅渲染可视区域的部分DOM。
从矩阵与空间操作的关系理解CSS3的transform
矩阵变换不仅在transform中应用，更是WebGL的核心之一。文章写的浅显易懂，值得一读。最棒的前端编译原理揭秘
vue组件转react，看了下还是babel那一套，一直打算搞个工具把regular组件转成vue的，有兴趣一起做的举手前端智能漫谈 - 写给前端的AI白皮书
除了在性能优化、动画等传统的体验上做努力，我们又如何在：目标(手势、肢体)识别、语音识别分析、无障碍、增强现实、情绪识别、画像细分等等，基于人工智能的交互体验上，尽自己的一份力呢？
目标(手势、肢体)识别、语音识别分析是未来产品希望有的功能，了解一下。
蚂蚁前端研发最佳实践
作者介绍了蚂蚁前端研发的最佳实践，其中提取了三个比较重要的点，每个点都是蚂蚁实践和深入思考后的结果，让我们来学习一下沉淀出这一套最佳实践方案的思路吧。编写可维护的现代化前端项目
代码细节是魔鬼，如何养成良好的编码习惯、编写出可维护的代码，来看看本文作者的看法吧，解密 VS Code 断点调试的原理
平时我们经常会使用 Chrome 进行 JS 的断点调试，你是否有去思考过，为什么我打下一个断点，程序就会停下来，为什么在 VS Code 上不需要 Chrome Devtool 也能够断点，它背后是如何实现的？这就是文本要带你搞懂的东西。
作者还写了几篇 VS Code 的系列文章：启动过程，安装，开发和调试，链接在本文开头有给出，感兴趣的同学可以自行找到阅读。
1.给新手前端的✋5段救命🚀css代码(scss mixin)
在写🔥css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个🐰简单的活动页也引入那么🦕大个框架吧?在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了✋5个分享给大家, 希望大家喜欢.
🎇放假了特意给大家坐火车打发时间写了这篇工具收集类的小文, 让大家轻轻松松学知识
QUIC 在 YouTube的视频服务上更为突出。用户报告通过QUIC协议在观看视频的时候可以减少30%的重新缓冲时间。接下来我们看下 QUIC 协议对视频播放有哪些提升点？
Web 页面性能优化，解决了图片相关，问题就解决了大半。本文从 Web 常见的图片格式入手，引出与图片优化相关的有效方案。
2.为了学好 React Hooks, 我抄了 Vue Composition API
Vue Composition API 是 Vue 3.0 的一个重要特性，和 React Hooks 一样，这是一种非常棒的逻辑组合/复用机制。
有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。在高性能渲染十万条数据(时间分片)一文中，提到了可以使用时间分片的方式来对长列表进行渲染，但这种方式更适用于列表项的DOM结构十分简单的情况。本文会介绍使用虚拟列表的方式，来同时加载大量数据。
详解JS函数隐藏参数arguments
Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了 36 个 vue 开发技巧;
随着 React 的兴起，Virtual DOM 的原理和实现也开始出现在各大厂面试和社区的文章中。这篇文章详解了VirtualDOM
CORS ： Cross Origin Resourse-Sharing 跨站资源共享 以及 CSRF ： Cross-Site Request Forgery 跨站请求伪造
从这些年CSS的发展历程到POST CSS。
Web-Audio-API 是一个用与WebApp 统筹以及合成声音的高级Api。这套Api的目标是在音频处理方面能够达到当今很多游戏音频引擎，混音器，处理器，滤波器的水平。 以下就是相关介绍。
在此报告中，我们调查了 Angular 和 React 生态系统的安全状态。同时重点关注了每种方案的安全风险和最佳实践，以及它们之间的差异。
本文中，我们将构建一个幽灵按钮，实现按钮很简单，但有趣而棘手的部分是使按钮背景色从鼠标进入的方向开始填充。
React Conf ⚛️已经正式结束。有很多精彩的演讲，人物，活动.这篇文章收录了一些这次 React Conf 中，我最喜欢的总结。每一个主题都值得关注。
Web 页面性能优化，解决了图片相关，问题就解决了大半。本文从 Web 常见的图片格式入手，引出与图片优化相关的有效方案，期望对大家能有一点帮助。
不管是什么编程语言，代码中都少不了做判断，以及依据一个输入的条件决定要执行不同的操作。这里就有一些关于如何在JS中写出干净优雅的条件判断的建议。
那时计算机世界天地混沌，浑然一体，然后出现了一个创世者，将现实世界抽象出模型形成model，将人机交互从应用逻辑中分离形成view，然后就有了空气、水、鸡啊、蛋什么的。