-
Notifications
You must be signed in to change notification settings - Fork 0
/
docIndex.html
141 lines (134 loc) · 6.89 KB
/
docIndex.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport"
content="width=device-width,initial-scale=1.0, maximum-scale=1, minimum-scale=1.0, user-scalable=false, viewport-fit=cover">
<title>前端社区</title>
<link rel="stylesheet"
href="https://imgcache.qq.com/open_proj/proj_qcloud_v2/gateway/portal/css/global-201911291451.css?max_age=31536000"
type="text/css" media="all">
<link rel="stylesheet"
href="https://imgcache.qq.com/open_proj/proj_qcloud_v2/community/portal/css/documents/documents-20189191454.css?max_age=31536000"
type="text/css" media="all">
<link rel="stylesheet"
href="https://imgcache.qq.com/open_proj/proj_qcloud_v2/community-pc/build/base/base-202108201021.css?max_age=31536000">
<link rel="stylesheet"
href="https://imgcache.qq.com/qcloud/draft-master/dist/draft-master-v1.4.6.d4s2ddo9sb.css?max_age=31536000">
<style>
.c-nav-wrap {
height: 54px;
}
.doc-layout {
top: 55px;
}
</style>
</head>
<body>
<div class="J-header c-nav-wrap c-nav com-2-nav">
<div class="c-nav-mod c-nav-mod-pc c-nav-white">
<div class="J-headerBottom c-nav-bottom responsive">
<a href="/rjhy/html5-community/developer/index.html" class="c-nav-project-logo"
hotrep="community.header.logo.community">
<i class="c-nav-project-bg-logo">云+社区</i>
</a>
<div class="c-nav-bm-categories">
<ul class="c-nav-list">
<li class="presentation" id="developer">
<a href="/rjhy/html5-community/developer/index.html" role="button"
hotrep="community.header.nav.devdocs">开发者手册</a>
</li>
<li class="presentation" id="article">
<a href="/rjhy/html5-community/article/index.html" role="button"
hotrep="community.header.nav.devdocs">资讯专栏</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="J-body" style="min-height: 765px;">
<section class="doc-layout">
<aside class="J-doc-aside-menu doc-aside">
</aside>
<div class="doc-main hide-crumb pg-index">
<div class="doc-main-inner">
<div class="doc-main-content">
<div class="doc-main-hd">
<div class="doc-main-hd-inner">
<div class="hd-cnt">
<h2 class="hd-title">欢迎你，开发者</h2>
<p>云+社区开发者手册是前端云社区和开发者共同维护的一个提供中文编程基础技术教程的知识平台，提供了 HTML、CSS、JavaScript、Python、Ruby、C、Go 等各种编程语言的基础知识。
</p>
</div>
</div>
</div>
<section class="doc-group">
<header class="doc-group-hd">
<h3 class="hd-title">热门手册</h3>
<p class="hd-desc">最受开发者关注的技术手册</p>
</header>
<div class="doc-group-bd">
<ul class="c-grid-inner com-e-shortcut-medias">
<li class="c-g-8"><a href="../developer/doc/1052.html" class="com-e-shortcut-media c-media-motion">
<div class="media-object"><i class="media-img"
style="background-image: url("https://main.qcloudimg.com/raw/199d202a2a225d118d8df17338635682.png");"></i>
</div>
<div class="media-body">
<h4 class="media-title">CSS</h4>
<p class="media-desc">1 人浏览</p>
</div>
</a></li>
<li class="c-g-8"><a href="../developer/doc/1116.html" class="com-e-shortcut-media c-media-motion">
<div class="media-object"><i class="media-img"
style="background-image: url("https://main.qcloudimg.com/raw/8281f39e6bb68d4ea66a11ae0c35064e.png");"></i>
</div>
<div class="media-body">
<h4 class="media-title">HTML</h4>
<p class="media-desc">1 人浏览</p>
</div>
</a></li>
<li class="c-g-8"><a href="../developer/doc/1121.html" class="com-e-shortcut-media c-media-motion">
<div class="media-object"><i class="media-img"
style="background-image: url("https://main.qcloudimg.com/raw/e7765f3f09d213b1e9a69a5d14ee0a18.png");"></i>
</div>
<div class="media-body">
<h4 class="media-title">JavaScript</h4>
<p class="media-desc">1 人浏览</p>
</div>
</a></li>
<li class="c-g-8"><a href="/developer/doc/1158" class="com-e-shortcut-media c-media-motion"><div class="media-object"><i class="media-img" style="background-image: url("https://main.qcloudimg.com/raw/ad00984cfb056d48f054f0b68f0a1ae7.png");"></i></div><div class="media-body"><h4 class="media-title">Nginx</h4><p class="media-desc">303.5K 人浏览</p></div></a></li>
<li class="c-g-8"><a href="/developer/doc/1079" class="com-e-shortcut-media c-media-motion"><div class="media-object"><i class="media-img" style="background-image: url("https://main.qcloudimg.com/raw/c7e9393951ddb914a7af947a0b76d566.png");"></i></div><div class="media-body"><h4 class="media-title">Express</h4><p class="media-desc">105.4K 人浏览</p></div></a></li>
<li class="c-g-8"><a href="/developer/doc/1247" class="com-e-shortcut-media c-media-motion"><div class="media-object"><i class="media-img" style="background-image: url("https://main.qcloudimg.com/raw/dcc267ca87a633f395baa593a3dd899d.png");"></i></div><div class="media-body"><h4 class="media-title">Vue 2</h4><p class="media-desc">326K 人浏览</p></div></a></li>
</ul>
</div>
</section>
</div>
</div>
</div>
</section>
</div>
<script>
const menu = document.querySelectorAll('.J-doc-aside-menu .doc-aside-inner .c-tree-level1 > li')
menu.forEach((item, index) => {
const id = item.getAttribute('id')
if (id != 'doc.1052' && id != 'doc.1116' && id != 'doc.1121') {
item.style.display = 'none'
}
})
const initHeader = () => {
const wUrl = window.location.href
if (wUrl.indexOf('developer') > -1) {
console.log('wUrl')
document.getElementById('developer').setAttribute('class', 'presentation curr')
}
if (wUrl.indexOf('article') > -1) {
console.log('wUrl')
document.getElementById('article').setAttribute('class', 'presentation curr')
}
}
initHeader()
</script>
</body>
</html>