前言 如今前端领域各种框架、工具层出不穷，学习这些框架/工具需要耗费大量的精力与时间，而且很多东西如果不用就忘记了，所以我们更要关注这些技术背后的本质。 我们都知道浏览器对资源的识别是通过 Conte

今天我们来写一个自己的renderer，也就是react的渲染器。开始之前，先来了解一下react的三个核心。 react 暴露了几个方法，主要就是定义component，并不包含怎么处理更新的逻辑。 先create-react-app建一个项目，然后安装react-recon…

聊聊前端开发日常的协作工具，跟大家分享下树酱日常工作中常用的一些工具，或许可以帮到你提升日常的协作效率。这些神器你值得拥有！

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

最近接了一个公司官网的项目，需要 SEO 友好，所以不能使用前端框架，前端框架自带的脚手架工具自然也帮不上啥忙。只好自己使用 webpack4 + ejs + express ，从头搭建一个多页应用的项目架构。搭建过程中，遇到许多坑，然而网上的相关参考也是非常少，所以写个博客记…

本周精读的文章是 why-using-reduce-to-sequentially-resolve-promises-works，讲了如何利用 reduce 实现 Promise 串行执行。 在 async/await 以前 Promise 串行执行还是比较麻烦的，希望根据这篇…

然后我就开始问，js的一些问题了，我没有出什么闭包，原型链啊，作用域之类的问题，我就准备了，两题（不是手写，只考察思路），一个快速排序，一个背包问题（这又是楼主打自己脸了）快速排序还有一个人能大概的说出思路，背包，基本就gg了，然后楼主心想，出的难了，这涉及到，js数据结构与算…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…