first do it, then do it right, then do it better.

子曰：在实践中学习

今天测试同事说，app 中的h5 页面在Mate Pro 10 中出现错误，不能够占满全屏，只占据了90% 的宽度。
这是一个大bug 啊！

开始进行了排查是否是代码问题？rem 的问题？webview 的问题？最后在网络上检索到是参考文档中的内容。
这里记录了解决方案。

子曰：了解协作开发

1.克隆代码

1

$ git clone https://github.com/master-dev.git

注意：这个git 路径是无效的，只是一个示例。

2.进入目录，查看所有分支

1

git branch --all

默认只有当前master分支。

3.创建本地新的分支test 分支

1

git branch test

此时查看分支

1
2
3

$ git branch --all
*master
 test

这是会看到master和test，而且master上会有一个星号。
这个时候test是一个本地分支，远程仓库不知道它的存在。
本地分支可以不同步到远程仓库，我们可以在test开发，然后merge到master，使用master同步代码。

4.发布test 分支
发布test 分支是指同步test 分支的代码到远程服务器。

1

git push origin test:test

5.查看远程分支

1

git branch -r

6.拉取远程分支并创建本地分支

1

git checkout -b develop origin/develop

使用该方式会在本地新建分支develop，并自动切换到该本地分支develop。
同时会建立本地分支会和远程分支建立映射关系。

7.删除远程分支test

1

git push origin -d test

8.删除本地分支test

1

git branch -d test

9.从本地develop 建立新分支test，并同步远程test 分支。

1
2

git checkout -b test
git push origin test:test

参考文档

1. 知乎 作者：Color

子曰：Istanbul 与土耳其伊斯坦布尔的联系

最近在读Vuejs 源码的时候，发现有这样的一句话

1

/* istanbul ignore if */

一开始并没有太在意，只是认为这是一个简单的注释，说是伊斯坦布尔忽略if，但是发现还有

1

/* istanbul ignore next */

这样的语句，于是检索了一下，发现Istanbul 是一个代码覆盖率工具，而上面这些注释，是Istanbul 提供的注释代码，允许某些代码不计入覆盖率。

子曰：git archive命令竟然可以进行打包处理

在查看阮一峰的常用 Git 命令清单 时，发现最后一条

1
2

# 生成一个可供发布的压缩包
$ git archive

发现了用法，就需要在本地尝试一下。

子曰：了解HTTPS

HTTPS 是最常见的HTTP 安全版本。HTTPS 将HTTP 协议与一组强大的对称、非对称和基于证书的加密技术结合在一起，使得HTTPS 不仅很安全，而且很灵活，很容易在处于无序状态的、分散的全球互联网上进行管理。

HTTPS 在将HTTP 报文发送给TCP 之前，先将其发送给了一个安全层，对其进行加密。

现在，HTTP 安全层是通过SSL 及其现代替代协议TLS 来实现的。我们遵循常见的用法，用术语SSL 来表示SSL 或者TLS。

子曰：了解密码学相关基础知识，以便更好的了解HTTPs

公主Alice 和搬砖工Bob 恋爱了，国王King 禁止Alice 同Bob 恋爱，Alice 和Bob 只能偷偷的通过书信传递，一开始Alice 和Bob 都是直接将内容I Love you 写在信封里，但是被国王King 发现了。

国王King 说：“你们竟然连简单的密码学都没有学，竟然使用明文（plaintext 或cleartext）通信，而不是使用密文（ciphertext）通信。”
Bob 被惩罚继续搬砖。

从这里看出，我们需要了解密码学的相关知识。从密码学基础开始学起，掌握数字加密的技术和术语。

子曰：了解一下Nonce

Nonce，Number used once或Number once的缩写，在密码学中Nonce是一个只被使用一次的任意或非重复的随机数值，在加密技术中的初始向量和加密散列函数都发挥着重要作用，在各类验证协议的通信应用中确保验证信息不被重复使用以对抗重放攻击(Replay Attack)。

BFC 的定义

BFC 全称为block formatting context，中文为“块级格式化上下文”。相对应的还有IFC，也就是inline formatting context，中文为“内联格式化上下文”

关于BFC 的特性可以用“CSS 世界的结界” 这种称谓概括BFC 的特性。“结界” 指通过一些特定的手段形成的封闭空间，里面的人出不去，外面的人进不来，具有极强的防御力。BFC 的表现如出一辙。

float 的本质

float 属性是一个年代非常久远的属性。float 属性设计的目的是什么呢？一句话： 浮动的本质就是为了实现文字环绕效果。而这种文字环绕主要指的就是文字环绕图片显示的效果。

子曰：了解网络中的代理、网关和隧道

HTTP 通信时，除客户端和服务器以外，还有一些用于通信数据转发的应用程序，例如代理、网关和隧道。它们可以配合服务器工作。

这些应用程序和服务器可以将请求转发给通信线路上的下一站服务器，并且能接收从那台服务器发送的响应在转发给客户端。