tona-vite 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +50 -0
  2. package/dist/index.cjs +94 -0
  3. package/dist/index.d.cts +27 -0
  4. package/dist/index.d.cts.map +1 -0
  5. package/dist/index.d.mts +27 -0
  6. package/dist/index.d.mts.map +1 -0
  7. package/dist/index.mjs +69 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +62 -0
  10. package/public/css/atom-one-dark.css +96 -0
  11. package/public/css/atom-one-light.css +96 -0
  12. package/public/css/blog-common.min.css +5049 -0
  13. package/public/css/font-awesome-5.css +4586 -0
  14. package/public/css/mobile-common.min.css +226 -0
  15. package/public/images/1-20210309211744338-647771178.jpg +0 -0
  16. package/public/images/20.png +0 -0
  17. package/public/images/avatar-default.svg +1 -0
  18. package/public/images/bannerbar-aws-bg.png +0 -0
  19. package/public/images/cnblogs.png +0 -0
  20. package/public/images/default-avatar.png +0 -0
  21. package/public/images/downdown.gif +0 -0
  22. package/public/images/favicon.png +0 -0
  23. package/public/images/icon_addcomment.gif +0 -0
  24. package/public/images/icon_form.gif +0 -0
  25. package/public/images/icon_voice.gif +0 -0
  26. package/public/images/icon_weibo_24.png +0 -0
  27. package/public/images/lite-mode-check.svg +1 -0
  28. package/public/images/logo.gif +0 -0
  29. package/public/images/logo.svg +1 -0
  30. package/public/images/message.svg +4 -0
  31. package/public/images/myblog.svg +4 -0
  32. package/public/images/newpost.svg +4 -0
  33. package/public/images/search.svg +1 -0
  34. package/public/images/upup.gif +0 -0
  35. package/public/images/wechat.png +0 -0
  36. package/public/index.html +168 -0
  37. package/public/js/blog.common.min.js +15934 -0
  38. package/public/js/highlight.min.js +1488 -0
  39. package/public/js/highlightjs-line-numbers.min.js +134 -0
  40. package/public/js/jquery.min.js +4119 -0
  41. package/public/js/mockAPI.js +3 -0
  42. package/public/templates/catalog.html +842 -0
  43. package/public/templates/category.html +903 -0
  44. package/public/templates/home.html +962 -0
  45. package/public/templates/photos.html +898 -0
  46. package/public/templates/photoview.html +814 -0
  47. package/public/templates/post-markdown.html +2722 -0
  48. package/public/templates/post-tinymce.html +1891 -0
  49. package/public/templates/post-tinymce5.html +2304 -0
  50. package/public/templates/postarchive.html +1127 -0
  51. package/public/templates/tags.html +2281 -0
