承接上一篇关于React Context技术的文章。React Context技术在页面主题修改应用上提供了较好的方法，同时React还提供了ContextType技术，用于实现对Context技术进行简化书写。本篇文章对这两个概念进行讲解，最后再讲解Context默认值的使用方法。

为了让组件之间数据传递更加的方便与快捷，React提供了React Context技术。该技术能够简洁的在组件之间传递数据，不仅能完成父子组件之间数据的传递，也能够在多层次组件之间传递数据。本篇文章将详细地讲解React Context技术并展示该技术的功能案例。在开始正式讲解之前， 再次强调React Context的功能：实现组件之间的...

本篇文章我们来系统的讲解React组件的生命周期。React随着版本的不断提升，组件的生命周期也在不断地改版和升级。本篇文章以React 17为例，讲解最新版React的组件生命周期，同时阐述各个生命周期所执行的生命周期函数。

上一篇文章我们系统讲解了React表单受控组件的使用，对于文本框、列表、菜单来说，采用value-onChange组合来实现。对于单选框、复选框来说，采用checked-onChange组合来实现。除了受控组件，React还提供了非受控组件，本篇文章来为大家讲解非受控组件的使用方法。

上一篇文章我们通过一个ToDoList案例，系统的讲解了React父子组件之间的通信。本篇文章我们依然通过一个实用的案例来为大家讲解React兄弟组件之间的通信。

在一个实际的项目中，表单是必不可少的DOM元素。项目中出现的表单元素，React要如何获取用户在表单元素中书写或选择的内容呢？本篇文章就为大家讲解React中受控组件的使用方法。受控组件：Controlled Component，组件的数据受到state组件状态的控制，我们将这类组件称为“受控组件”。受控组件在使用时要实现组件数据和sta...

组件化开发是现代前端框架的重要特点，一个完整的React项目不可能只具备一个组件。当组件数量较多时，数据必然会在组件之间进行必要的传递。我们将数据在组件之间的传递过程称为“组件之间的通信”。归纳起来，从通信方向上来讲包括以下两种：

React框架推荐使用的DOM语法格式为JSX语法，属于一种JavaScript扩展，React使用JSX来描述用户界面。我们可以粗略的认为JSX是JavaScript和HTML的结合，但是在实际的使用过程中还有一定的细节区别。本文就带领大家系统的学习JSX语法的格式。

React框架在现代前端开发的项目中越来越常用，该框架的语法结构也深深的影响着其他框架在设计时的思路和理念。本专栏从这篇文章开始，以零基础出发，一步步总结和讲解React框架的使用。

在如今的项目开发过程中，上传图片或者上传头像已经变成了非常常见的操作。一般的，都需要在向后台上传图片之前，在页面中预览一下用户选择的图片。上传头像只需要预览一张图片，如果是上传图片至相册功能，则需要预览用户选择的多张图片。这样的操作在H5页面中要如何实现呢？本文系统的教大家认识H5为我们提供的Files类...

web-view组件的本质是使用浮动框架标记对 iframe来对src属性指定的页面进行加载。本文对web-view组件使用的一些注意事项进行总结。

微信小程序中的表单要进行验证，可以使用第三方插件：WxValidate.js。该插件约有12.8KB左右，采用ES6中class类的方式进行编写，所定义的类名为WxValidate，并最终将该类导出。本文将详细讲解WxValidate.js插件在微信小程序表单验证中的使用方法。

Element UI 框架中的表单验证使用 async-validator（异步校验）第三方库实现，该库在 GitHub的地址是 [链接]，至今在 GitHub 上已经有了 5.1+的 star，是多 款 前 端 框 架 使 用 的 表 单 验 证 机 制 。 该 库 在 npm 中 的 API 文 档 地 址 为 ：[链接]。

最近，接了一个客户的原生页面。客户要求该页面必须兼容IE9及其以上版本的浏览器，同时要求360浏览器的兼容模式可以正常访问。360浏览器是可以通过代码强制极速模式的，这个问题比较容易解决。但是要兼容IE9，许多CSS3属性和H5新增的API都是无法使用的。本文对这个项目中出现的部分IE9兼容问题做个系统的总结。

前言有人可能会问，在如今各种前端框架和开发工具横行的年代，还用得上原生开发吗？作为一名从业18年的前端讲师，我要告诉大家学习原生开发的优点：原生开发有助于同学们从原理上认识前端知识，并在本质上学会它。原生开发有助于锻炼同学们的编程水平，提高大家对前端知识的理解。正所谓万变不离其宗，做过项目开发的人...

在微信小程序中，每一个页面都有一个独立的js文件，用来实现该页面的业务逻辑。这个js文件通常采用Page()方法来对页面进行注册。其中系统为页面设置了一个名为data的区域，用来存储页面的初始数据，我们将其称为小程序页面的数据区。