-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
287 lines (152 loc) · 9.4 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
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="My Blog">
<meta name="generator" content="Hugo 0.54.0" />
<title>luckyabby</title>
<link rel="shortcut icon" href="https://luckyabby.com/images/favicon.ico">
<link rel="stylesheet" href="https://luckyabby.com/css/style.css">
<link rel="stylesheet" href="https://luckyabby.com/css/highlight.css">
<link rel="stylesheet" href="https://luckyabby.com/css/font-awesome.min.css">
<link href="https://luckyabby.com/index.xml" rel="alternate" type="application/rss+xml" title="luckyabby" />
</head>
<body>
<nav class="main-nav">
<a href='https://luckyabby.com/posts'>Archive</a>
<a href='https://luckyabby.com/tags'>Tags</a>
<a href='https://luckyabby.com/about'>About</a>
<a class="cta" href="https://luckyabby.com/index.xml">Subscribe</a>
</nav>
<div class="profile">
<section id="wrapper">
<header id="header">
<a href='https://luckyabby.com/about'>
<img id="avatar" class="2x" src="https://luckyabby.com/images/avatar.png"/>
</a>
<h1>luckyabby</h1>
<h2>Web Developer</h2>
</header>
</section>
</div>
<section id="wrapper" class="home">
<ul id="post-list">
<li>
<aside class="dates">Apr 2</aside>
<a href='https://luckyabby.com/posts/webpack%E6%80%8E%E4%B9%88%E6%89%93%E5%8C%85%E4%B8%80%E4%B8%AA%E6%96%87%E4%BB%B6/'>
Webpack怎么打包一个文件
<h2>之前零零碎碎写过一些 webpack 的配置，也没有整体的学习 webpack 打包文件的过程，今天整体梳理一下 webpack 究竟是怎么打包文件的，打包之后的文件究竟是什么样子。 首先很</h2>
</a>
</li>
<li>
<aside class="dates">Mar 25</aside>
<a href='https://luckyabby.com/posts/%E8%99%9A%E6%8B%9F%E5%88%97%E8%A1%A8%E7%BB%84%E4%BB%B6%E5%BC%80%E5%8F%91%E6%80%9D%E8%B7%AF%E4%BB%A5%E5%8F%8A%E9%81%87%E5%88%B0%E7%9A%84%E9%97%AE%E9%A2%98/'>
虚拟列表组件开发思路以及遇到的问题
<h2>虚拟列表主要是解决当列表数量较多时，页面内引入大量的 DOM 元素导致页面卡顿的情况，对于列表数量没达到足够的量级（主要根据自己的业务来衡量）但是想</h2>
</a>
</li>
<li>
<aside class="dates">Mar 12</aside>
<a href='https://luckyabby.com/posts/attribute%E4%B8%8Eproperties/'>
attribute与property
<h2>attribute 属于 html,一般翻译为 特性 property 属于 DOM，翻译为属性，因为一个 html 元素就是一个 DOM 节点，而每个节点都是一个 JS 对象，因此具有属性，DOM元素属性和普通对象的属性一样，就是DOM对象这个javascript对象上的属性而已。
</h2>
</a>
</li>
<li>
<aside class="dates">Mar 9</aside>
<a href='https://luckyabby.com/posts/%E6%B7%B1%E5%85%A5setstate/'>
深入setState
<h2>例子 对于这样一个例子：
</h2>
</a>
</li>
<li>
<aside class="dates">Feb 8</aside>
<a href='https://luckyabby.com/posts/purecomponent%E5%AF%B9%E6%AF%94component/'>
PureComponent对比Component
<h2>PureComponent 是 react15.3 中发布的一个新类，对比 Component 主要是改变了生命周期方法 shouldComponentUpdate，不需要自己再去写代码检测是否重新 rende</h2>
</a>
</li>
<li>
<aside class="dates">Mar 23</aside>
<a href='https://luckyabby.com/posts/%E5%88%9D%E7%BA%A7webpack%E9%85%8D%E7%BD%AE%E5%B7%A5%E7%A8%8B%E5%B8%88%E7%9A%84%E5%BC%83%E5%9D%91%E4%B9%8B%E8%B7%AF/'>
初级webpack配置工程师的弃坑之路
<h2>webpack webpack 是一个模块打包机，它能分析你项目的依赖结构。从入口文件的js文件进行打包，碰到 CSS 以及图片等等其它的类型的文件采用 loader 或者插件进行处理，最后</h2>
</a>
</li>
<li>
<aside class="dates">Mar 14</aside>
<a href='https://luckyabby.com/posts/%E5%88%86%E6%94%AF%E7%9A%84%E6%95%B4%E5%90%88git-rebase-or-git-merge/'>
分支的整合：git rebase Or git merge
<h2>Git 整合分支一般有 git merge 和 git rebase 两种。rebase 通常就是我们所说的“变基”、“衍合”。 假设我们现在有两个分支，master和 develop 分支，master</h2>
</a>
</li>
<li>
<aside class="dates">Mar 14</aside>
<a href='https://luckyabby.com/posts/css%E5%B8%B8%E8%A7%81%E7%9A%84%E6%B5%AE%E5%8A%A8%E4%B8%8E%E6%B8%85%E9%99%A4%E6%B5%AE%E5%8A%A8/'>
CSS常见的浮动与清除浮动
<h2>这篇博客自己之前好像是写过的。。后来换电脑之后博客静态文件备份好像丢了几篇博客(突然心痛)。最近又遇到这个问题，想着再写一遍就当温习一遍了。</h2>
</a>
</li>
<li>
<aside class="dates">Mar 6</aside>
<a href='https://luckyabby.com/posts/%E8%B8%A9%E5%9D%91%E7%AF%87/'>
踩坑篇--使用 fetch 上传文件
<h2>这个坑是自己最近使用 fetch 给后端上传文件的时候踩到的，需求很简单，就是需要给后端上传一个文件以及需要的几个字段。看，简单吧。。 于是，撸起袖子准备</h2>
</a>
</li>
<li>
<aside class="dates">Dec 8</aside>
<a href='https://luckyabby.com/posts/%E6%88%91%E8%BF%98%E6%98%AF%E6%83%B3%E8%B0%88%E8%B0%88js%E9%87%8C%E9%9D%A2%E7%9A%84%E9%97%AD%E5%8C%85/'>
我还是想谈谈JS里面的闭包
<h2>其实自己不太写闭包了的，就那么一两句话谁都能背出来。可是闭包偏偏就是那种初学者十次面试八次可能会遇到，答不上来就是送命题、答得出来也不加分题</h2>
</a>
</li>
</ul>
<nav id="post-nav">
<span class="next">
<a href="/page/2/">
Older Posts <span class="arrow">→</span>
</a>
</span>
</nav>
<footer id="footer">
<div id="social">
<a class="symbol" href="">
<i class="fa fa-facebook-square"></i>
</a>
<a class="symbol" href="https://www.github.com/LuckyAbby">
<i class="fa fa-github-square"></i>
</a>
<a class="symbol" href="">
<i class="fa fa-twitter-square"></i>
</a>
</div>
<p class="small">
© Copyright 2019 ❤️
</p>
<p class="small">
Powered by <a href="http://www.gohugo.io/">Hugo</a> Theme By <a href="https://github.com/nodejh/hugo-theme-cactus-plus">nodejh</a>
</p>
</footer>
</section>
<script src="https://luckyabby.com/js/jquery-3.3.1.min.js"></script>
<script src="https://luckyabby.com/js/main.js"></script>
<script src="https://luckyabby.com/js/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
(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://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-84989670-1', 'auto');
ga('send', 'pageview');
}
</script>
</body>
</html>