看完本文你将学习到如下知识： 远程组件定义 UMD 模块规范 远程组件加载方案实现思路和细节 systemjs 中 System.import 的丐版实现 JS 沙箱能力丐版实现

《React 开发思想纲领》的灵感来源于我实际开发中遇到的各种场景，是我做 React 开发时的一些思考，仅仅作为参考和建议。

每个前端都应该拥有自己的组件库,就像每个夏天都有西瓜🍉。本期延续上期的组件工程化的主题，夏日炎热，点上一杯杨枝甘露，和洛竹赴一场 Button 开发之约吧。

接到了一个紧急需求，需要根据 Excel 表格中学生的信息以及考试成绩生成相应的海报。 由于需求紧急，没有时间拉上后端同学，所以 Excel 表格的数据解析和海报生成功能都需要由前端开发。

长页面在前端开发中是非常常见的。例如下图中的电商首页，楼层数据来自运营人员在后台的配置，楼层数量是不固定的，同时每个楼层可能会依赖更多翻页数据。在这种情况下，如果一次性将页面全部渲染，可想而知，

React Hook已经正式发布了一段时间了。我在项目中也进行过尝试，一个很直观的感受：写起来很爽。但是一直没有深入了解过其实现原理。本文将尝试从源码层面，了解React hooks的原理。本文所指的React版本为：v16.12.0 Hook 是 React 16.8 的新增…

前段时间做某系统审核后台，出现了审核人员截图把内容外泄露的情况，虽然截图内容不是特别敏感，但是安全问题还是不能忽视。于是便在系统页面上面加上了水印，对于审核人员截图等敏感操作有一定的提示作用。 Canvas兼容性 这里我们用canvas来生成base64图片，通过CanIUse…

前阵子通过 前端水印生成方案(网页水印+图片水印) 这篇文章学习了一下水印的生成方案，对其中使用 Canvas 实现网页水印的方案十分感兴趣，于是对相关代码加以修改，实现了一个 React 水印组件并发布到 👉 npm。 该组件是通过 Canvas 生成水印，并使用 Muta…

1. 引言 2. 状态管理之 Redux 解决方案 3. 状态管理之 MobX 解决方案 4. 这个 example 长啥样 5. Classic React App with Redux 6. Classic React App with Mobx 7. React Hook…