使用 mapbox 实现全国房价数据可视化

1. mapbox 介绍 mapbox 是一个开源的地图引擎，为开发者提供专业地图开发工具，包括高度开放的 API 和开源 SDK，同时对跨平台有非常好的支持。 同时，支持离线地图的加载，如自己部署地图服务器，然后前端通过 mapbox 引擎进行加载渲染。 1.1 为什么选择 mapbox mapbox 提供了非常优雅的地图样式、足够强大的前段地图框架 mapboxgl，以及非常丰富的前段空间运算处理框架生态。 同时如果需要私有化部署，可以进行几乎无缝地切换。 mapbox 分公司也入驻中国，感兴趣可以去查阅

数据接口测试工具 Postman 介绍

此文介绍好用的数据接口测试工具 Postman，能帮助您方便、快速、统一地管理项目中使用以及测试的数据接口。 1. Postman 简介 Postman 一款非常流行的 API 调试工具。其实，开发人员用的更多。因为测试人员做接口测试会有更多选择，例如 Jmeter、soapUI 等。 不过，对于开发过程中去调试接口，Postman 确实足够的简单方便，而且功能强大。 在我给大家录制分享的很多系列课程中，凡是涉及到接口演示与讲解的部分，都会使用 Postman 进行演示，如最近在知识星球里分享给大家的开放数

程序员如何开始做一个自己的 Side Project？

此系列文章我们开始聊一些软件开发人员如何开始动手写一些自己项目（Side Project）的思路与方法，以及过程中可能需要准备的知识，并分享一些相关的资源给大家。 1. 什么是 Side Project Side Project 对应的中文是副业、业余项目或小项目的意思。 其实大家目前接触到的很多成熟的商业项目都是从一些 Side Project 通过不断的迭代与持续地优化而来的。 比如大家常用来发表文章的简书，就是用一个 Side Project 发展而来的。 简书团队在做简书之前，主业是做一款面向小型团队的

VSCode 必装的 10 个高效开发插件

本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件，用于大大提高软件开发的效率。 VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」。 VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。 官网为：https://code.visualstudio.com/ 1. VSCode 的基本使用视频教程 在我们的知识星球社区中给大家分享过我原创的 10 集视频教程「VSCode 高效开发必装插

《React Native 精解与实战》书籍连载「Android 平台与 React Native 混合开发」

此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 书籍配套视频教程「80 节实战课精通 React Native 开发」：此视频课程建议配合书籍学习，书籍中原理性的东西讲解的比较清晰，而视频教程对于组件、API 等部分的代码

《React Native 精解与实战》书籍连载「iOS 平台与 React Native 混合开发」

此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 书籍配套视频教程「80 节实战课精通 React Native 开发」：此视频课程建议配合书籍学习，书籍中原理性的东西讲解的比较清晰，而视频教程对于组件、API 等部分的代码

《React Native 精解与实战》书籍连载「React Native 网络请求与列表绑定」

此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 书籍还配套了视频教程「80 节实战课精通 React Native 开发」，此视频课程建议配合书籍学习，书籍中原理性的东西讲解的比较清晰，而视频教程对于组件、API 等部分的

《React Native 精解与实战》书籍连载「React Native 中的生命周期」

此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 书籍还配套了视频教程「80 节实战课精通 React Native 开发」，此视频课程建议配合书籍学习，书籍中原理性的东西讲解的比较清晰，而视频教程对于组件、API 等部分的

《React Native 精解与实战》书籍连载「React 与 React Native 简介」

此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 书籍还配套了视频教程「80 节实战课精通 React Native 开发」，此视频课程建议配合书籍学习，书籍中原理性的东西讲解的比较清晰，而视频教程对于组件、API 等部分的

从源码的角度看 React JS 中批量更新 State 的策略（下）

这篇文章我们继续从源码的角度学习 React JS 中的批量更新 State 的策略，供我们继续深入学习研究 React 之用。 前置文章列表 深入理解 React JS 中的 setState 从源码的角度再看 React JS 中的 setState 从源码的角度看 React JS 中批量更新 State 的策略（上） 1. batchingStrategy 策略 现在我们开始来看 batchingStrategy 的策略定义。 目前 React 中 batchingStrategy 的定义为 ReactDefaultBatchingStrategy。 ReactDefaultBatchingStrategy 包含两

从源码的角度看 React JS 中批量更新 State 的策略（上）

在之前的文章「深入理解 React JS 中的 setState」与 「从源码的角度再看 React JS 中的 setState」 中，我们分别看到了 React JS 中 setState 的异步表现，并从源码的角度简单地了解了 React 中 setState 的设计结构以及原理。 这篇文章继上篇文章后，继续从源码的角度来了解 React 中对 State 批量更新策略的定义。 同样，源码的部分为了保证格式正常就直接截图了，查看源码点击对应的链接直接跳转至 GitHub 查看即可。 1. setState 的源码实现 在 setState

从源码的角度再看 React JS 中的 setState

在这一篇文章中，我们从源码的角度再次理解下 setState 的更新机制，供深入研究学习之用。 在上一篇手记「深入理解 React JS 中的 setState」中，我们简单地理解了 React 中 setState “诡异”表现的原因。 源码的部分为了保证格式显示正常就截图了，查看源码点击对应的链接直接跳转至 GitHub 查看即可。 1. React 中的 setState 更新逻辑代码 在更新逻辑的部分，可以看到 React 会通过 batchingStrategy.isBatchingUpdates 判断当前的逻辑状态下是否需要进行批量更新。

深入理解 React JS 中的 setState

此文主要探讨了 React JS 中的 setState 背后的机制，供深入学习 React 研究之用。 在课程 React.js入门基础与案例开发 中，有些同学会发现 React JS 中的 setState 的表现好像有点怪异，和理解中的 state 更新机制不太一样，下面我们就来简单探讨下 setState 背后的机制。 课程中的其他常见小问题请常见 React.js 开发参见问题 Q&A。 1 setState 问题的复现 我们看下面一段简单的代码，代码通过点击一个按钮，改变 state 中的 clicked 值。在修改值后进行 clic

实战课程「快速上手Ionic3 多平台开发企业级问答社区」常见问题 Q&A

课程分享了慕课的实战课程「快速上手Ionic3 多平台开发企业级问答社区」常见问题 Q&A，供参考。 在 此课程中 虽然已经给大家记录了最详细的课程知识点与开发笔记的思维导图，但是随着同学们的学习深入，还是会遇到各种各样没有覆盖到的问题。 所以此手记作为学习 Ionic 课程的补充笔记。 - 001 课程源码在哪里？ 进入课程，在右侧的「课程资料下载」中即可以看到，下载学习即可。 - 002 课程中提到的 Android 模拟器 Genymotion 在哪里下载个人免费版？ 官方下载链接为: ht