优质文章Mark

盐焗小星球

2020-10-26 481 阅读3分钟

打包与构建

微前端涉及的webpack打包： webpack 打包的代码怎么在浏览器跑起来的？看不懂算我输
大史的webpack系列： 大前端的自动化工厂（3）—— babel
手把手带你入门前端工程化——超详细教程
深入浅出 Webpack 电子书： 深入浅出 Webpack
webpack.mainFields实例： 使用mainFields的多库联调
浅谈 webpack 性能优化（内附 webpack 学习笔记）

浏览器

关于缓存的思考： 设计一个无懈可击的浏览器缓存方案
浏览器进程与线程： 一文看懂Chrome浏览器运行机制
浏览器渲染与优化建议： 浏览器渲染基本原理解析

Javascript

CSS

张鑫旭大神： CSS相关目录存档
垂直距离坍塌问题： inline-block、BFC、边距合并基础知识问答
张鑫旭大神： CSS深入理解vertical-align和line-height的基友关系
js各种宽高的理解

微前端

微前端方案： 微前端在美团外卖的实践
微前端方案： 也许这才是你想要的微前端方案

框架相关

React-Redux 源码分析（三）-- connect
Redux源码分析：
React VR 快速入门完全教程
React VR
Redux-saga
一篇比较好理解的Redux-saga概述
react-redux 之 connect 方法详解
关于connect的理解：
大白话解析 Redux 、 redux-thunk 、redux-saga 和 react-redux
react-loadable github react-loadable
react-saga中文文档 redux-saga
react fiber的梳理 React技术揭秘
svelte简单demo讲解 Building A Svelte 3 Todo App From Start To Deployment
面试官：说说React-SSR的原理
有点老，但是讲SSR的还比较详细的一篇
React填坑记(四）：render !== hydrate
React的版本升级到16，直接把服务端渲染的页面的ReactDOM.render换成ReactDOM.hydrate遇到的坑
How to useMemo and useCallback: you can remove most of them
英文版，如何使用useMemo and useCallback。这是掘金翻译版，值得一看，感觉平时用了很多无用useCallback

综合汇总

前端综合题目： 木易杨前端进阶
一个持续更新文章的前端博主： 黯羽轻扬博客
掘金小册： 你不知道的 Chrome 调试技巧
掘金小册： JavaScript 设计模式核⼼原理与应⽤实践
掘金小册： 前端性能优化原理与实践
语雀前端博主：望到同学博客
一个比较综合的手册：前端工作手册

工具

Other

扩展