forked from joname1/joname1.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
page3.html
159 lines (115 loc) · 8.62 KB
/
page3.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
<!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="/flex-basic.html">Flex基础布局详解</a>
<section class="preview content"><p>使用弹性盒子的意义是在任何尺寸的屏幕上改变其和其子元素的尺寸填充屏幕可用空间。一个弹性框容器将延展它的子元素以填充可用空间，并且缩小它的子元素来避免溢出。</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="1505826000"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vuex-practice.html">Vuex存值、取值的操作</a>
<section class="preview content"><p>每天都要进步一点点。</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="1505282400"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vuex-summary.html">Vuex 学习总结</a>
<section class="preview content"><p>对于很多新手来说，只是阅读文档是不好消化，我的建议是看看 vuex的实例，通过研究实例来学习vuex。这样就会好理解多了。如果还是不能理解，最好办法就是先把store 的四个属性：state， getters, mutations, actions。</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="1505102400"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-component-communication.html">Vue组件之间通信</a>
<section class="preview content"><p>最近在学习vue方面的的知识，毫无疑问，对于vue来说，组件化是其一个很大的特点，一方面可以提高代码的可读性，另一方面可以少写很多的代码，利于代码的维护。对于组件之间数据通信是一个必须要掌握的知识点，通信之间的方式一共可以分为三种，父组件与子组件，子组件与父组件，同级组件间通信。</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="1503579600"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-emit-on.html">Vue用$emit与$on来进行兄弟组件之间的通信</a>
<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="1503460800"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-children-refs-parent.html">Vue组件($children,$refs,$parent)的使用</a>
<section class="preview content"><p>如果项目很大，组件很多，怎么样才能准确的、快速的寻找到我们想要的组件了？？</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="1499918400"><span class="from"></span></span>
</section>
</li>
</ul>
<section class="page-nav">
<a class="prev" href="/page2.html">Prev Page</a>
<span class="nav">3 / 6</span>
<a class="next" href="/page4.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>