v1.0.2 by 午点科技
-
计图尺寸约定为750px宽，如果设计图尺寸不同，则需在
common.js文件中修改setRootSize函数的参数 -
请使用2.2.4版本的jquery
-
favicon尺寸应为32*32/48*48/64*64，格式应为ico/png/gif
-
一般情况，引入样式的
<link>应该放在<head>中，优先加载 -
对于一些不需要一开始就载入的JS文件，可以把
<script>放在文档底部以加快页面打开速度 -
利用浏览器的缓存机制，可以在首页载入其他页面需要的js、css文件（反之，可以提高首页加载速度）
-
代码发布时，应当压缩css、js等文件，压缩文件的名称后面要跟.min，例如common.min.css
-
推荐使用
flex进行布局 -
不建议全局定义
font-family，因为可能导致字体垂直偏移（设置font-family: initial; line-height: 1;并配合flex布局，可解决字体垂直不居中的问题）
- 一个页面中应该有且只有一个
<h1>，其包含 网站名称/首页链接/核心关键词 等等，应该放在文档顶部，越接近<body>越好，多次使用<h1>会被搜索引擎视为作弊，反而降低seo效果
网页语言定义 <html lang="zh">
HTML 的 lang 属性可用于网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。根据 W3C 推荐标准，您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明。
参考：http://www.w3school.com.cn/tags/html_ref_language_codes.asp
版权信息的写法
示例：
<div class="m-copyright">Copyright © 2019 <a href="">公司名称</a> All Right Reserved</div>2. 百度地图
<div class="cmap" id="allmap" style="width: 100%; height: 7.5rem;"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=4E5A3Fb789138a0ab8431f42a887aea1"></script>
<script type="text/javascript">
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.404, 39.915);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.centerAndZoom(point, 11); // 初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
var opts = {
width: 300, // 信息窗口宽度
height: 100, // 信息窗口高度
title: "公司名称", // 信息窗口标题
}
var infoWindow = new BMap.InfoWindow("地址：公司所在地", opts); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point); //开启信息窗口
</script>3. 覆盖富文本内容样式
.rich-text {
img { max-width: 100%!important; height: auto!important; }
pre { white-space: pre-wrap!important; }
}1. Swiper
中文文档：https://www.swiper.com.cn
2. WeUI
weui.css文档：https://github.com/Tencent/weui
weui.js文档：https://github.com/Tencent/weui.js
3. LazyLoad（图片懒加载）
指南：https://github.com/tuupola/lazyload