forked from joname1/joname1.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
page2.html
160 lines (117 loc) · 9.01 KB
/
page2.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="/introduction-to-fetch.html">浅谈fetch及跨域</a>
<section class="preview content"><p>fetch能让我们完成类似 XMLHttpRequest (XHR) 提供的ajax功能。它的主要区别是，Fetch API 使用了 Promise，它让接口更简单、简洁，避免了回调的复杂性，省去了使用复杂的 XMLHttpRequest API。</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="1515412800"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-vulnerable.html">Vue 使用中踩过的坑</a>
<section class="preview content"><p>vue如今可谓是一匹黑马，github star数已居第一位！前端开发对于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="1513602000"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-loading-toast.html">Vue自定义Loading、Toast组件</a>
<section class="preview content"><p>因项目登录界面用到Loading和Toast, 网上逛了一圈, 全是一整套组件, 有些东西又用不上, 太冗余了, 无奈自己撸个。</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="1512446400"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/weapp-loadmore.html">微信小程序上拉加载更多的思(坑)路</a>
<section class="preview content"><p>微信小程序开发中遇到的坑, 总有些坑你得一个一个的跳啊,/(ㄒoㄒ)/~~当用户打开一个页面时，假设后台数据量庞大时，一次性地返回所有数据给客户端，页面的打开速度就会有所下降，而且用户只看上面的内容而不需要看后面的内容时，也浪费用户流量，基于优化的角度来考虑，后台不要一次性返回所有数据，当用户有需要再往下翻的时候，再加载更加数据出来。</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="1511096400"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-loadmore.html">基于Vue写的上拉加载更多</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="1508990400"><span class="from"></span></span>
</section>
</li>
<li class="article">
<a class="title" href="/vue-component-transmit.html">吼啊! Vue2.4组件间通信新姿势</a>
<section class="preview content"><p>Vue应用在组件化之后，通常存在着 父子组件、兄弟组件、跨级组件等组件关系，那么组件之间如何进行通信；Vue2.4提供了两种新的组件通讯方法。</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="1507867200"><span class="from"></span></span>
</section>
</li>
</ul>
<section class="page-nav">
<a class="prev" href="/index.html">Prev Page</a>
<span class="nav">2 / 6</span>
<a class="next" href="/page3.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>