作为前端开发人员，我们经常需要为网站和应用程序添加文本内容。与传统的文本编辑器不同，富文本编辑器可让您轻松创建各种类型的文本内容，包括加粗字体、斜体字、框架、列表、图片和视频等。

本文我将向大家推荐 13 款开源的灵活可拓展的富文本编辑器，这些编辑器拥有各自独特的特性和扩展，可以帮助你创建丰富的文本内容。

1.Quill （35.1k Star）

主页地址： https://quilljs.com/
仓库地址： https://github.com/quilljs/quill

本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：

• 数学中的映射和 TS 中的映射类型的关系；
• TS 中映射类型的应用；
• TS 中映射类型修饰符的应用；

接下来会先从「数学中的映射」开始介绍。

本文使用到的 TypeScript 版本为 v4.6.2 。

如果你对 TypeScript 还不熟悉，可以看下面几篇资料：

一、MobX 介绍

首先看下官网介绍：

MobX 是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。MobX背后的哲学很简单:
任何源自应用状态的东西都应该自动地获得。
其中包括UI、数据序列化、服务器通讯，等等。

核心重点就是： MobX 通过响应式编程实现简单高效，可扩展的状态管理 。

Webpack 配置 React 开发环境

先完成基本的配置项，后面在根据项目的复杂度加入更多的配置内容和技巧

Webpack 是一个前端资源加载/打包工具，只需要相对简单的配置就可以提供前端工程化需要的各种功能，并且如果有需要它还可以被整合到其他比如 Grunt / Gulp 的工作流。

安装 Webpack ： npm install -g webpack

Webpack 使用一个名为 webpack.config.js 的配置文件，要编译 JSX ，先安装对应的 loader : npm install babel-loader --save-dev

作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。

在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。

本文灵感来自 wtfjs ，整理了 6 个比较常见并且很有意思的问题。

1. 奇怪的 try..catch

❓问题

下面代码执行后将返回什么？ 2 还是 3 ？

(() => {
  try {
    return 2;
  } finally {
    return 3;
  }
})();

React 组件

一个 React 应用就是构建在 React组件 之上的。

组件有两个核心概念：

• props

• state

一个组件就是通过这两个属性的值在 render 方法里面生成这个组件对应的 HTML 结构。

**注意：组件生成的HTML 结构只能有一个单一的根节点。 **

近几年随着 React、Vue 等前端框架不断兴起，Virtual DOM 概念也越来越火，被用到越来越多的框架、库中。Virtual DOM 是基于真实 DOM 的一层抽象，用简单的 JS 对象描述真实 DOM。本文要介绍的 Snabbdom 就是 Virtual DOM 的一种简单实现，并且 Vue 的 Virtual DOM 也参考了 Snabbdom 实现方式。

对于想要深入学习 Vue Virtual DOM 的朋友，建议先学习 Snabbdom，对理解 Vue 会很有帮助，并且其核心代码 200 多行。

本文挑选 Snabbdom 模块系统作为主要核心点介绍，其他内容可以查阅官方文档 《Snabbdom》 。

React 是一个 Facebook 开源的，用于构建用户界面的 JavaScript 库。

React 目的在于解决：构建随着时间数据不断变化的大规模应用程序。
其中 React 合成事件是较为重要的知识点，阅读完本文，你将收获：

1. 合成事件的概念和作用；
2. 合成事件与原生事件的 3 个区别；
3. 合成事件与原生事件的执行顺序；
4. 合成事件的事件池；
5. 合成事件 4 个常见问题。

接下来和我一起开始学习吧~

本文思路来自实际项目的重构总结，欢迎纠正和交流。如果对你有帮助，还请点赞👍收藏支持一下啦。

最近在重构一个项目，主要是做 H5 端和小程序端，这次打算开始多做总结啦，之前已经总结一篇 《如何优雅的管理 HTTP 请求和响应拦截器？》 。

如果大家还有其他方案，欢迎一起探讨哈~ 喜欢本文的朋友给个赞👍鼓励一下哈~

一、需求思考和方案设计

本文介绍的项目是使用 Taro 框架进行多端开发，目前主要适配 H5 端和微信小程序端。项目使用的字体图标库内部维护，目前托管在 iconfont 上。

原文地址： 使用React Native构建App

最近因为项目需要，深入研究 React 和 React Native ， React 已经掌握得差不多了，现在集中精力在 ReactNative 的项目开发。这里需要记录在学习过程中的技术细节，好记性真的不如烂笔头，多写文档总会有好处的。[坑太多，一个个填]

本文重点记录使用 React Native 构建双平台 App 的过程，同时进一步掌握构建过程中运用的技术。【持续更新，坚持不懈...】