J_O

2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。 瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[Masonry Layouts]。与传统的分页显示不同，视觉表现为参差不齐的多栏布局，最早是由Pint…

1. 为什么写这篇文章 近期，电商直播业务热火朝天。许多团队都纷纷转战直播领域，试图抢占市场。 鄙人有幸参与直享直播小程序的业务开发工作，在项目迭代过程中，遇见过许多“百思不得其解”的问题。 比如直播页面最常见的布局是底层为视频画面，顶层为滚动弹幕、点赞、购物袋、抽奖活动、PK…

在两个插件都不使用的情况下加载页面，打包后1.1MB，在首次加载网站的时候就会明显拖慢加载。 react-loadable和@loadable/component做的事情都是一样的，就是代码分割。不一样的是，react-loadable比后者多了几个参数，如loading（未加…

18年初，React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。 目前 v6已是测试最后一版，估计新的特性不出意外就是下面这些了。 <Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套…

先来说说 Git 最本质的工作流程吧，从远程仓库拉取代码到本地版本库，签出分支然后在本地工作区进行开发，通过暂存区将代码提交到版本库，最后再推送到远程仓库。这样的流程不难理解，但是在实际团队协作中，往往会涉及到自己的分支、其他成员的分支、公共分支等分支的合并、解决冲突、推送、回…

Set在其他语言中又叫做集合，是由一堆无序的、相关联的，且不重复的内存结构组成的组合。 Set 构造函数还可以接受一个数组（或具有 iterable 接口的其他数据结构）作为参数，用来初始化一个集合。 WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对…

1、海量日志数据，提取出某日访问百度次数最多的那个IP。 2、寻找热门查询，300万个查询字符串中统计最热门的10个查询。 3、上千万或上亿数据（有重复），统计其中出现次数最多的前N个数据。 4、海量数据分布在100台电脑中，想个办法高效统计出这批数据的TOP10。

JS的内存空间分为栈(stack)、堆(heap)、池(一般也会归类为栈中)。 其中栈存放变量，堆存放复杂对象，池存放常量，所以也叫常量池。 栈是一种特殊的列表，栈内的元素只能通过列表的一端访问，这一端称为栈顶。 栈被称为是一种后入先出（LIFO，last-in-first-o…

3. window.onload和document.ready区别 从底层谈谈map数据结构的设计。如果容量不够了怎么办，扩容过程中可能会耗费比较多的时间，如果在扩容时要访问怎么办 3. defer、async