-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
86 lines (83 loc) · 18.1 KB
/
index.html
File metadata and controls
86 lines (83 loc) · 18.1 KB
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
<!DOCTYPE html><html lang="zh-CN"><head><meta name="generator" content="Hexo 3.9.0"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta name="description" content="温水煮华雄！"><meta name="keywords" content><meta name="author" content="Wsli,undefined"><meta name="copyright" content="Wsli"><title>昨日种种 皆成今我【李温水】</title><link rel="stylesheet" href="/css/fan.css"><link rel="stylesheet" href="/css/thirdparty/jquery.mCustomScrollbar.min.css"><link rel="icon" href="/favicon.ico"><!-- script(src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML")--><script src="/js/mathjax/mathjax.js"></script><script type="text/x-mathjax-config">MathJax.Hub.Config({
tex2jax: {inlineMath: [['$', '$'], ['\\(', '\\)']]}
});
</script><script>var isPassword = '' || false;
if (isPassword) {
if (prompt('请输入文章密码') !== '') {
alert('密码错误！');
history.back();
}
}</script><script>window.GLOBAL_CONFIG = {
root: '/',
algolia: undefined,
localSearch: undefined,
copy: {
success: '复制成功',
error: '复制错误',
noSupport: '浏览器不支持'
}
}</script></head><body><canvas id="universe"></canvas><!--#body--><div id="sidebar"><div class="author-info"><div class="author-info-avatar"><img class="author-info-avatar-img" src="/avatar.png"></div><div class="author-info-name">Wsli</div><div class="author-info-description">温水煮华雄！</div><div class="links-buttons"><a class="links-button button-hover" href="https://github.com/wsli10" target="_blank">GitHub<i class="icon-dot bg-color9"></i></a><a class="links-button button-hover" href="mailto:wsli10@126.com" target="_blank">E-Mail<i class="icon-dot bg-color5"></i></a><a class="links-button button-hover" href="tencent://message/?uin=2572841813&Site=&Menu=yes" target="_blank">QQ<i class="icon-dot bg-color4"></i></a></div><div class="author-info-articles"><a class="author-info-articles-archives article-meta" href="/archives"><span class="pull-top">日志</span><span class="pull-bottom">7</span></a><a class="author-info-articles-tags article-meta" href="/tags"><span class="pull-top">标签</span><span class="pull-bottom">5</span></a><a class="author-info-articles-categories article-meta" href="/categories"><span class="pull-top">分类</span><span class="pull-bottom">2</span></a></div></div></div><div id="main-container"><header><div id="menu-outer"><i class="menu-list-icon fas fa-bars"></i><nav id="menu-inner"><a class="menu-item" href="/">首页</a><a class="menu-item" href="/tags">标签</a><a class="menu-item" href="/categories">分类</a><a class="menu-item" href="/archives">归档</a><a class="menu-item" href="/about">关于</a></nav><div class="right-info"><a class="title-name" href="/">李温水</a><span id="now-time"></span></div></div></header><div id="content-outer"><div id="content-inner"><div id="recent-posts"><!-- each post in page.posts.sort('date', -1).limit(10).toArray()--><!-- config中配置按照什么排序--><div class="recent-post-item"><a class="post-title" href="/2019/11/10/使用postman测试接口/">使用postman的测试接口</a><div class="container"><time class="button-hover post-date"><i class="fas fa-calendar-alt article-icon" aria-hidden="true"></i> 更新于 2019-11-10</time><div class="button-hover categories"><i class="fa fa-inbox article-icon" aria-hidden="true"></i><a class="link-a" href="/categories/tools/">tools</a></div></div><div class="post-content"><div class="main-content content"><ul>
<li>你这接口是不是不能用啊，我这为什么请求不到数据？</li>
<li>怎么可能，是你 ajax 写错了吧！</li>
<li>是你接口写错了！</li>
<li>你的错！</li>
<li>是你的错！<br>Fighting！！！</li>
</ul>
<p>为了避免上面这种情况的发生，postman 诞生了。Postman 是一款在开发人员中非常流行的 API 调试工具，简单、方便。下面来简单学习下使用 postman 测试接口吧</p></div></div><a class="button-hover more" href="/2019/11/10/使用postman测试接口/#more">阅读全文</a></div><div class="recent-post-item"><a class="post-title" href="/2019/10/10/Vue组件间的通信/">Vue组件间的通信</a><div class="container"><time class="button-hover post-date"><i class="fas fa-calendar-alt article-icon" aria-hidden="true"></i> 更新于 2019-10-10</time><div class="button-hover categories"><i class="fa fa-inbox article-icon" aria-hidden="true"></i><a class="link-a" href="/categories/vue/">vue</a></div><div class="button-hover tags"><i class="fa fa-tag article-icon" aria-hidden="true"></i><a class="link-a" href="/tags/vue/">vue</a></div></div><div class="post-content"><div class="main-content content"><p>vue 组件间传值、通信的方法有：</p>
<ul>
<li>通过路由带参数进行传值</li>
<li>通过设置 sessionStorage 缓存的形式进行传递</li>
<li>父子组件之间的传值</li>
<li>通过 eventBus 传值</li>
<li>vuex 进行传值</li>
</ul></div></div><a class="button-hover more" href="/2019/10/10/Vue组件间的通信/#more">阅读全文</a></div><div class="recent-post-item"><a class="post-title" href="/2019/08/29/git及github使用/">git及github使用</a><div class="container"><time class="button-hover post-date"><i class="fas fa-calendar-alt article-icon" aria-hidden="true"></i> 更新于 2019-09-02</time><div class="button-hover categories"><i class="fa fa-inbox article-icon" aria-hidden="true"></i><a class="link-a" href="/categories/tools/">tools</a></div><div class="button-hover tags"><i class="fa fa-tag article-icon" aria-hidden="true"></i><a class="link-a" href="/tags/git-github/">git github</a></div></div><div class="post-content"><div class="main-content content"><h1 id="Git"><a href="#Git" class="headerlink" title="Git"></a>Git</h1><p>Git 是一种分布式版本控制系统（Distributed Version Control System，简称 DVCS）<br><a href="https://progit.bootcss.com/" target="_blank" rel="noopener">《 Pro Git 》</a></p>
<h2 id="Git-特点"><a href="#Git-特点" class="headerlink" title="Git 特点"></a>Git 特点</h2><ul>
<li>直接记录快照，而非差异比较<br>Git 和其它版本控制系统（包括 Subversion 和近似工具）的主要差别在于 Git 对待数据的方法。 概念上来区分，其它大部分系统以文件变更列表的方式存储信息。 这类系统（CVS、Subversion、Perforce、Bazaar 等等）将它们保存的信息看作是一组基本文件和每个文件随时间逐步累积的差异。<br><img src="https://progit.bootcss.com/images/deltas.png" alt="存储每个文件与初始版本的差异" title="存储每个文件与初始版本的差异"><br>Git 不按照以上方式对待或保存数据。 反之，Git 更像是把数据看作是对小型文件系统的一组快照。 每次你提交更新，或在 Git 中保存项目状态时，它主要对当时的全部文件制作一个快照并保存这个快照的索引。 为了高效，如果文件没有修改，Git 不再重新存储该文件，而是只保留一个链接指向之前存储的文件。 Git 对待数据更像是一个 快照流。</li>
</ul></div></div><a class="button-hover more" href="/2019/08/29/git及github使用/#more">阅读全文</a></div><div class="recent-post-item"><a class="post-title" href="/2019/08/27/VSCode/">VSCode 工欲善其事必先利其器</a><div class="container"><time class="button-hover post-date"><i class="fas fa-calendar-alt article-icon" aria-hidden="true"></i> 更新于 2019-08-27</time><div class="button-hover categories"><i class="fa fa-inbox article-icon" aria-hidden="true"></i><a class="link-a" href="/categories/tools/">tools</a></div><div class="button-hover tags"><i class="fa fa-tag article-icon" aria-hidden="true"></i><a class="link-a" href="/tags/VSCode/">VSCode</a></div></div><div class="post-content"><div class="main-content content"><h1 id="Visual-Studio-Code"><a href="#Visual-Studio-Code" class="headerlink" title="Visual Studio Code"></a>Visual Studio Code</h1><p>Visual Studio Code,简称 vscode，比德芙还丝滑的编辑器-_-</p>
<h2 id="安装"><a href="#安装" class="headerlink" title="安装"></a>安装</h2><p>直接<a href="https://code.visualstudio.com/" target="_blank" rel="noopener">官网</a>下载安装</p>
<h2 id="卸载"><a href="#卸载" class="headerlink" title="卸载"></a>卸载</h2><p>1、控制面板卸载软件安装，<br>2、删除扩展和配置信息<br>把以下两个目录删除即可<code>c/users/users/vscode</code> <code>c/users/AppData/Roaming/Code</code></p>
<h1 id="vscode-快捷键"><a href="#vscode-快捷键" class="headerlink" title="vscode 快捷键"></a>vscode 快捷键</h1><ul>
<li><p>打开关闭快捷键：</p>
<ul>
<li>Ctrl +”~” 打开终端</li>
<li>Ctrl+Shift+P,F1 展示全局命令面板</li>
<li>Ctrl+P 快速打开最近打开的文件</li>
<li>Ctrl+Shift+N 打开新的编辑器窗口</li>
<li>Ctrl+Shift+W 关闭编辑器</li>
<li>Ctrl + | 在新窗口打开当前文件</li>
</ul>
</li>
</ul></div></div><a class="button-hover more" href="/2019/08/27/VSCode/#more">阅读全文</a></div><div class="recent-post-item"><a class="post-title" href="/2019/08/25/Less简单语法/">Less简单语法</a><div class="container"><time class="button-hover post-date"><i class="fas fa-calendar-alt article-icon" aria-hidden="true"></i> 更新于 2019-08-25</time><div class="button-hover categories"><i class="fa fa-inbox article-icon" aria-hidden="true"></i><a class="link-a" href="/categories/tools/">tools</a></div><div class="button-hover tags"><i class="fa fa-tag article-icon" aria-hidden="true"></i><a class="link-a" href="/tags/Less/">Less</a></div></div><div class="post-content"><div class="main-content content"><h1 id="Less-简单语法"><a href="#Less-简单语法" class="headerlink" title="Less 简单语法"></a>Less 简单语法</h1><ul>
<li>LESS（Leaner Style Sheets）定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。</li>
<li>LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是<strong>在现有的 CSS 语法上，添加了很多额外的功能</strong></li>
</ul>
<h2 id="1-注释-Comments"><a href="#1-注释-Comments" class="headerlink" title="1.注释 Comments"></a>1.注释 Comments</h2><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">//注释内容 不会被编译到css文件里</span><br><span class="line">/* 注释内容 */ 会被编译到css文件里</span><br></pre></td></tr></table></figure>
<h2 id="2-变量-Variables"><a href="#2-变量-Variables" class="headerlink" title="2.变量 Variables"></a>2.变量 Variables</h2><p>变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。</p>
<ul>
<li>less 用 @ 符号来声明变量</li>
</ul>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line">// LESS</span><br><span class="line">@color: #4D926F;</span><br><span class="line">#header {</span><br><span class="line">color: @color;</span><br><span class="line">}</span><br><span class="line">h2 {</span><br><span class="line">color: @color;</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line">/* 生成的 CSS */</span><br><span class="line">#header {</span><br><span class="line">color: #4D926F;</span><br><span class="line">}</span><br><span class="line">h2 {</span><br><span class="line">color: #4D926F;</span><br><span class="line">}</span><br></pre></td></tr></table></figure>
<ul>
<li>less 变量还可以作为属性名字<ul>
<li>作为属性值调用时：@变量名</li>
<li>作为属性名调用时：@{变量名}</li>
</ul>
</li>
</ul></div></div><a class="button-hover more" href="/2019/08/25/Less简单语法/#more">阅读全文</a></div><div class="recent-post-item"><a class="post-title" href="/2019/08/24/Markdown基本语法/">Markdown基本语法</a><div class="container"><time class="button-hover post-date"><i class="fas fa-calendar-alt article-icon" aria-hidden="true"></i> 更新于 2019-08-24</time><div class="button-hover categories"><i class="fa fa-inbox article-icon" aria-hidden="true"></i><a class="link-a" href="/categories/tools/">tools</a></div><div class="button-hover tags"><i class="fa fa-tag article-icon" aria-hidden="true"></i><a class="link-a" href="/tags/markdown/">markdown</a></div></div><div class="post-content"><div class="main-content content"><h1 id="markdown简单语法"><a href="#markdown简单语法" class="headerlink" title="markdown简单语法"></a>markdown简单语法</h1><ul>
<li>什么是markdown?<br>Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。markdown</li>
<li>为什么要使用markdown？<br><del>轻量、优雅、流行</del>不然用txt？</li>
</ul>
<h2 id="一、标题"><a href="#一、标题" class="headerlink" title="一、标题"></a>一、标题</h2><p>在想要设置为标题的文字前面加#来表示（#后要加空格）。一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。</p>
<h2 id="二、字体"><a href="#二、字体" class="headerlink" title="二、字体"></a>二、字体</h2><ul>
<li>斜体<br>要倾斜的文字左右分别用一个*号包起来</li>
<li>加粗<br>要加粗的文字左右分别用两个*号包起来</li>
<li>斜体加粗<br>要倾斜的文字左右分别用三个*号包起来</li>
<li>删除线<br>要加删除线的文字左右分别用两个~~号包起来</li>
</ul>
<h2 id="三、引用"><a href="#三、引用" class="headerlink" title="三、引用"></a>三、引用</h2><p>在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>…</p>
<h2 id="四、分割线"><a href="#四、分割线" class="headerlink" title="四、分割线"></a>四、分割线</h2><p>三个或者三个以上的 - 或者 * 都可以。</p></div></div><a class="button-hover more" href="/2019/08/24/Markdown基本语法/#more">阅读全文</a></div><div class="recent-post-item"><a class="post-title" href="/2019/08/22/hello-world/">Hello World!</a><div class="container"><time class="button-hover post-date"><i class="fas fa-calendar-alt article-icon" aria-hidden="true"></i> 更新于 2019-10-10</time></div><div class="post-content"><div class="main-content content"><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">function</span> <span class="title">fn</span>(<span class="params">person</span>) </span>{</span><br><span class="line"> <span class="keyword">if</span> (handsome <span class="keyword">in</span> person) {</span><br><span class="line"> <span class="built_in">console</span>.log(<span class="number">1</span>);</span><br><span class="line"> }</span><br><span class="line">}</span><br><span class="line"></span><br><span class="line">fn(wsli); <span class="comment">//1</span></span><br></pre></td></tr></table></figure>
<hr>
<blockquote>
<p>你说绿毛虫进化成裂空座会飞吗，固拉多？</p>
</blockquote>
</div></div><a class="button-hover more" href="/2019/08/22/hello-world/#more">阅读全文</a></div></div><div id="pagination"><div class="pagination"><span class="page-number current">1</span></div></div></div></div><div class="button-hover" id="return-top"><i class="fas fa-arrow-up" aria-hidden="true"></i></div><footer><div id="footer"><div class="button-hover" id="side-button"><i class="fas fa-arrow-right"></i></div><div class="right-content"><div class="busuanzi"><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><span id="busuanzi_container_site_uv"><i class="fas fa-user"></i></span><span id="busuanzi_value_site_uv"></span><span></span><span class="footer-separator">|</span><span id="busuanzi_container_site_pv"><i class="fas fa-eye"></i></span><span id="busuanzi_value_site_pv"></span><span></span></div><div class="copyright">©2019 By Wsli</div></div></div></footer></div><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/thirdparty/jquery-3.3.1.min.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/thirdparty/velocity.min.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/thirdparty/jquery.mCustomScrollbar.concat.min.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/fan.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/canvas_bg.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/utils.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/scroll.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/sidebar.js"></script><!--script(src=url)--><!--js(src=url_for(url) + '?version=' + version())--><script src="/js/copy.js"></script><!--script(src=url)--></body></html>