-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharticle.html
182 lines (177 loc) · 9.67 KB
/
article.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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!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-pc/build/base/base-202108201021.css?max_age=31536000">
<link rel="stylesheet" href="https://imgcache.qq.com/open_proj/proj_qcloud_v2/community-pc/build/AskDialog/AskDialog-202004291717.css" type="text/css" media="all">
<link rel="stylesheet" href="https://imgcache.qq.com/open_proj/proj_qcloud_v2/community-pc/build/Column/Column-202108241855.css?max_age=31536000">
<link rel="stylesheet" href="https://imgcache.qq.com/open_proj/proj_qcloud_v2/community-pc/build/Packs/Packs-202101051447.css?max_age=31536000">
<link rel="stylesheet" href="https://imgcache.qq.com/open_proj/proj_qcloud_v2/community/portal/css/markdown-201810241044.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>
html,
body {
height: 100%;
}
.c-nav-wrap {
height: 54px;
}
.doc-layout {
top: 55px;
}
.J-header {
position: fixed;
top: 0;
left: 0;
}
.pg-3-index {
padding-top: 54px;
min-height: 100%;
}
.layout-side .com-2-section {
position: fixed;
width: 300px;
}
.pg-3-index .col-multi-articles {
margin-top: 0;
}
.col-filter-bar {
margin-bottom: 0;
}
</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 com-body pg-3-index">
<div class="com-body-main J-bodyMain">
<div class="com-2-layout">
<div class="layout-main">
<div class="com-2-panel">
<div class="com-tab dropdown">
<div class="com-tab-hd dropdown">
<ul class="com-tab-ctrl">
<li class="com-tab-item">
<a hotrep="community.column-home.category.top" href="./rec.html">推荐</a>
</li>
<li class="com-tab-item actived">
<a hotrep="community.column-home.category.0" href="./index.html?hot=1">全部</a>
</li>
</div>
<div class="com-tab-bd">
<div class="com-tab-panel">
<div class="col-filter-bar">
<h3 class="filter-title">全部文章</h3>
<div class="extra-part">
<nav class="col-filter-tab">
<a class="filter-item hot-btn" href="./index.html?hot=1">热度</a>
<span class="com-split">|</span>
<a class="filter-item time-btn" href="./index.html?time=1">时间</a>
</nav>
</div></div>
<div class="col-multi-articles">
<ul class="com-3-article-panels last-article-panels">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-side">
<section class="com-2-section theme2 ">
<header class="com-2-section-hd">
<h2 class="com-2-section-title without-icon"><span><em>推荐</em>文章</span></h2>
<div class="com-2-section-hd-extra">
<!-- <a class="com-arrow-link gray" href="/developer/specials" target="_blank">更多</a> -->
</div>
</header>
<div class="com-2-section-bd">
<ul class="com-2-side-topics without-margin">
<!-- <li><a href="https://cloud.tencent.com/developer/special/cloud-serverless" target="_blank" class="com-media com-side-topic" title="云计算新趋势 - Serverless Serverless浪潮已来，如何稳坐潮头领先业界？"><div class="com-media-object"><span class="com-thumbnail" style="background-image:url(https://ask.qcloudimg.com/raw/yehe-1b54603d7b98/7uz92dd2m7.jpg?imageView2/2/w/240)"></span></div><div class="com-media-body"><h3 class="com-side-activity-title"><p class="com-side-activity-title-main">云计算新趋势 - Serverless</p><p class="com-side-activity-title-special">Serverless浪潮已来，如何稳坐潮头领先业界？</p></h3></div></a></li>
<li><a href="https://cloud.tencent.com/developer/special/AI-zhihu" target="_blank" class="com-media com-side-topic" title="云+社区 × 知乎 ：AI 与传统行业的融合 AI 具有什么能力？能给传统行业带来哪些变革与与发展？"><div class="com-media-object"><span class="com-thumbnail" style="background-image:url(https://ask.qcloudimg.com/raw/yehe-1b54603d7b98/rgdvn7ylbd.jpg?imageView2/2/w/240)"></span></div><div class="com-media-body"><h3 class="com-side-activity-title"><p class="com-side-activity-title-main">云+社区 × 知乎 ：AI 与传统行业的融合</p><p class="com-side-activity-title-special"> AI 具有什么能力？能给传统行业带来哪些变革与与发展？</p></h3></div></a></li>
<li><a href="https://cloud.tencent.com/developer/special/telecommuting-zhihu" target="_blank" class="com-media com-side-topic" title="云+社区 × 知乎 ：开发者云办公模式洞察 如何开始云办公？云办公的发展趋势会怎样？"><div class="com-media-object"><span class="com-thumbnail" style="background-image:url(https://ask.qcloudimg.com/raw/yehe-1b54603d7b98/dal95b93ig.jpg?imageView2/2/w/240)"></span></div><div class="com-media-body"><h3 class="com-side-activity-title"><p class="com-side-activity-title-main">云+社区 × 知乎 ：开发者云办公模式洞察</p><p class="com-side-activity-title-special">如何开始云办公？云办公的发展趋势会怎样？</p></h3></div></a></li>
<li><a href="https://cloud.tencent.com/developer/special/5G-zhihu" target="_blank" class="com-media com-side-topic" title="云+社区 × 知乎：共探 5G 云加社区联手知乎科技，从超过 10000 条 5G 相关问答中精选内容，与开发者共探 5G"><div class="com-media-object"><span class="com-thumbnail" style="background-image:url(https://ask.qcloudimg.com/raw/yehe-b3360f6a89f75/kbtn7n80b4.jpg?imageView2/2/w/240)"></span></div><div class="com-media-body"><h3 class="com-side-activity-title"><p class="com-side-activity-title-main">云+社区 × 知乎：共探 5G</p><p class="com-side-activity-title-special"> 云加社区联手知乎科技，从超过 10000 条 5G 相关问答中精选内容，与开发者共探 5G</p></h3></div></a>
</li> -->
</ul>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="J-footer com-2-footer">
<div class="com-2-footer-copyright-cnt">
<div class="com-2-footer-inner">
<p>Copyright © 2021 前端云社区 版权所有
<!-- <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020287" hotrep="community.footer.link.beian" target="_blank">京公网安备 11010802017518 </a> -->
<!-- <a href="http://beian.miit.gov.cn" target="_blank" hotrep="community.footer.link.miitbeian">粤B2-20090059-1</a> -->
</p>
<p>
</p>
</div>
</div>
</div>
<script>
const initHeader = () => {
const wUrl = window.location.href
if (wUrl.indexOf('developer') > -1) {
document.getElementById('developer').setAttribute('class', 'presentation curr')
}
if (wUrl.indexOf('article') > -1) {
document.getElementById('article').setAttribute('class', 'presentation curr')
}
}
const initLi = () => {
const def = document.querySelectorAll('.com-3-article-panels li')
let temp = []
if (window.location.href.indexOf('hot=1') > -1) {
document.querySelector('.hot-btn').setAttribute('class', 'filter-item hot-btn actived')
} else {
let html = ''
document.querySelector('.time-btn').setAttribute('class', 'filter-item time-btn actived')
def.forEach(item => {
const timeNode = item.querySelector('.time').getAttribute('time')
temp.push({
time: +timeNode,
content: item.innerHTML
})
})
const t = temp.sort((a,b) => b.time - a.time)
t.forEach(item => {
html += item.content
})
document.querySelector('.com-3-article-panels').innerHTML = html
}
}
initHeader()
initLi()
</script>
</body>
</html>