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

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

数据接口测试工具 Postman 介绍

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

5行代码实现微信小程序图片上传与腾讯免费5G存储空间的使用

本文介绍了如何在微信小程序开发中使用腾讯官方提供的云开发功能快速实现图片的上传与存储，以及介绍云开发的 5G 存储空间的基本使用方法，这将大大提高微信小程序的开发效率，同时也是微信小程序系列教程的视频版更新的文字版本摘要。 1.云开发图片空间简介 在之前的文章 微信小程序开发平台新功能「云开发」快速上手体验 中我们简要介绍了腾讯官方给所有的微信小程序开发提供的云开发的主要功能点，主要包含了下面几个大的功能。 目前提供三大基础能力支持： 云函数：在云端运行的代码

程序员如何开始做一个自己的 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 高效开发必装插

微信小程序开发教程 #043 - 在小程序开发中使用 npm

本文介绍了如何在微信小程序开发中使用 npm 中包的功能，大大提高微信小程序的开发效率，同时也是微信小程序系列教程的视频版更新。 微信小程序在发布之初没有对 npm 的支持功能，这也是目前很多前端开发人员在熟悉了 npm 生态环境后，对微信小程序诟病的地方。 微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持，使得小程序支持使用 npm 安装第三方包。 微信小程序的功能更新最近更新的也非常给力，如之前给大家介绍的微信小程序开发平台新功能「云开发」快速上手体验。 1.

《React Native 精解与实战》书籍连载「React Native 源码学习方法及其他资源」

此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React Native 源码学习方法及其他资源。 此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 书籍配套视频教程「80 节实战课精

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

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

React 与 React Native 底层共识：React 是什么

此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法，此小节主要介绍 React 的底层原理与机制。 目前 React 可以说是前端世界最火热的框架，具有高性能以及容易上手的特性，而且在掌握了 React 框架后，再学习其他类似 React 的框架也将变得更易上手。 关于 React 框架的高性能原因以及底层的重要概念，我们在后续的章节会陆续展开探讨，这一章节我们先来通过一个实际的案例来探究 React 的重要概

一次掌握 React 与 React Native 两个框架

此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法。 1. 软件开发语言与框架的学习本质 我们在开始系列文章的技术点内容前，花一点时间探讨一下软件开发语言以及框架的学习本质，相对于整个技术点的讲解，花这一点一起思考的时间是值得的。 相信看此系列文章的朋友都已有了非常多的软件开发经验，而当我们回顾语言与框架的学习过程时，所有语言的基础语法都大同小异，无非基础数据类型、条件判断、分支判断

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

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

《React Native 精解与实战》书籍连载「配置 iOS 与 Android 开发环境」

此文是我的出版书籍《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 等部分的

微信小程序开发平台新功能「云开发」快速上手体验

微信小程序开发平台刚刚开放了一个全新的功能：云开发。 简单地说就是将开发人员搭建微信小程序后端的成本再次降低，此文刚好在此产品公测时，来快速上手看看都有哪些方便开发者的功能更新。 <!--more--> 微信小程序一直保持一个比较稳定的节奏进行功能的开放与更新，不激进但是又不怠慢，就一直像微信产品的节奏一样，而在生活中我们使用微信小程序的频率也慢慢高起来，如 KFC 自助点个餐、下单一些较冷门的商品等等。 而我给大家免费更新的「微信小程序开发视频教程」大纲也一直在修正与

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

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

《React Native 精解与实战》书籍连载「Node.js 简介与 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 等部分的

Ionic 3 延迟加载（Lazy Load）实战（一）

本文分享并演示了在 Ionic 3 框架中如何进行模块的延迟加载（Lazy Load）开发。 在我的实战课程「快速上手Ionic3 多平台开发企业级问答社区」中，因为开发的仿知乎 App 模块间的加载没有使用到延迟加载（懒加载，Lazy Load）的技术，而当有些同学在开发自己的 App 越来越复杂的时候，发现了模块加载的性能问题。 这时就出现了需要将模块延迟加载的需求，而 Ionic 3 的一个特性就是支持延迟加载，而且代码的变动非常小。 为了给各个阶段的同学一个开发演示，本文就直接给大家演示

从源码的角度看 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&amp;A

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

React.js 开发参见问题 Q&amp;A

文章中我整理了 React.js 开发过程中一些参见问题的解答汇总，供大家参考。 1. 一些课程资源 课程源码 GitHub 地址：https://github.com/ParryQiu/IMOOC-React 1.1 2018-03-26 更新 针对源码文件夹 react-router-4_webpack-2-update 更新了免费的讲解视频。 主要讲解了如下几个问题 如果初始化下载的源码； 如何在本地运行项目； 如何修改代码，可以直接打开 html 就可以运行，这样你就可以将 React 的项目直接当成一个静态站点进行部署。 1.2 我提供的其他原创免费视频

官方 React 快速上手脚手架 create-react-app

此文简单讲解了官方 React 快速上手脚手架的安装与介绍。 1. React 快速上手脚手架 create-react-app 为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。 当然，如果你需要 React Native 的脚手架项目，可以查看这里：create-react-native-app 使用的原因以及特性： 无需配置； 集成了对 React, JSX, ES6 和 Flow 的支持； 集成了开发服务器； 配置好了浏览器热加载的功能； 在 JavaSc