forked from joname1/joname1.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
page4.html
160 lines (117 loc) · 8.94 KB
/
page4.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=1">
<meta name="renderer" content="webkit">
<meta name="google" value="notranslate">
<meta name="robots" content="index,follow">
<link rel="shortcut icon" href="/favicon.png?v=198964">
<link rel="apple-itouch-icon" href="/favicon.png?v=198964">
<link href="https://joe-10005639.cossh.myqcloud.com/index.min.css" rel="stylesheet">
<link href="https://fonts.loli.net/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" rel="stylesheet">
<link href="https://cdn.bootcss.com/prism/1.13.0/themes/prism.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script>
var timeSinceLang = {year: ' years ago',month: ' months ago',day: ' days ago',hour: ' hours ago',minute: ' minutes ago',second: ' seconds ago'};var root = '';
</script>
<meta name="keywords" content="Just be nice, always think twice!">
<meta name="description" content="Just be nice, always think twice!">
<title>江矿叔叔的博客.</title>
</head>
<body>
<article class="container">
<header class="header-wrap" style="height: 40vh;background-attachment: scroll;background-image: url(https://joe-10005639.cossh.myqcloud.com/bg.jpg);">
<nav class="main-nav">
<ul class="menu vertical">
<li class="menu-item"><a href="/">Home</a></li>
<li class="menu-item"><a href="/archive.html">Archive</a></li>
<li class="menu-item"><a href="/tag.html">Tag</a></li>
<li class="menu-item"><a href="/atom.xml">RSS</a></li>
</ul>
</nav>
<div class="vertical">
<div class="header-wrap-content inner">
<h3 class="title">Stay before every beautiful thoughts.</h3>
<h3 class="subtitle">Just be nice, always think twice!</h3>
</div>
</div>
<a class="scroll-down icon-down-open" href="#article"></a>
</header>
<article class="main page" id="article">
<ul class="article-list">
<li class="article">
<a class="title" href="/webpack-vue-es6.html">webpack+vue项目中常用ES6语法总结</a>
<section class="preview content"><p>ES6标准虽然已经发布了，但是很多浏览器环境都还不支持，webpack是通过Babel这个转码器将ES6代码转为ES5，从而在现有环境执行。babel是在webpack的配置文件webpack.config.js的module参数中的loaders中配置。</p>
</section>
<section class="info">
<span class="avatar" style="background-image: url(https://joe-10005639.cossh.myqcloud.com/jkbb.jpg);"></span><a class="name" href="javascript:;">江矿叔叔.</a>
<span class="date" data-time="1496376000"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-router.html">Vue-router的一些记录</a>
<section class="preview content"><p>一直对 vue-router 有点敬畏之心，因为总感觉对它的理解模模糊糊的，今天看了一下官网文档，有了一点点的理解，时来兴起，就有了这篇文章。</p>
</section>
<section class="info">
<span class="avatar" style="background-image: url(https://joe-10005639.cossh.myqcloud.com/jkbb.jpg);"></span><a class="name" href="javascript:;">江矿叔叔.</a>
<span class="date" data-time="1487941200"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/javascript-es6.html">JavaScript ES6核心特性概述</a>
<section class="preview content"><p>JavaScript在过去几年里发生了很大的变化。ECMAScript是JavaScript的一个重要标准，但它并不是JavaScript唯一的部分，当然，也不是唯一被标准化的部分。这里有12个新功能，您可以学习使用它们！</p>
</section>
<section class="info">
<span class="avatar" style="background-image: url(https://joe-10005639.cossh.myqcloud.com/jkbb.jpg);"></span><a class="name" href="javascript:;">江矿叔叔.</a>
<span class="date" data-time="1482552000"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/webpack-css.html">Webpack分离CSS单独打包</a>
<section class="preview content"><p>这个操作很简单的，只需要一个插件就好了，就是extract-text-webpack-plugin</p>
</section>
<section class="info">
<span class="avatar" style="background-image: url(https://joe-10005639.cossh.myqcloud.com/jkbb.jpg);"></span><a class="name" href="javascript:;">江矿叔叔.</a>
<span class="date" data-time="1479873600"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/webpack-gulp-qiniu-cdn.html">webpack+gulp 静态文件打包并自动上传到七牛云</a>
<section class="preview content"><p>经过几天的瞎折腾实现了webpack可以与gulp完美结合的进行打包静态文件，并将静态文件上传到七牛云存储，当然也可以传到你想传的云存储了，这里只分享一个七牛的云存储方案。</p>
</section>
<section class="info">
<span class="avatar" style="background-image: url(https://joe-10005639.cossh.myqcloud.com/jkbb.jpg);"></span><a class="name" href="javascript:;">江矿叔叔.</a>
<span class="date" data-time="1477022400"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/webpack-basic.html">Webpack 入门及实践</a>
<section class="preview content"><p>web开发中常用到的静态资源主要有JavaScript、CSS、图片、Jade等文件，webpack中将静态资源文件称之为模块。webpack是一个模块打包工具，其可以兼容多种js书写规范，且可以处理模块间的依赖关系，具有更强大的js模块化的功能。</p>
</section>
<section class="info">
<span class="avatar" style="background-image: url(https://joe-10005639.cossh.myqcloud.com/jkbb.jpg);"></span><a class="name" href="javascript:;">江矿叔叔.</a>
<span class="date" data-time="1476072000"><span class="from"></span></span>
</section>
</li>
</ul>
<section class="page-nav">
<a class="prev" href="/page3.html">Prev Page</a>
<span class="nav">4 / 6</span>
<a class="next" href="/page5.html">Next Page</a>
</section>
</article>
</article>
<footer class="footer clearfix">
<span class="copyright">
<script>
document.write(new Date().getFullYear());
</script> © Made with <i class="fa fa-heart"></i> using <Joname/>
</span>
</footer>
</body>
<script src="https://joe-10005639.cossh.myqcloud.com/index.min.js"></script>
<script src="https://tajs.qq.com/stats?sId=59279948" charset="UTF-8"></script>
</html>