-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
69 lines (69 loc) · 3.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<!--[if lt IE 7]><html lang="zh" class="ie ie6"><![endif]-->
<!--[if IE 7]><html lang="zh" class="ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="zh" class="ie8"><![endif]-->
<!--[if !IE]><!--><html lang="zh"><!--<![endif]-->
<head>
<meta charset="utf-8"/>
<meta content="all" name="robots" />
<meta name="keywords" content="前端规范,前端规范手册,日日顺前端规范手册,日日顺B2B官网前端规范手册" />
<meta name="description" content="本手册适用于日日顺B2B官网，包括HTML规范、CSS规范、JS规范、工程师规范，代码库等，B2B官网所需页面均应以此手册为准。" />
<meta name="author" content="http://www.365rrs.com-日日顺B2B官网" />
<meta name="viewport" content="width=device-width"/>
<title>日日顺B2B官网-前端规范手册</title>
<link type="image/x-icon" rel="shortcut icon" href="/favicon.ico" />
<link type="text/css" rel="stylesheet" href="/csslib/ui/ui.css?v=20131212"/>
<!-- 单页样式 -->
</head>
<body>
<!-- 头部 -->
<div class="ui-g-header" data-in="in/header"></div>
<!-- /头部 -->
<!-- 主体 -->
<div class="ui-g-section clearfix">
<!-- 左侧共用部分 -->
<div class="ui-g-side" data-in="in/left" id="j-ui-side"></div>
<!-- /左侧共用部分 -->
<!-- 右侧部分 -->
<div class="ui-g-article">
<div class="ui-g-main">
<div class="ui-m-article">
<h2 class="ui-u-title">
日日顺B2B官网-前端规范手册
</h2>
<dl>
<dt>前端规范是什么？</dt>
<dd>
简单说，前端规范是规定了前端开发过程中（HTML、CSS、JS）需要遵守的开发规范，同时前端规范还包含代码库，可以利用代码库快速制作出符合规范的页面。
</dd>
<dt>为什么需要制定前端规范？</dt>
<dd>
<p>首先明确一点，规范并不是为了限制什么，而是为了提高协作效率而做出的一个约定。使用规范可以加强团队之间的合作，提高协作效率，从而形成一种团队文化。其最终目的是为项目服务，所做一切都是为了优化项目和流程，提高工作效率。</p>
<ul>
<li>保持编码风格，注释风格一致，应用设计模式一致。</li>
<li>提高团队协作效率，便于后端工程师添加修改功能及前端工程师后期优化维护。</li>
<li>因为有规可依，所以可减少代码中bug出现的可能性。</li>
<li>使用代码库，可以帮助前后端工程师快速制作出符合规范的页面。</li>
<li>遵循业界广泛采用的编码规范更容易获得辅助工具。</li>
<li>新进员工通过熟悉编码规范，更容易、更快速地掌握熟悉项目，融入团队。</li>
</ul>
</dd>
<dt>实践过程</dt>
<dd>此规范自发布之日起执行！如有任何问题，请及时沟通，以便调整本规范的相关代码库和文档。联系方式：<a href="mailto:[email protected]">[email protected]</a></dd>
</dl>
</div>
</div>
<!-- 底部 -->
<div class="ui-g-footer" data-in="in/footer"></div>
<!-- /底部 -->
</div>
</div>
<!-- /主体 -->
<script src="/utils/sea.js?v=20131212" id="seajsnode"></script>
<script src="/utils/sea-config.js?v=20131212"></script>
<script type="text/javascript">
//单页JS代码
seajs.use("c-ui");
</script>
</body>
</html>