第02课:封装自己的库

知识点:

  • 封装一个自己的日志,代替原生的 console
  • 封装一个自己的请求库,代替原生的 fetch
  • 自适应方法,兼容各种手机屏幕
  • 封装一个本地存储
  • 集成 Toast 弹出提示
  • 让 iOS 支持 HTTP 地址
  • 安卓需要证书才能编译

在正式开始之前,我们先封装几个要用到的库。

自定义本地日志

自定义日志的一个好处就是省的每次都要手动注释 console,而且还可以同时将日志存在本地,或者发到日志服务器,一个方法一举多得了。

在 src 目录下新建一个 utils 文件夹,封装一个日志输出类,开发模式下使用console.log命令,正式情况下记录在变量中,方便在手机上查看日志。

新建一个 log.js 文件,路径为根目录/src/utils/log.js

80223590-1886-11e8-8087-9b6b3b447adf

新建一个数组变量logs,用来临时存放日志信息。

98604390-1886-11e8-8087-9b6b3b447adf

将日志分成信息、警告和错误 3 种,分别给出 3 个可调用的方法,同时给第一个参数加一个好看的颜色。

你可能感兴趣的:(React,Native,实战:构建电商,App,移动开发,React,Native,前端,电商)