-
Notifications
You must be signed in to change notification settings - Fork 25
/
index.html
83 lines (68 loc) · 3.89 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE HTML>
<html lang="zh-CN" data-rem="375">
<head>
<meta charset="UTF-8">
<title>《 Web 包教不包会》</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="apple-mobile-web-app-capable" content="no" />
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="./dist/css/styles.css" />
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://o4jiepyc4.qnssl.com/analytics.js', 'ga');
// 使用七牛 CDN 进行 GA 加速：https://o4jiepyc4.qnssl.com/analytics.js <- https://www.google-analytics.com/analytics.js
// ga('create', 'UA-00000000-0', 'auto');
// ga('send', 'pageview');
</script>
</head>
<body>
<div class="mod-header">
<div class="mod-header__logo">web-lessons Logo</div>
<a class="mod-header__title" style="line-height: 30px;" href="https://github.com/hugojing/web-lessons" title="点击在 GitHub 查看">《 Web 包教不包会》</a>
<div class="mod-header__desc">新一代的 Web 开发教程</div>
<p>
<iframe src="https://ghbtns.com/github-btn.html?user=hugojing&repo=web-lessons&type=star&count=true&size=large" frameborder="0"
scrolling="0" width="120px" height="30px"></iframe>
</p>
</div>
<div class="mod-example">
</div>
<div class="mod-example">
<a href="https://github.com/hugojing/web-lessons/tree/master/lesson0" target="_blank" class="mod-example__title">L0. 搭建 Web 开发环境</a>
<a href="https://hugojing.github.io/web-lessons/lesson1" target="_blank" class="mod-example__title">demo</a>
</div>
<div class="mod-example">
<a href="https://github.com/hugojing/web-lessons/tree/master/lesson1" target="_blank" class="mod-example__title">L1. 使用 HTML + CSS + JavaScript 写一个最简单的 Web 页面</a>
<a href="https://hugojing.github.io/web-lessons/lesson1" target="_blank" class="mod-example__title">demo</a>
</div>
<div class="mod-example">
<a href="https://github.com/hugojing/web-lessons/tree/master/lesson2" target="_blank" class="mod-example__title">L2. 使用 Babel + Webpack 编写 ECMAScript 2015 代码</a>
<a href="https://hugojing.github.io/web-lessons/lesson2/dist" target="_blank" class="mod-example__title">demo</a>
</div>
<div class="mod-example">
<a href="https://github.com/hugojing/web-lessons/tree/master/lesson3" target="_blank" class="mod-example__title">L3. 使用 Normalize.css 实现跨浏览器的默认样式标准化</a>
<a href="https://hugojing.github.io/web-lessons/lesson3/dist" target="_blank" class="mod-example__title">demo</a>
</div>
<div class="mod-example">
<a href="https://github.com/hugojing/web-lessons/tree/master/lesson4" target="_blank" class="mod-example__title">L4. 使用 Modernizr 对浏览器进行 HTML5 和 CSS3 功能检测</a>
<a href="https://hugojing.github.io/web-lessons/lesson4/dist" target="_blank" class="mod-example__title">demo</a>
</div>
<div class="mod-example">
<a href="https://github.com/hugojing/web-lessons/tree/master/lesson5" target="_blank" class="mod-example__title">L5. 使用 JavaScript 进行 DOM 操作</a>
<a href="https://hugojing.github.io/web-lessons/lesson5/dist" target="_blank" class="mod-example__title">demo</a>
</div>
<div class="mod-example">
<div class="mod-example__title">更新中…</div>
</div>
<div class="mod-footer">
<a href="https://github.com/weixin/WeFlow" target="_blank" class="mod-footer__link">This page is made with WeFlow</a>
</div>
</body>
</html>