@@ -0,0 +1,903 @@
1
+ <!DOCTYPE html>
2
+ <html lang="zh-cn">
3
+
4
+ <head>
5
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <meta name="referrer" content="origin" />
8
+ <meta http-equiv="Cache-Control" content="no-transform" />
9
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
10
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
11
+ <title>随笔分类</title>
12
+ <link rel="icon" type="image/svg+xml" href="/images/favicon.png" />
13
+ <link rel="stylesheet" href="../css/blog-common.min.css" />
14
+ </head>
15
+
16
+ <body>
17
+ <a name="top"></a>
18
+ <div id="top_nav" class="navbar forpc">
19
+ <nav id="nav_main" class="navbar-main">
20
+ <ul id="nav_left" class="navbar-list navbar-left">
21
+ <li class="navbar-branding">
22
+ <a href="https://www.cnblogs.com/" title="开发者的网上家园"><img src="/images/logo.svg" /></a>
23
+ </li>
24
+ <li>
25
+ <a href="/">首页</a>
26
+ </li>
27
+ <li>
28
+ <a href="https://news.cnblogs.com/">新闻</a>
29
+ </li>
30
+ <li>
31
+ <a href="https://q.cnblogs.com/">博问</a>
32
+ </li>
33
+ <li>
34
+ <a id="nav_brandzone" href="https://brands.cnblogs.com/">专区</a>
35
+ </li>
36
+ <li>
37
+ <a href="https://ing.cnblogs.com/">闪存</a>
38
+ </li>
39
+ <li>
40
+ <a href="https://edu.cnblogs.com/">班级</a>
41
+ </li>
42
+ </ul>
43
+ <ul id="nav_right" class="navbar-list navbar-right">
44
+ <li>
45
+ <form id="zzk_search" class="navbar-search" action="https://zzk.cnblogs.com/s" method="get">
46
+ <input name="w" id="zzk_search_input" placeholder="代码改变世界" type="text" tabindex="3" />
47
+ <button type="submit" id="zzk_search_button">
48
+ <img src="/images/search.svg" alt="搜索" />
49
+ </button>
50
+ </form>
51
+ </li>
52
+ <li id="navbar_login_status" class="navbar-list">
53
+ <a id="navblog-myblog-icon" class="navbar-user-info navbar-blog" href="#" alt="我的博客" title="我的博客"
54
+ style="display: inline">
55
+ <img id="myblog_icon" class="navbar-icon" src="/images/myblog.svg" alt="我的博客" />
56
+ </a>
57
+ <a class="navbar-user-info navbar-message navbar-icon-wrapper" href="#" alt="短消息" title="短消息"
58
+ style="display: inline">
59
+ <img id="msg_icon" class="navbar-icon" src="/images/message.svg" alt="短消息" />
60
+ <span id="msg_count">1</span>
61
+ </a>
62
+ <div id="user_info" class="navbar-user-info dropdown" style="display: block">
63
+ <a class="dropdown-button" href="#">
64
+ <img id="user_icon" class="navbar-avatar" src="/images/default-avatar.png" alt="用户头像" />
65
+ </a>
66
+ <div class="dropdown-menu">
67
+ <a id="navblog-myblog-text" href="#">我的博客</a>
68
+ <a href="#">我的园子</a>
69
+ <a href="#">账号设置</a>
70
+ <a href="#">退出登录</a>
71
+ </div>
72
+ </div>
73
+ <a class="navbar-anonymous" href="#" style="display: none">注册</a>
74
+ <a class="navbar-anonymous" href="#" style="display: none">登录</a>
75
+ </li>
76
+ </ul>
77
+ </nav>
78
+ </div>
79
+
80
+ <div id="home">
81
+ <div id="header">
82
+ <div id="blogTitle">
83
+ <a id="lnkBlogLogo" href="#"><img id="blogLogo" src="" alt="" /></a>
84
+ <h1>
85
+ <a id="Header1_HeaderTitle" class="headermaintitle HeaderMainTitle" href="">用户昵称</a>
86
+ </h1>
87
+ <h2></h2>
88
+ </div>
89
+ <div id="navigator">
90
+ <ul id="navList">
91
+ <li>
92
+ <a id="blog_nav_sitehome" class="menu" href="#">博客园</a>
93
+ </li>
94
+ <li>
95
+ <a id="blog_nav_myhome" class="menu" href="#">首页</a>
96
+ </li>
97
+ <li>
98
+ <a id="blog_nav_newpost" class="menu" href="#">新随笔</a>
99
+ </li>
100
+ <li>
101
+ <a id="blog_nav_contact" class="menu" href="#">联系</a>
102
+ </li>
103
+ <li>
104
+ <a id="blog_nav_rss" class="menu" href="#" data-rss="https://www.cnblogs.com/mzq123/rss/">订阅</a>
105
+ </li>
106
+ <li>
107
+ <a id="blog_nav_admin" class="menu" href="#">管理</a>
108
+ </li>
109
+ </ul>
110
+ <div class="blogStats">
111
+ <span id="stats_post_count">随笔 - 4&nbsp; </span>
112
+ <span id="stats_article_count">文章 - 0&nbsp; </span>
113
+ <span id="stats-comment_count">评论 - 1</span>
114
+ <span id="stats-total-view-count">阅读 - <span title="总阅读数: 579"> 579</span></span>
115
+ </div>
116
+ </div>
117
+ </div>
118
+
119
+ <div id="main">
120
+ <div id="mainContent" style="display: block">
121
+ <div class="forFlow">
122
+ <h1 class="entrylistTitle">随笔分类 - Vue</h1>
123
+ <div class="pager">
124
+ <a href="https://www.cnblogs.com/guangzan/category/1386380.html?page=1">上一页</a>
125
+ <a href="https://www.cnblogs.com/guangzan/category/1386380.html?page=1">1</a>
126
+ 2
127
+ </div>
128
+ <div class="entrylist">
129
+ <h1 class="entrylistTitle"></h1>
130
+ <div class="entrylistDescription"></div>
131
+ <div class="entrylistItem">
132
+ <div class="entrylistPosttitle">
133
+ <a class="entrylistItemTitle" href="#"><span>Vue Prop属性(父to子)</span></a>
134
+ </div>
135
+ <div class="entrylistPostSummary">
136
+ <div class="c_b_p_desc">
137
+ 摘要:通过Prop向子组件传递数据 第一步父组件中
138
+ 解释:把父组件中的data中的 通过 传递给子组件 子组件中
139
+ 解释:父组件中传过来的值可以直接使用了 Prop类型
140
+ 以字符串数组形式列出的 prop: 以对象形式列出
141
+ prop,这些属性的名称和值分别是 prop 各自的名称和类型:
142
+ 推荐使用第二种 传递
143
+ <a href="https://www.cnblogs.com/guangzan/p/11268930.html" class="c_b_p_desc_readmore">阅读全文</a>
144
+ </div>
145
+ </div>
146
+ <div class="entrylistItemPostDesc">
147
+ posted @
148
+ <a href="https://www.cnblogs.com/guangzan/p/11268930.html" title="permalink">2019-07-30 11:21</a><text>
149
+ </text>
150
+ guangzan
151
+ <span data-post-id="11268930" class="post-view-count">阅读(3774)</span>
152
+ <span data-post-id="11268930" class="post-comment-count">评论(0)</span>
153
+ <span data-post-id="11268930" class="post-digg-count">推荐(0)</span>
154
+ <a href="https://i.cnblogs.com/EditPosts.aspx?postid=11268930" rel="nofollow">编辑</a>
155
+ </div>
156
+ </div>
157
+ <div class="postSeparator"></div>
158
+ <div class="entrylistItem">
159
+ <div class="entrylistPosttitle">
160
+ <a class="entrylistItemTitle" href="https://www.cnblogs.com/guangzan/p/11268909.html">
161
+ <span>Vue组件全局/局部注册</span>
162
+ </a>
163
+ </div>
164
+ <div class="entrylistPostSummary">
165
+ <div class="c_b_p_desc">
166
+ 摘要:全局注册 main.js中创建 使用 局部注册 直接在 .vue
167
+ 文件中使用 第一种方式 通过一个普通的 JavaScript
168
+ 对象来定义组件: 然后在 components
169
+ 选项中定义你想要使用的组件: 如果你希望 ComponentA 在
170
+ ComponentB 中可用,则你需要这样写: 第二种方
171
+ <a href="https://www.cnblogs.com/guangzan/p/11268909.html" class="c_b_p_desc_readmore">阅读全文</a>
172
+ </div>
173
+ </div>
174
+ <div class="entrylistItemPostDesc">
175
+ posted @
176
+ <a href="https://www.cnblogs.com/guangzan/p/11268909.html" title="permalink">2019-07-30 11:19</a><text>
177
+ </text>
178
+ guangzan
179
+ <span data-post-id="11268909" class="post-view-count">阅读(1345)</span>
180
+ <span data-post-id="11268909" class="post-comment-count">评论(0)</span>
181
+ <span data-post-id="11268909" class="post-digg-count">推荐(1)</span>
182
+ <a href="https://i.cnblogs.com/EditPosts.aspx?postid=11268909" rel="nofollow">编辑</a>
183
+ </div>
184
+ </div>
185
+ <div class="postSeparator"></div>
186
+ <div class="entrylistItem">
187
+ <div class="entrylistPosttitle">
188
+ <a class="entrylistItemTitle" href="https://www.cnblogs.com/guangzan/p/11268900.html">
189
+ <span>vue实现简单的点击切换颜色</span>
190
+ </a>
191
+ </div>
192
+ <div class="entrylistPostSummary">
193
+ <div class="c_b_p_desc">
194
+ 摘要:&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;
195
+ &lt;meta charset="utf-8"&gt;
196
+ &lt;title&gt;changeColor&lt;/title&gt; &lt;script
197
+ src="https://unpkg.com/vue/dist/vue.js"&gt;&lt;/script&gt;
198
+ &lt;/head&gt; &lt;sty
199
+ <a href="https://www.cnblogs.com/guangzan/p/11268900.html" class="c_b_p_desc_readmore">阅读全文</a>
200
+ </div>
201
+ </div>
202
+ <div class="entrylistItemPostDesc">
203
+ posted @
204
+ <a href="https://www.cnblogs.com/guangzan/p/11268900.html" title="permalink">2019-07-30 11:18</a><text>
205
+ </text>
206
+ guangzan
207
+ <span data-post-id="11268900" class="post-view-count">阅读(7318)</span>
208
+ <span data-post-id="11268900" class="post-comment-count">评论(0)</span>
209
+ <span data-post-id="11268900" class="post-digg-count">推荐(3)</span>
210
+ <a href="https://i.cnblogs.com/EditPosts.aspx?postid=11268900" rel="nofollow">编辑</a>
211
+ </div>
212
+ </div>
213
+ <p></p>
214
+ </div>
215
+
216
+ <div class="pager">
217
+ <a href="https://www.cnblogs.com/guangzan/category/1386380.html?page=1">上一页</a>
218
+
219
+ <a href="https://www.cnblogs.com/guangzan/category/1386380.html?page=1">1</a>
220
+ 2
221
+ </div>
222
+ </div>
223
+ </div>
224
+
225
+ <div id="sideBar">
226
+ <div id="sideBarMain">
227
+ <div id="sidebar_news" class="newsItem">
228
+ <h3 class="catListTitle">公告</h3>
229
+ <div id="blog-news">
230
+ <div id="profile_block">
231
+ 昵称:
232
+ <a href="https://home.cnblogs.com/u/guangzan/"> guangzan </a>
233
+ <br />
234
+ 园龄:
235
+ <a href="https://home.cnblogs.com/u/guangzan/" title="入园时间:2018-09-29">
236
+ 2年7个月
237
+ </a>
238
+ <br />
239
+ 粉丝:
240
+ <a href="https://home.cnblogs.com/u/guangzan/followers/">
241
+ 252
242
+ </a>
243
+ <br />
244
+ 关注:
245
+ <a href="https://home.cnblogs.com/u/guangzan/followees/">
246
+ 40
247
+ </a>
248
+ <div id="p_b_follow">
249
+ <a href="javascript:void(0)">+加关注</a>
250
+ </div>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ <div id="sidebar_c3"></div>
255
+ <div id="blog-calendar">
256
+ <table id="blogCalendar" class="Cal" cellspacing="0" cellpadding="0" title="Calendar" border="0">
257
+ <tbody>
258
+ <tr>
259
+ <td colspan="7">
260
+ <table class="CalTitle" cellspacing="0" border="0">
261
+ <tbody>
262
+ <tr>
263
+ <td class="CalNextPrev">
264
+ <a href="javascript:void(0);"
265
+ onclick="loadBlogCalendar('2021/04/23'); return false;">&lt;</a>
266
+ </td>
267
+ <td align="center">2021年5月</td>
268
+ <td align="right" class="CalNextPrev">
269
+ <a href="javascript:void(0);"
270
+ onclick="loadBlogCalendar('2021/06/23'); return false;">&gt;</a>
271
+ </td>
272
+ </tr>
273
+ </tbody>
274
+ </table>
275
+ </td>
276
+ </tr>
277
+ <tr>
278
+ <th class="CalDayHeader" align="center" abbr="日" scope="col">
279
+
280
+ </th>
281
+ <th class="CalDayHeader" align="center" abbr="一" scope="col">
282
+
283
+ </th>
284
+ <th class="CalDayHeader" align="center" abbr="二" scope="col">
285
+
286
+ </th>
287
+ <th class="CalDayHeader" align="center" abbr="三" scope="col">
288
+
289
+ </th>
290
+ <th class="CalDayHeader" align="center" abbr="四" scope="col">
291
+
292
+ </th>
293
+ <th class="CalDayHeader" align="center" abbr="五" scope="col">
294
+
295
+ </th>
296
+ <th class="CalDayHeader" align="center" abbr="六" scope="col">
297
+
298
+ </th>
299
+ </tr>
300
+ <tr>
301
+ <td class="CalOtherMonthDay" align="center">25</td>
302
+ <td class="CalOtherMonthDay" align="center">26</td>
303
+ <td class="CalOtherMonthDay" align="center">27</td>
304
+ <td class="CalOtherMonthDay" align="center">28</td>
305
+ <td class="CalOtherMonthDay" align="center">29</td>
306
+ <td class="CalOtherMonthDay" align="center">30</td>
307
+ <td class="CalWeekendDay" align="center">1</td>
308
+ </tr>
309
+ <tr>
310
+ <td class="CalWeekendDay" align="center">2</td>
311
+ <td class="" align="center">3</td>
312
+ <td class="" align="center">4</td>
313
+ <td class="" align="center">5</td>
314
+ <td class="" align="center">6</td>
315
+ <td class="" align="center">
316
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/05/07.html"><u>7</u></a>
317
+ </td>
318
+ <td class="CalWeekendDay" align="center">
319
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/05/08.html"><u>8</u></a>
320
+ </td>
321
+ </tr>
322
+ <tr>
323
+ <td class="CalWeekendDay" align="center">9</td>
324
+ <td class="" align="center">10</td>
325
+ <td class="" align="center">11</td>
326
+ <td class="" align="center">12</td>
327
+ <td class="" align="center">13</td>
328
+ <td class="" align="center">14</td>
329
+ <td class="CalWeekendDay" align="center">15</td>
330
+ </tr>
331
+ <tr>
332
+ <td class="CalWeekendDay" align="center">16</td>
333
+ <td class="" align="center">17</td>
334
+ <td class="" align="center">18</td>
335
+ <td class="" align="center">19</td>
336
+ <td class="" align="center">
337
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/05/20.html"><u>20</u></a>
338
+ </td>
339
+ <td class="" align="center">21</td>
340
+ <td class="CalWeekendDay" align="center">22</td>
341
+ </tr>
342
+ <tr>
343
+ <td class="CalTodayDay" align="center">
344
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/05/23.html"><u>23</u></a>
345
+ </td>
346
+ <td class="" align="center">24</td>
347
+ <td class="" align="center">25</td>
348
+ <td class="" align="center">26</td>
349
+ <td class="" align="center">27</td>
350
+ <td class="" align="center">28</td>
351
+ <td class="CalWeekendDay" align="center">29</td>
352
+ </tr>
353
+ <tr>
354
+ <td class="CalWeekendDay" align="center">30</td>
355
+ <td class="" align="center">31</td>
356
+ <td class="CalOtherMonthDay" align="center">1</td>
357
+ <td class="CalOtherMonthDay" align="center">2</td>
358
+ <td class="CalOtherMonthDay" align="center">3</td>
359
+ <td class="CalOtherMonthDay" align="center">4</td>
360
+ <td class="CalOtherMonthDay" align="center">5</td>
361
+ </tr>
362
+ </tbody>
363
+ </table>
364
+ </div>
365
+ <div id="leftcontentcontainer">
366
+ <div id="blog-sidecolumn">
367
+ <!-- 搜索 -->
368
+ <div id="sidebar_search" class="sidebar-block">
369
+ <div id="sidebar_search" class="mySearch">
370
+ <h3 class="catListTitle">搜索</h3>
371
+ <div id="sidebar_search_box">
372
+ <div id="widget_my_zzk" class="div_my_zzk">
373
+ <input type="text" id="q" onkeydown="return zzk_go_enter(event);"
374
+ class="input_my_zzk" />&nbsp;<input onclick="zzk_go()" type="button" value="找找看" id="btnZzk"
375
+ class="btn_my_zzk" />
376
+ </div>
377
+ <div id="widget_my_google" class="div_my_zzk">
378
+ <input type="text" name="google_q" id="google_q" onkeydown="return google_go_enter(event);"
379
+ class="input_my_zzk" />&nbsp;<input onclick="google_go()" type="button" value="谷歌搜索"
380
+ class="btn_my_zzk" />
381
+ </div>
382
+ </div>
383
+ </div>
384
+ </div>
385
+ <!-- 常用链接 -->
386
+ <div id="sidebar_shortcut" class="sidebar-block">
387
+ <div class="catListLink">
388
+ <h3 class="catListTitle">常用链接</h3>
389
+ <ul>
390
+ <li>
391
+ <a href="https://www.cnblogs.com/guangzan/p/" title="我的博客的随笔列表">我的随笔</a>
392
+ </li>
393
+ <li>
394
+ <a href="https://www.cnblogs.com/guangzan/MyComments.html" title="我的发表过的评论列表">我的评论</a>
395
+ </li>
396
+ <li>
397
+ <a href="https://www.cnblogs.com/guangzan/OtherPosts.html" title="我评论过的随笔列表">我的参与</a>
398
+ </li>
399
+ <li>
400
+ <a href="https://www.cnblogs.com/guangzan/RecentComments.html" title="我的博客的评论列表">最新评论</a>
401
+ </li>
402
+ <li>
403
+ <a href="https://www.cnblogs.com/guangzan/tag/" title="我的博客的标签列表">我的标签</a>
404
+ </li>
405
+ </ul>
406
+ </div>
407
+ </div>
408
+ <!-- 最新随笔 -->
409
+ <div id="sidebar_recentposts" class="sidebar-block">
410
+ <div class="catListEssay">
411
+ <h3 class="catListTitle">最新随笔</h3>
412
+ <ul>
413
+ <li>
414
+ <a href="https://www.cnblogs.com/guangzan/p/14801294.html">1.非标准用法在 ES module下的解决方案</a>
415
+ </li>
416
+ <li>
417
+ <a href="https://www.cnblogs.com/guangzan/p/14801290.html">2.Node.js Built-Ins Define/ Mock /
418
+ Shim/ Sham/
419
+ Polyfill</a>
420
+ </li>
421
+ <li>
422
+ <a href="https://www.cnblogs.com/guangzan/p/14790923.html">3.ts event 类型</a>
423
+ </li>
424
+ <li>
425
+ <a href="https://www.cnblogs.com/guangzan/p/14744226.html">4.webpack5热更新失效</a>
426
+ </li>
427
+ <li>
428
+ <a href="https://www.cnblogs.com/guangzan/p/14741436.html">5.webpack4 升级到 5</a>
429
+ </li>
430
+ <li>
431
+ <a href="https://www.cnblogs.com/guangzan/p/14723413.html">6.深色模式适配和主题切换</a>
432
+ </li>
433
+ <li>
434
+ <a href="https://www.cnblogs.com/guangzan/p/14225762.html">7.谈谈 Vue 模板和 JSX</a>
435
+ </li>
436
+ <li>
437
+ <a href="https://www.cnblogs.com/guangzan/p/14166007.html">8.博客园代码折叠</a>
438
+ </li>
439
+ <li>
440
+ <a href="https://www.cnblogs.com/guangzan/p/14135368.html">9.win10关闭锁屏,直接进入登录界面</a>
441
+ </li>
442
+ <li>
443
+ <a href="https://www.cnblogs.com/guangzan/p/14057876.html">10.vscode 中 eslint prettier 和 eslint
444
+ -loader
445
+ 配置关系</a>
446
+ </li>
447
+ </ul>
448
+ </div>
449
+ </div>
450
+ <!-- 我的标签 -->
451
+ <div id="sidebar_toptags" class="sidebar-block">
452
+ <div class="catListTag">
453
+ <h3 class="catListTitle">我的标签</h3>
454
+ <ul>
455
+ <li>
456
+ <a href="https://www.cnblogs.com/guangzan/tag/javascript/">javascript<span
457
+ class="tag-count">(14)</span></a>
458
+ </li>
459
+ <li>
460
+ <a href="https://www.cnblogs.com/guangzan/tag/Vue/">Vue<span class="tag-count">(10)</span></a>
461
+ </li>
462
+ <li>
463
+ <a href="https://www.cnblogs.com/guangzan/tag/webpack4/">webpack4<span
464
+ class="tag-count">(9)</span></a>
465
+ </li>
466
+ <li>
467
+ <a href="https://www.cnblogs.com/guangzan/tag/css/">css<span class="tag-count">(9)</span></a>
468
+ </li>
469
+ <li>
470
+ <a href="https://www.cnblogs.com/guangzan/tag/vue3/">vue3<span class="tag-count">(8)</span></a>
471
+ </li>
472
+ <li>
473
+ <a href="https://www.cnblogs.com/guangzan/tag/">更多</a>
474
+ </li>
475
+ </ul>
476
+ </div>
477
+ </div>
478
+ <!-- 积分与排名 -->
479
+ <div id="sidebar_scorerank" class="sidebar-block">
480
+ <div class="catListBlogRank">
481
+ <h3 class="catListTitle">积分与排名</h3>
482
+ <ul>
483
+ <li class="liScore">积分 - 131080</li>
484
+ <li class="liRank">排名 - 7140</li>
485
+ </ul>
486
+ </div>
487
+ </div>
488
+ <!-- 随笔分类、随笔档案、文章分类、新闻分类、相册、链接 -->
489
+ <div id="sidebar_categories">
490
+ <div id="sidebar_postcategory" class="catListPostCategory sidebar-block">
491
+ <h3 class="catListTitle">随笔分类</h3>
492
+
493
+ <ul>
494
+ <li data-category-list-item-visible="true" style="display: block">
495
+ <a href="https://www.cnblogs.com/guangzan/category/1607570.html" rel="" target="">
496
+ Cnblog(12)
497
+ </a>
498
+ </li>
499
+ <li data-category-list-item-visible="true" style="display: block">
500
+ <a href="https://www.cnblogs.com/guangzan/category/1690966.html" rel="" target="">
501
+ Code Optimization(3)
502
+ </a>
503
+ </li>
504
+ <li data-category-list-item-visible="true" style="display: block">
505
+ <a href="https://www.cnblogs.com/guangzan/category/1386378.html" rel="" target="">
506
+ CSS(16)
507
+ </a>
508
+ </li>
509
+ <li data-category-list-item-visible="true" style="display: block">
510
+ <a href="https://www.cnblogs.com/guangzan/category/1640195.html" rel="" target="">
511
+ Data Visualization(4)
512
+ </a>
513
+ </li>
514
+ <li data-category-list-item-visible="true" style="display: block">
515
+ <a href="https://www.cnblogs.com/guangzan/category/1864688.html" rel="" target="">
516
+ Design(1)
517
+ </a>
518
+ </li>
519
+ <li data-category-list-item-visible="true" style="display: block">
520
+ <a href="https://www.cnblogs.com/guangzan/category/1639548.html" rel="" target="">
521
+ Error(8)
522
+ </a>
523
+ </li>
524
+ <li data-category-list-item-visible="true" style="display: block">
525
+ <a href="https://www.cnblogs.com/guangzan/category/1507898.html" rel="" target="">
526
+ Git(9)
527
+ </a>
528
+ </li>
529
+ <li data-category-list-item-visible="true" style="display: block">
530
+ <a href="https://www.cnblogs.com/guangzan/category/1386376.html" rel="" target="">
531
+ HTML(1)
532
+ </a>
533
+ </li>
534
+ <li data-category-list-item-visible="true" style="display: block">
535
+ <a href="https://www.cnblogs.com/guangzan/category/1386379.html" rel="" target="">
536
+ JS/TS(30)
537
+ </a>
538
+ </li>
539
+ <li data-category-list-item-visible="true" style="display: block">
540
+ <a href="https://www.cnblogs.com/guangzan/category/1668615.html" rel="" target="">
541
+ Module Bundler(8)
542
+ </a>
543
+ </li>
544
+ <li data-category-list-item-visible="true" style="display: block">
545
+ <a href="https://www.cnblogs.com/guangzan/category/1965813.html" rel="" target="">
546
+ NodeJS(2)
547
+ </a>
548
+ </li>
549
+ <li data-category-list-item-visible="true" style="display: block">
550
+ <a href="https://www.cnblogs.com/guangzan/category/1635528.html" rel="" target="">
551
+ React(4)
552
+ </a>
553
+ </li>
554
+ <li data-category-list-item-visible="true" style="display: block">
555
+ <a href="https://www.cnblogs.com/guangzan/category/1799265.html" rel="" target="">
556
+ Source Analysis(4)
557
+ </a>
558
+ </li>
559
+ <li data-category-list-item-visible="true" style="display: block">
560
+ <a href="https://www.cnblogs.com/guangzan/category/1512296.html" rel="" target="">
561
+ Tools(8)
562
+ </a>
563
+ </li>
564
+ <li data-category-list-item-visible="true" style="display: block">
565
+ <a href="https://www.cnblogs.com/guangzan/category/1386380.html" rel="" target="">
566
+ Vue(23)
567
+ </a>
568
+ </li>
569
+ <li data-category-list-item-visible="true" style="display: block">
570
+ <a href="https://www.cnblogs.com/guangzan/category/1598137.html" rel="" target="">
571
+ Windows(15)
572
+ </a>
573
+ </li>
574
+ </ul>
575
+ </div>
576
+ <div id="sidebar_postarchive" class="catListPostArchive sidebar-block">
577
+ <h3 class="catListTitle">随笔档案</h3>
578
+
579
+ <ul>
580
+ <li data-category-list-item-visible="true" style="display: block">
581
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/05.html" rel="" target="">
582
+ 2021年5月(6)
583
+ </a>
584
+ </li>
585
+ <li data-category-list-item-visible="true" style="display: block">
586
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/04.html" rel="" target="">
587
+ 2021年4月(5)
588
+ </a>
589
+ </li>
590
+ <li data-category-list-item-visible="true" style="display: block">
591
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/03.html" rel="" target="">
592
+ 2021年3月(1)
593
+ </a>
594
+ </li>
595
+ <li data-category-list-item-visible="true" style="display: block">
596
+ <a href="https://www.cnblogs.com/guangzan/archive/2021/01.html" rel="" target="">
597
+ 2021年1月(2)
598
+ </a>
599
+ </li>
600
+ <li data-category-list-item-visible="true" style="display: block">
601
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/12.html" rel="" target="">
602
+ 2020年12月(2)
603
+ </a>
604
+ </li>
605
+ <li data-category-list-item-visible="true" style="display: block">
606
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/11.html" rel="" target="">
607
+ 2020年11月(6)
608
+ </a>
609
+ </li>
610
+ <li data-category-list-item-visible="true" style="display: block">
611
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/10.html" rel="" target="">
612
+ 2020年10月(5)
613
+ </a>
614
+ </li>
615
+ <li data-category-list-item-visible="true" style="display: block">
616
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/08.html" rel="" target="">
617
+ 2020年8月(3)
618
+ </a>
619
+ </li>
620
+ <li data-category-list-item-visible="true" style="display: block">
621
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/07.html" rel="" target="">
622
+ 2020年7月(11)
623
+ </a>
624
+ </li>
625
+ <li data-category-list-item-visible="true" style="display: block">
626
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/06.html" rel="" target="">
627
+ 2020年6月(2)
628
+ </a>
629
+ </li>
630
+ <li data-category-list-item-visible="true" style="display: block">
631
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/05.html" rel="" target="">
632
+ 2020年5月(9)
633
+ </a>
634
+ </li>
635
+ <li data-category-list-item-visible="true" style="display: block">
636
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/04.html" rel="" target="">
637
+ 2020年4月(7)
638
+ </a>
639
+ </li>
640
+ <li data-category-list-item-visible="true" style="display: block">
641
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/03.html" rel="" target="">
642
+ 2020年3月(19)
643
+ </a>
644
+ </li>
645
+ <li data-category-list-item-visible="true" style="display: block">
646
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/02.html" rel="" target="">
647
+ 2020年2月(6)
648
+ </a>
649
+ </li>
650
+ <li data-category-list-item-visible="true" style="display: block">
651
+ <a href="https://www.cnblogs.com/guangzan/archive/2020/01.html" rel="" target="">
652
+ 2020年1月(7)
653
+ </a>
654
+ </li>
655
+ <li data-category-list-item-visible="true" style="display: block">
656
+ <a href="https://www.cnblogs.com/guangzan/archive/2019/12.html" rel="" target="">
657
+ 2019年12月(1)
658
+ </a>
659
+ </li>
660
+ <li data-category-list-item-visible="true" style="display: block">
661
+ <a href="https://www.cnblogs.com/guangzan/archive/2019/11.html" rel="" target="">
662
+ 2019年11月(11)
663
+ </a>
664
+ </li>
665
+ <li data-category-list-item-visible="true" style="display: block">
666
+ <a href="https://www.cnblogs.com/guangzan/archive/2019/10.html" rel="" target="">
667
+ 2019年10月(1)
668
+ </a>
669
+ </li>
670
+ <li data-category-list-item-visible="true" style="display: block">
671
+ <a href="https://www.cnblogs.com/guangzan/archive/2019/07.html" rel="" target="">
672
+ 2019年7月(35)
673
+ </a>
674
+ </li>
675
+ <li data-category-list-item-visible="true" style="display: block">
676
+ <a href="https://www.cnblogs.com/guangzan/archive/2019/03.html" rel="" target="">
677
+ 2019年3月(2)
678
+ </a>
679
+ </li>
680
+ <li data-category-list-item-visible="false" style="display: none">
681
+ <a href="https://www.cnblogs.com/guangzan/archive/2019/02.html" rel="" target="">
682
+ 2019年2月(1)
683
+ </a>
684
+ </li>
685
+ <li data-category-list-item-visible="false" style="display: none">
686
+ <a href="https://www.cnblogs.com/guangzan/archive/2019/01.html" rel="" target="">
687
+ 2019年1月(4)
688
+ </a>
689
+ </li>
690
+ <li>
691
+ <a href="javascript:void(0)" onclick="sideColumnManager.loadMore(this)">更多</a>
692
+ </li>
693
+ </ul>
694
+ </div>
695
+ <div id="sidebar_imagecategory" class="catListImageCategory sidebar-block">
696
+ <h3 class="catListTitle">相册</h3>
697
+
698
+ <ul>
699
+ <li data-category-list-item-visible="true" style="display: block">
700
+ <a href="https://www.cnblogs.com/guangzan/gallery/1822578.html" rel="nofollow noopener noreferrer"
701
+ target="">
702
+ 测试1(1)
703
+ </a>
704
+ </li>
705
+ <li data-category-list-item-visible="true" style="display: block">
706
+ <a href="https://www.cnblogs.com/guangzan/gallery/1822579.html" rel="nofollow noopener noreferrer"
707
+ target="">
708
+ 测试2(1)
709
+ </a>
710
+ </li>
711
+ <li data-category-list-item-visible="true" style="display: block">
712
+ <a href="https://www.cnblogs.com/guangzan/gallery/1822580.html" rel="nofollow noopener noreferrer"
713
+ target="">
714
+ 测试3(6)
715
+ </a>
716
+ </li>
717
+ </ul>
718
+ </div>
719
+ <div id="sidebar_links1978167" class="catList sidebar-block">
720
+ <h3 class="catListTitle">友情链接</h3>
721
+
722
+ <ul>
723
+ <li data-category-list-item-visible="true" style="display: block">
724
+ <a href="www.cnblog.com" rel="nofollow noopener noreferrer" target="">
725
+ 测试测试测试
726
+ </a>
727
+ </li>
728
+ <li data-category-list-item-visible="true" style="display: block">
729
+ <a href="www.baidu.com" rel="nofollow noopener noreferrer" target="">
730
+ 测试测试测试
731
+ </a>
732
+ </li>
733
+ <li data-category-list-item-visible="true" style="display: block">
734
+ <a href="www.cnblog.com" rel="nofollow noopener noreferrer" target="">
735
+ 测试测试测试
736
+ </a>
737
+ </li>
738
+ </ul>
739
+ </div>
740
+ </div>
741
+ <!-- 最新评论 -->
742
+ <div id="sidebar_recentcomments" class="sidebar-block">
743
+ <div class="catListComment">
744
+ <h3 class="catListTitle">最新评论</h3>
745
+
746
+ <div class="RecentCommentBlock">
747
+ <ul>
748
+ <li class="recent_comment_title">
749
+ <a href="https://www.cnblogs.com/guangzan/p/12892420.html">1. Re:Lorem, ipsum dolor sit amet consectetur adipisicing elit</a>
750
+ </li>
751
+ <li class="recent_comment_body">
752
+ @kin02 请使用 Markdown 编辑器,注意 Markdown
753
+ 语法;可能与你自己的博客代码冲突;...
754
+ </li>
755
+ <li class="recent_comment_author">--guangzan</li>
756
+ <li class="recent_comment_title">
757
+ <a href="https://www.cnblogs.com/guangzan/p/12892420.html">2. Re:Lorem, ipsum dolor sit amet consectetur adipisicing elit</a>
758
+ </li>
759
+ <li class="recent_comment_body">
760
+ <p>白天模式正常😓</p>
761
+ </li>
762
+ <li class="recent_comment_author">--kin02</li>
763
+ </ul>
764
+ </div>
765
+ </div>
766
+ </div>
767
+ <!-- 阅读排行榜 -->
768
+ <div id="sidebar_topviewedposts" class="sidebar-block">
769
+ <div class="catListView">
770
+ <h3 class="catListTitle">阅读排行榜</h3>
771
+ <div id="TopViewPostsBlock">
772
+ <ul style="word-break: break-all">
773
+ <li>
774
+ <a href="https://www.cnblogs.com/guangzan/p/11268900.html">
775
+ 1. vue实现简单的点击切换颜色(7316)
776
+ </a>
777
+ </li>
778
+ <li>
779
+ <a href="https://www.cnblogs.com/guangzan/p/12466467.html">
780
+ 2. Parsing error: 'import' and 'export' may only
781
+ appear at the top level(5297)
782
+ </a>
783
+ </li>
784
+ <li>
785
+ <a href="https://www.cnblogs.com/guangzan/p/12244579.html">
786
+ 3. vant list 不断连续请求接口神奇原因(4501)
787
+ </a>
788
+ </li>
789
+ <li>
790
+ <a href="https://www.cnblogs.com/guangzan/p/11268930.html">
791
+ 4. Vue Prop属性(父to子)(3774)
792
+ </a>
793
+ </li>
794
+ <li>
795
+ <a href="https://www.cnblogs.com/guangzan/p/10291885.html">
796
+ 5. CSS3-flex弹性布局之flex属性(3753)
797
+ </a>
798
+ </li>
799
+ </ul>
800
+ </div>
801
+ </div>
802
+ </div>
803
+ <!-- 评论排行榜 -->
804
+ <div id="sidebar_topcommentedposts" class="sidebar-block">
805
+ <div class="catListFeedback">
806
+ <h3 class="catListTitle">评论排行榜</h3>
807
+ <div id="TopFeedbackPostsBlock">
808
+ <ul style="word-break: break-all">
809
+ <li>
810
+ <a href="https://www.cnblogs.com/guangzan/p/13020977.html">
811
+ 1. Lorem, ipsum dolor sit amet consectetur adipisicing elit(66)
812
+ </a>
813
+ </li>
814
+ <li>
815
+ <a href="https://www.cnblogs.com/guangzan/p/12892420.html">
816
+ 2. Lorem, ipsum dolor sit amet consectetur adipisicing elit(32)
817
+ </a>
818
+ </li>
819
+ <li>
820
+ <a href="https://www.cnblogs.com/guangzan/p/12256583.html">
821
+ 3. 分享几套不一样的博客园皮肤 ?(32)
822
+ </a>
823
+ </li>
824
+ <li>
825
+ <a href="https://www.cnblogs.com/guangzan/p/12515742.html">
826
+ 4. 从这个博客皮肤迈入前端性能优化一小步(30)
827
+ </a>
828
+ </li>
829
+ <li>
830
+ <a href="https://www.cnblogs.com/guangzan/p/12886111.html">
831
+ 5. 2020年了,别再重复学习原型了(14)
832
+ </a>
833
+ </li>
834
+ </ul>
835
+ </div>
836
+ </div>
837
+ </div>
838
+ <!-- 推荐排行榜 -->
839
+ <div id="sidebar_topdiggedposts" class="sidebar-block">
840
+ <div id="topdigg_posts_wrap">
841
+ <div class="catListView">
842
+ <h3 class="catListTitle">推荐排行榜</h3>
843
+ <div id="TopDiggPostsBlock">
844
+ <ul style="word-break: break-all">
845
+ <li>
846
+ <a href="https://www.cnblogs.com/guangzan/p/12892420.html">
847
+ 1. Lorem, ipsum dolor sit amet consectetur adipisicing elit(45)
848
+ </a>
849
+ </li>
850
+ <li>
851
+ <a href="https://www.cnblogs.com/guangzan/p/13020977.html">
852
+ 2. Lorem, ipsum dolor sit amet consectetur adipisicing elit(31)
853
+ </a>
854
+ </li>
855
+ <li>
856
+ <a href="https://www.cnblogs.com/guangzan/p/12256583.html">
857
+ 3. Lorem, ipsum dolor sit amet consectetur adipisicing elit(26)
858
+ </a>
859
+ </li>
860
+ <li>
861
+ <a href="https://www.cnblogs.com/guangzan/p/13524990.html">
862
+ 4. Lorem, ipsum dolor sit amet consectetur adipisicing elit(15)
863
+ </a>
864
+ </li>
865
+ <li>
866
+ <a href="https://www.cnblogs.com/guangzan/p/12515742.html">
867
+ 5. Lorem, ipsum dolor sit amet consectetur adipisicing elit(15)
868
+ </a>
869
+ </li>
870
+ </ul>
871
+ </div>
872
+ </div>
873
+ </div>
874
+ </div>
875
+ </div>
876
+ </div>
877
+ </div>
878
+ </div>
879
+
880
+ <div class="clear"></div>
881
+ </div>
882
+
883
+ <div class="clear"></div>
884
+
885
+ <div id="footer">
886
+ Copyright © 2020 用户昵称用户456123
887
+ <br /><span id="poweredby">Powered by .NET Core on Kubernetes</span>
888
+ </div>
889
+ </div>
890
+
891
+ <script src="../js/jquery.min.js"></script>
892
+ <script src="../js/mockAPI.js"></script>
893
+ <script type="module" src="../src/main.js"></script>
894
+ <script>
895
+ document.querySelectorAll('a').forEach(a => {
896
+ a.addEventListener('click', (e) => {
897
+ e.preventDefault();
898
+ });
899
+ });
900
+ </script>
901
+ </body>
902
+
903
+ </html>