宽宽

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用

从去年入职字节到现在，已经有 8 个多月的时间了，今天来跟大家分享一下我的一些感受和想法吧。文末有福利。

一般来说，一个页面的内容，很大部分由图片来组成，而图片往往会很大。一张精细的图片，很容易达到几百KB，甚至几M，而代码也许就只有几十KB。当页面图片丰富时，往往影响页面加载速度的都是图片资源，当存在大量图片或者图片很大时，页面的加载速度会很缓慢，这当然会影响用户体验。 因此，针…

在上一篇专栏讲到订阅者的响应是先把订阅者添加到一个队列，然后再 nextTick 函数中去遍历这个队列，对每个订阅者进行响应处理。大家所熟悉的 Vue API Vue.nextTick 全局方法和 vm.$nextTick 实例方法的内部都是调用 nextTick 函数，该函数…

我们要从头开始一步一步重写一个 React，遵循真实的 React 代码结构，但不会有所有的优化以及非必要的功能。 如果你已经阅读过作者以前写的 构建你自己的 React 文章，与之相比，不同之处仅仅是这篇文章基于 React16.8（对于16.8以后都适用），因此我们可以使用…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

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

现在有一个小商城，从首页（Index）可以进入商品列表页面（List），这个List是一个无限列表，现在用户往下翻，看到某一个商品似乎比较喜欢，于是点击进入到商品详情页面（Info），看完后觉得比较满意。恩，但是货比三家嘛，于是用户返回商品列表页面，准备继续往下浏览，这时如果你…

上一个星期一直忙于救火，周末又赶去参加了 Tweb Conf(首次参加这类活动)，所以没什么输出。但是这个星期的紧张、忙碌以及焦虑，让我想明白了一些事情，写了本文，没什么干货，只是一些絮絮叨叨。 上周对我来说还有一个重要的里程碑是掘金等级到达 LV5。目标已经达成了，这是一种释…