-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (63 loc) · 11 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Post | GrayFish</title>
<meta name="description" content="This is a blog built by VuePress">
<link rel="preload" href="/assets/css/0.styles.1580898f.css" as="style"><link rel="preload" href="/assets/js/app.493c29db.js" as="script"><link rel="preload" href="/assets/js/3.9722fd32.js" as="script"><link rel="preload" href="/assets/js/8.353f8113.js" as="script"><link rel="preload" href="/assets/js/5.129e478e.js" as="script"><link rel="prefetch" href="/assets/js/10.818f433b.js"><link rel="prefetch" href="/assets/js/11.ca005e33.js"><link rel="prefetch" href="/assets/js/12.a93b7559.js"><link rel="prefetch" href="/assets/js/13.4f8faf21.js"><link rel="prefetch" href="/assets/js/14.de59ac2d.js"><link rel="prefetch" href="/assets/js/15.b8492ead.js"><link rel="prefetch" href="/assets/js/16.2996d179.js"><link rel="prefetch" href="/assets/js/17.f9213e91.js"><link rel="prefetch" href="/assets/js/18.8dadaa69.js"><link rel="prefetch" href="/assets/js/19.06945447.js"><link rel="prefetch" href="/assets/js/20.0245be35.js"><link rel="prefetch" href="/assets/js/21.ed5c6203.js"><link rel="prefetch" href="/assets/js/22.1ab2c860.js"><link rel="prefetch" href="/assets/js/23.32eabe54.js"><link rel="prefetch" href="/assets/js/24.8d990a68.js"><link rel="prefetch" href="/assets/js/25.a08cd020.js"><link rel="prefetch" href="/assets/js/26.50b61f40.js"><link rel="prefetch" href="/assets/js/27.0b130e6e.js"><link rel="prefetch" href="/assets/js/28.45e7dea1.js"><link rel="prefetch" href="/assets/js/29.090710e8.js"><link rel="prefetch" href="/assets/js/4.8cb1091d.js"><link rel="prefetch" href="/assets/js/6.784cf3e4.js"><link rel="prefetch" href="/assets/js/7.a5779d74.js"><link rel="prefetch" href="/assets/js/9.bbc95f42.js"><link rel="prefetch" href="/assets/js/vuejs-paginate.0db2647a.js">
<link rel="stylesheet" href="/assets/css/0.styles.1580898f.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div id="vuperess-theme-blog__global-layout"><section id="header-wrapper"><header id="header"><div class="header-wrapper"><div class="title"><a href="/" class="nav-link home-link router-link-exact-active router-link-active">GrayFish
</a></div> <div class="header-right-wrap"><ul class="nav"><li class="nav-item"><a href="/" class="nav-link router-link-exact-active router-link-active">编程</a></li><li class="nav-item"><a href="/tag/" class="nav-link">归档</a></li><li class="nav-item"><a href="/about/" class="nav-link">关于</a></li></ul> <div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div></div></div></header> <div id="mobile-header"><div class="mobile-header-bar"><div class="mobile-header-title"><a href="/" class="nav-link mobile-home-link router-link-exact-active router-link-active">GrayFish
</a> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></div> <div class="mobile-menu-wrapper"><hr class="menu-divider"> <ul class="mobile-nav"><li class="mobile-nav-item"><a href="/" class="nav-link router-link-exact-active router-link-active">编程</a></li><li class="mobile-nav-item"><a href="/tag/" class="nav-link">归档</a></li><li class="mobile-nav-item"><a href="/about/" class="nav-link">关于</a></li></ul></div></div></div></section> <div class="content-wrapper"><div><div id="base-list-layout"><div class="ui-posts"><div class="ui-post"><div class="ui-post-title"><a href="/2019/08/10/%E5%8D%81%E4%B8%AAjavascript%E9%9A%BE%E7%82%B9/" class="nav-link">十个JavaScript的学习难点</a></div> <div class="ui-post-summary">
能够读懂这篇博客的JavaScript开发者，运气不会太差…
原文
搬运工:Thomas
1. 立即执行函数
> 立即执行函数，即 ...
</div> <div class="ui-post-author"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg> <span>Thomas in Manila</span></div> <div class="ui-post-date"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> <span>Sat Aug 10 2019</span></div></div><div class="ui-post"><div class="ui-post-title"><a href="/2019/08/08/gulp%E7%9A%84%E4%BD%BF%E7%94%A8/" class="nav-link">gulp的使用笔记</a></div> <div class="ui-post-summary">
安装依赖
`js
yarn add gulp --dev
`
> 根目录添加gulpfile.js文件，并添加以下代码
ES6转ES5，并压缩
`js
yarn add gulp-babel gulp-uglify --dev
`
`js
const { src, dest, task, parallel } = ...
</div> <div class="ui-post-author"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg> <span>一修 in Manila</span></div> <div class="ui-post-date"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> <span>Thu Aug 08 2019</span></div></div><div class="ui-post"><div class="ui-post-title"><a href="/2019/06/25/%E4%BB%A3%E7%A0%81%E8%A7%84%E8%8C%83%EF%BC%8C%E5%86%99%E5%87%BA%E6%97%A0%E6%9A%87%E4%BB%A3%E7%A0%81/" class="nav-link">代码规范----写出无暇代码</a></div> <div class="ui-post-summary">
> 非本人所写，不明出处
一。让名称代表意图，使之名符其实；
单词直接要用驼峰命名，提高辨识度；
名字不要用拼音；
不要用拼音缩写或者单词缩写；
注意大小写的区分：小写的l和大写的O；
有意义的区别是尽量别用数字序列进行区分，比如a1，a2，a3.。。
无意义的子词是多余的，名称的字词直接拼接，不需要添加一些语法修饰； ...
</div> <div class="ui-post-author"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg> <span>一修 in Manila</span></div> <div class="ui-post-date"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> <span>Tue Jun 25 2019</span></div></div><div class="ui-post"><div class="ui-post-title"><a href="/2019/05/06/writing-a-vuepress-theme-4/" class="nav-link">Writing a VuePress theme</a></div> <div class="ui-post-summary">
To write a theme, create a .vuepress/theme directory in your docs root, and then create a Layout.vue file:
`
.
└─ .vuepress
└─ theme
└─ Layout.vue
`
From there it's ...
</div> <div class="ui-post-author"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg> <span>ULIVZ in Shanghai</span></div> <div class="ui-post-date"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> <span>Mon May 06 2019</span></div></div><div class="ui-post"><div class="ui-post-title"><a href="/2019/05/06/writing-a-vuepress-theme/" class="nav-link">Writing a VuePress theme</a></div> <div class="ui-post-summary">
To write a theme, create a .vuepress/theme directory in your docs root, and then create a Layout.vue file:
`
.
└─ .vuepress
└─ theme
└─ Layout.vue
`
From there it's ...
</div> <div class="ui-post-author"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg> <span>ULIVZ in Shanghai</span></div> <div class="ui-post-date"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg> <span>Mon May 06 2019</span></div></div></div> <!----></div></div></div> <footer class="footer" data-v-0d113134><div class="footer-left-wrap" data-v-0d113134><ul class="contact" data-v-0d113134><li class="contact-item" data-v-0d113134><a href="https://github.com/gray-fish" target="_blank" rel="noopener noreferrer" class="nav-link external" data-v-0d113134><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github" data-v-0d113134><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" data-v-0d113134></path></svg>
</a></li></ul></div> <div class="footer-right-wrap" data-v-0d113134><ul class="copyright" data-v-0d113134><li class="copyright-item" data-v-0d113134><a href="/.html" class="nav-link" data-v-0d113134>夫唯不争，故天下莫能与之争</a></li><li class="copyright-item" data-v-0d113134><a href="/.html" class="nav-link" data-v-0d113134>GrayFish © 2008-present </a></li></ul></div></footer></div><div class="global-ui"></div></div>
<script src="/assets/js/app.493c29db.js" defer></script><script src="/assets/js/3.9722fd32.js" defer></script><script src="/assets/js/8.353f8113.js" defer></script><script src="/assets/js/5.129e478e.js" defer></script>
</body>
</html>