2020-07-14 html的唤醒原生地图app + css的variable + JS的客户端服务端时间同步 + 软技能的代码换行

2020-07-14 题目来源：http://www.h-camel.com/index.html

[html] 如何使用H5唤起原生地图APP（百度、高德、腾讯地图等）

<a href="androidamap://poi?sourceApplication=dingtalk&keywords=阿里巴巴">打开安卓高德地图</a><br>
<a href="iosamap://poi?sourceApplication=dingtalk&keywords=阿里巴巴">打开iOS高德地图</a><br>
<a href="baidumap://map/place/search?query=阿里巴巴">打开百度地图</a><br>
<a href="qqmap://map/search?keyword=阿里巴巴">打开腾讯地图</a>
摘自：http://blog.haoji.me/open-native-map-app.html


H5调起百度地图、腾讯地图app https://blog.youkuaiyun.com/weixin_33816300/article/details/94194282

[css] css variable的使用方法和好处有哪些？

css 自定义变量，用来指定文档中的特定变量。
使用 CSS 变量会是更好的选择，有利于后期更改，精简代码，减少冗余，代码更直观，有利于响应式开发。 但是存在兼容性的问题

语法：--variable: <declaration-value> // 必须以 --  开头
     <css-attribute>: var(--variable)

基本使用:
:root {
        --bgColor:pink;
}

.container {
    width: 200px;
    height: 200px;
    background-color: var(--bgColor);
}
<div class="container"></div> /* pink */

既然是变量，就一定存在作用域，如果variable和css分开2个文件，在html中需要引入。
<link rel="stylesheet" href="./variable.css">
<link rel="stylesheet" href="./color.css">

遵循CSS选择器的优先级顺序； 适用场景： 自适应布局、主题定制

Sass 和 LESS，结构清晰，便于扩展。 都是 CSS 预处理器，是 CSS 上的一种抽象层，是一种特殊的 语法/语言 最终会编译成 CSS

LESS Sass 相比于css多出的功能： 变量， 运算， 嵌套， 混入， 继承， 颜色处理

[js] 前端如何保持与服务器时间同步（如何解决客户端与服务端时间不对称的问题）？

对于时间要求非常高的场景下，数据传输时会消耗时间，不能与服务器进行实时的交互，又不能使用本地时间。

如何实现时间的同步，https://blog.youkuaiyun.com/u010447573/article/details/46968055

[软技能] 代码里为什么换行要使用\r\n？

CRLF carriage return line feed: window环境中的换行回车 \r\n
LF line feed: linux环境中的换行回车 \n