本文对React的核心原理进行分析, 包括JSX、Diffing、Fiber、Time Slice等, 并且对React原理的学习方法进行了总结和建议.

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

1. 为什么写这篇文章？ 2020 年 3 月，懵懂的蔡小真怀揣着对技术的向往无比乐观地进入部门实习，入职当天就收到了来自导师的两份礼物，一是代码仓库链接，二是代码开发规范。机智如斯的蔡小真按照规范里的教程，安装好了ESLint、Prettier等插件，带上安全帽，拉起小推车，…

既然官方提供的高级类型并不多，那么就把他们全部都说明一遍吧，让我们在开发中更加效率。其中 Typescript 中的 Partial, Readonly, Record, Pick 中已经对这4个使用频率最高的进行了说明，因此这里不再重复。 备注：高级类型声明中，涉及到的 条件…

前言 1. 早期异步代码困境 众所周知，js是单线程的，耗时操作都是交给浏览器来处理，等时间到了从队列中取出执行，设计到事件循环的概念，笔者也分享过，可以看以下，理解了可以更好的理解promise。

在 typescript （后面简称为 ts）中定义 interface（后面简称为“接口”） 时，常常需要对进行二次封装或调整，而 ts 在2.1版本中加入了一些程序类型工具，供开发者方便的进行此类操作。 这些程序类型早在2016年就发布了，因此已经被很多框架或插件所使用。那…

做好事不留名的sourcemap 当我们在开发代码的时候，遇到错误的时候可以在控制台定位到具体的问题，就像这样： 问题在于，由于打包动作会将我们的原始代码进行编译、压缩，最后在产物中早已没有我们的原始

这篇文章将为大家介绍前端圈“新”宠 Svelte ，以及其背后的响应式原理。对于 Svelte 你还没用过，但大概率会在一些技术周刊，社区，或者前端年度报告上听到这个名字。