-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
24 lines (24 loc) · 20.9 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
<!DOCTYPE html><html lang="zh-CN"><head><meta name="generator" content="Hexo 3.9.0"><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta name="description" content="Kevin W build this air-castle to collect infos & photos"><title>MonoShow | Monologue from Kevin_W</title><link rel="stylesheet" type="text/css" href="css/style.css?v=0.0.0"><link rel="stylesheet" type="text/css" href="//lib.baomitu.com/normalize/8.0.1/normalize.min.css"><link rel="stylesheet" type="text/css" href="//lib.baomitu.com/pure/1.0.0/pure-min.css"><link rel="stylesheet" type="text/css" href="//lib.baomitu.com/pure/1.0.0/grids-responsive-min.css"><link rel="stylesheet" href="//lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css"><script type="text/javascript" src="//lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script><link rel="icon" mask sizes="any" href="favicon.ico"><link rel="Shortcut Icon" type="image/x-icon" href="favicon.ico"><link rel="apple-touch-icon" href="apple-touch-icon.png"><link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png"><link rel="alternate" type="application/atom+xml" href="atom.xml"></head><body><div class="body_container"><div id="header"><div class="site-name"><h1 class="hidden">MonoShow</h1><a id="logo" href=".">MonoShow</a><p class="description">Monologue from Kevin_W</p></div><div id="nav-menu"><a class="current" href="."><i class="fa fa-home"> 时间线</i></a><a href="archives/"><i class="fa fa-archive"> 档案袋</i></a><a href="categories/repo/"><i class="fa fa-file-text"> 知识仓库</i></a><a href="photo/"><i class="fa fa-camera"> Ins摄影集</i></a><a href="about/"><i class="fa fa-user"> 我是谁我在哪</i></a></div></div><div class="pure-g" id="layout"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h1 class="post-title"><a href="2020/12/16/web-api/">Web API 接口参考</a></h1><div class="post-meta">2020-12-16</div><div class="post-content"><h2 id="DOM"><a href="#DOM" class="headerlink" title="DOM"></a>DOM</h2><p>  文档对象模型 (DOM) 将 web 页面与到脚本或编程语言连接起来。DOM 模型用一个逻辑树来表示一个文档,树的每个分支的终点都是一个节点(node),每个节点都包含着对象(objects)。DOM 的方法(methods)让你可以用特定方式操作这个树,用这些方法你可以改变文档的结构、样式或者内容。节点可以关联上事件处理器,一旦某一事件被触发了,那些事件处理器就会被执行。</p></div><p class="readmore"><a href="2020/12/16/web-api/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/11/26/EDH-combo/">Temer EDH combo</a></h1><div class="post-meta">2020-11-26</div><div class="post-content"><p>List the useful 2-4 cards combos in my EDH decks.</p>
<p>Color now mostly used: RUG</p>
<p>Commander now mostly used</p>
<ul>
<li>Kalamax, the Stormsire 风暴君父卡拉马科斯 | combo</li>
<li>Xyris, the Writhing Storm 纠拧风暴灾里斯 | mid & token</li>
<li>Haldan, Avid Arcanist 热切奥术师哈丹 / Pako, Arcane Retriever 奥术猎犬帕科 | enchantment combo</li>
<li>Omnath, Locus of the Roil 狂搅核欧那斯 | landfall / element aggro</li>
<li>Animar, Soul of Elements 元素之魂阿尼玛 | combo</li>
</ul></div><p class="readmore"><a href="2020/11/26/EDH-combo/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/11/10/vue-notes/">Vue功能实现和使用技巧</a></h1><div class="post-meta">2020-11-10</div><div class="post-content"><p>汇总记录前端开发时,使用 Vue 框架遇到的功能实现和开发技巧。</p></div><p class="readmore"><a href="2020/11/10/vue-notes/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/07/13/Webpack_3/">Webpack程序打包学习笔记(3) —— Babel</a></h1><div class="post-meta">2020-07-13</div><div class="post-content"><p>Babel 是一个 JavaScript 的静态分析编译器,在不需要执行代码的前提下对代码进行分析和处理。<br>要实现 Babel 从一个语法转换成另外一个语法,需要经过三个主要步骤:解析(Parse),转换(Transform),生成(Generate)。</p>
<p><a href="https://hyqskevin.github.io/2020/06/28/Webpack_1/">Webpack 程序打包学习笔记(1)</a><br><a href="https://hyqskevin.github.io/2020/07/05/Webpack_2/">Webpack 程序打包学习笔记(2)</a></p></div><p class="readmore"><a href="2020/07/13/Webpack_3/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/07/05/Webpack_2/">Webpack程序打包学习笔记(2)</a></h1><div class="post-meta">2020-07-05</div><div class="post-content"><p>Webpack externals,target,resolve,module,plugin,devtool 的配置。</p>
<p><a href="https://hyqskevin.github.io/2020/06/28/Webpack_1/">Webpack 程序打包学习笔记(1)</a><br><a href="https://hyqskevin.github.io/2020/07/05/Webpack_2/">Webpack 程序打包学习笔记(2)</a><br><a href="https://hyqskevin.github.io/2020/07/13/Webpack_3/">Webpack 程序打包学习笔记(3)</a></p></div><p class="readmore"><a href="2020/07/05/Webpack_2/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/06/28/Webpack_1/">Webpack程序打包学习笔记(1)</a></h1><div class="post-meta">2020-06-28</div><div class="post-content"><p>像 Grunt、Gulp 这类构建工具,打包的思路是:遍历源文件 → 匹配规则 → 打包,这个过程中做不到按需加载,即对于打包起来的资源,到底页面用不用,打包过程中是不关心的。</p>
<p>webpack 跟其他构建工具本质上不同之处在于:webpack 是从入口文件开始,经过模块依赖加载、分析和打包三个流程完成项目的构建。在加载、分析和打包的三个过程中,可以针对性的做一些解决方案,还可以轻松的解决传统构建工具解决的问题:</p>
<p>模块化打包,一切皆模块,JS 是模块,CSS 等也是模块;<br>语法糖转换:比如 ES6 转 ES5、TypeScript;<br>预处理器编译:比如 Less、Sass 等;<br>项目优化:比如压缩、CDN;<br>解决方案封装:通过强大的 Loader 和插件机制,可以完成解决方案的封装,比如 PWA;<br>流程对接:比如测试流程、语法检测等。</p></div><p class="readmore"><a href="2020/06/28/Webpack_1/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/05/28/better-scroll/">BetterScroll插件实现页面滚动效果</a></h1><div class="post-meta">2020-05-28</div><div class="post-content"><p>  BetterScoll 用于解决列表的动态滚动,实现移动端列表上拉加载,下拉刷新,水平/垂直滚动,滚动至指定高度等功能。BetterScroll 支持大量参数配置,提供很多灵活的 api 实现指定功能。<br>  实现 BetterScroll 滚动时父元素的高度或宽度需要进行固定,同时确保父元素和子元素内容正确渲染;在 DOM 结构发生改变时需要重新调用 <code>scroll.refresh()</code> 方法重新计算来确保滚动效果正常。</p></div><p class="readmore"><a href="2020/05/28/better-scroll/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/05/12/swiper/">swiper滑动插件</a></h1><div class="post-meta">2020-05-12</div><div class="post-content"><p>Swiper 和 vue-awesome-swiper 插件用于页面内容的触摸滑动,每个展示块为一个 slide,全部 slide 包含在包装器 wrapper 中,外部的总容器 container 又包裹着 wrapper 和箭头按钮控件 navigation 以及分页器控件 pagination。</p>
<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-container"</span>></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-wrapper"</span>></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-slide"</span>></span>Slide 1<span class="tag"></<span class="name">div</span>></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-slide"</span>></span>Slide 2<span class="tag"></<span class="name">div</span>></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-slide"</span>></span>Slide 3<span class="tag"></<span class="name">div</span>></span></span><br><span class="line"> <span class="tag"></<span class="name">div</span>></span></span><br><span class="line"> <span class="comment"><!--分页器。如果放置在swiper-container外面,需要自定义样式。--></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-pagination"</span>></span><span class="tag"></<span class="name">div</span>></span></span><br><span class="line"> <span class="comment"><!--左箭头。如果放置在swiper-container外面,需要自定义样式。--></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-button-prev"</span>></span><span class="tag"></<span class="name">div</span>></span></span><br><span class="line"> <span class="comment"><!--右箭头。如果放置在swiper-container外面,需要自定义样式。--></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-button-next"</span>></span><span class="tag"></<span class="name">div</span>></span></span><br><span class="line"> <span class="comment"><!-- 如果需要滚动条 --></span></span><br><span class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"swiper-scrollbar"</span>></span><span class="tag"></<span class="name">div</span>></span></span><br><span class="line"><span class="tag"></<span class="name">div</span>></span></span><br></pre></td></tr></table></figure></div><p class="readmore"><a href="2020/05/12/swiper/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2020/05/10/js同步和异步/">javascript异步,消息队列和事件循环</a></h1><div class="post-meta">2020-05-10</div><div class="post-content"><p>  JavaScript 是单线程的,在 JS 引擎中负责解释和执行 JavaScript 代码的线程只有一个,而异步容易实现非阻塞,所以在 JavaScript 中对于耗时的操作或者时间不确定的操作,使用异步就成了必然的选择。</p></div><p class="readmore"><a href="2020/05/10/js同步和异步/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2019/11/10/json-server/">json数据模拟</a></h1><div class="post-meta">2019-11-10</div><div class="post-content"><p>  进行 web 网站开发时,前后端分离导致开发进度不同,前端经常需要等待后端的接口数据完成开发才可以继续调试。且开发环境,测试环境和线上环境分离,本地开发时无法运用测试环境的接口,开发时的接口和最终部署的接口也并不相同,每次测试时来回部署代码要耗费很多时间。<br>  使用 json-server + mockjs 编写 json 格式的模拟数据接口,在等待后端准备接口期间,前端可以使用假数据进行模拟。</p></div><p class="readmore"><a href="2019/11/10/json-server/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2019/10/28/maven-pom/">Maven POM 学习笔记</a></h1><div class="post-meta">2019-10-28</div><div class="post-content"><p>POM( Project Object Model,项目对象模型 ) 是 Maven 工程的基本工作单元,是一个 XML 文件,包含了项目的基本信息,用于描述项目如何构建,声明项目依赖。<br>POM 中可以指定以项目依赖,插件,执行目标,项目构建 profile,项目版本,项目开发者列表,相关邮件列表信息。<br>所有 POM 文件都需要 project 元素和三个必需字段:groupId,artifactId,version。</p></div><p class="readmore"><a href="2019/10/28/maven-pom/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2019/10/13/maven-lifecycle/">Maven 项目构建笔记</a></h1><div class="post-meta">2019-10-13</div><div class="post-content"><p>Maven 可以统一集中管理所有的依赖包,并且能够自动解决重复和冲突问题。Maven 作为一个开放的架构,方便同第三方插件集成。</p></div><p class="readmore"><a href="2019/10/13/maven-lifecycle/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2019/09/20/iview-note-3/">iview_note 学习笔记(3) —— 布局</a></h1><div class="post-meta">2019-09-20</div><div class="post-content"><p>Loading…</p>
<p>iview 布局提供了比较便捷的网页架构排版,可以省去很多页面样式的调试。</p>
<p><a href="https://hyqskevin.github.io/2019/08/16/iview-note/">iview_note 学习笔记(1)</a><br><a href="https://hyqskevin.github.io/2020/08/23/iview-note-2/">iview_note 学习笔记(2)</a></p></div><p class="readmore"><a href="2019/09/20/iview-note-3/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2019/08/23/iview-note-2/">iview_note 学习笔记(2) —— 表单</a></h1><div class="post-meta">2019-08-23</div><div class="post-content"><p>iview 表单处理模板</p>
<p><a href="https://hyqskevin.github.io/2019/08/16/iview-note/">iview_note 学习笔记(1)</a><br><a href="https://hyqskevin.github.io/2020/09/20/iview-note-3/">iview_note 学习笔记(3)</a></p></div><p class="readmore"><a href="2019/08/23/iview-note-2/">阅读全文</a></p></div><div class="post"><h1 class="post-title"><a href="2019/08/20/imbalanced_data_analysis/">imblearn API</a></h1><div class="post-meta">2019-08-20</div><div class="post-content"><p>imblearn 是 python 的第三方库,用于处理不平衡数据(imbalanced data)的分类,一般分为降采样,过采样和综合采样</p></div><p class="readmore"><a href="2019/08/20/imbalanced_data_analysis/">阅读全文</a></p></div><nav class="page-navigator"><span class="page-number current">1</span><a class="page-number" href="page/2/">2</a><a class="page-number" href="page/3/">3</a><a class="page-number" href="page/4/">4</a><a class="extend next" rel="next" href="page/2/">下一页</a></nav></div></div><div class="pure-u-1 pure-u-md-1-4"><div id="sidebar"><div class="widget"><div class="widget-title"><i class="fa fa-folder-o"> 学习分类</i></div><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="categories/code/">code</a><span class="category-list-count">8</span></li><li class="category-list-item"><a class="category-list-link" href="categories/language-learning/">language-learning</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="categories/notes/">notes</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="categories/paper/">paper</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="categories/repo/">repo</a><span class="category-list-count">11</span></li><li class="category-list-item"><a class="category-list-link" href="categories/study/">study</a><span class="category-list-count">29</span></li></ul></div><div class="widget"><div class="widget-title"><i class="fa fa-star-o"> 标签</i></div><div class="tagcloud"><a href="tags/others/" style="font-size: 15px;">others</a> <a href="tags/MTG/" style="font-size: 15px;">MTG</a> <a href="tags/Babel/" style="font-size: 15px;">Babel</a> <a href="tags/Webpack/" style="font-size: 15px;">Webpack</a> <a href="tags/book/" style="font-size: 15px;">book</a> <a href="tags/algorithm/" style="font-size: 15px;">algorithm</a> <a href="tags/Vue/" style="font-size: 15px;">Vue</a> <a href="tags/boosting/" style="font-size: 15px;">boosting</a> <a href="tags/Kaggle/" style="font-size: 15px;">Kaggle</a> <a href="tags/c/" style="font-size: 15px;">c++</a> <a href="tags/sklearn/" style="font-size: 15px;">sklearn</a> <a href="tags/flask/" style="font-size: 15px;">flask</a> <a href="tags/time-series/" style="font-size: 15px;">time_series</a> <a href="tags/ensemble-learning/" style="font-size: 15px;">ensemble_learning</a> <a href="tags/bp-nn/" style="font-size: 15px;">bp_nn</a> <a href="tags/iview/" style="font-size: 15px;">iview</a> <a href="tags/hexo/" style="font-size: 15px;">hexo</a> <a href="tags/python/" style="font-size: 15px;">python</a> <a href="tags/JavaScript/" style="font-size: 15px;">JavaScript</a> <a href="tags/Maven/" style="font-size: 15px;">Maven</a> <a href="tags/bootstrap2-0/" style="font-size: 15px;">bootstrap2.0</a> <a href="tags/php/" style="font-size: 15px;">php</a> <a href="tags/laravel/" style="font-size: 15px;">laravel</a> <a href="tags/machine-learning/" style="font-size: 15px;">machine_learning</a> <a href="tags/mysql/" style="font-size: 15px;">mysql</a> <a href="tags/pandas/" style="font-size: 15px;">pandas</a> <a href="tags/session/" style="font-size: 15px;">session</a> <a href="tags/cookie/" style="font-size: 15px;">cookie</a> <a href="tags/slam/" style="font-size: 15px;">slam</a> <a href="tags/Linux-device/" style="font-size: 15px;">Linux_device</a> <a href="tags/log/" style="font-size: 15px;">log</a></div></div><div class="widget"><div class="widget-title"><i class="fa fa-file-o"> 最近文章</i></div><ul class="post-list"><li class="post-list-item"><a class="post-list-link" href="2020/12/16/web-api/">Web API 接口参考</a></li><li class="post-list-item"><a class="post-list-link" href="2020/11/26/EDH-combo/">Temer EDH combo</a></li><li class="post-list-item"><a class="post-list-link" href="2020/11/10/vue-notes/">Vue功能实现和使用技巧</a></li><li class="post-list-item"><a class="post-list-link" href="2020/07/13/Webpack_3/">Webpack程序打包学习笔记(3) —— Babel</a></li><li class="post-list-item"><a class="post-list-link" href="2020/07/05/Webpack_2/">Webpack程序打包学习笔记(2)</a></li><li class="post-list-item"><a class="post-list-link" href="2020/06/28/Webpack_1/">Webpack程序打包学习笔记(1)</a></li><li class="post-list-item"><a class="post-list-link" href="2020/05/28/better-scroll/">BetterScroll插件实现页面滚动效果</a></li><li class="post-list-item"><a class="post-list-link" href="2020/05/12/swiper/">swiper滑动插件</a></li><li class="post-list-item"><a class="post-list-link" href="2020/05/10/js同步和异步/">javascript异步,消息队列和事件循环</a></li><li class="post-list-item"><a class="post-list-link" href="2019/11/10/json-server/">json数据模拟</a></li></ul></div></div></div><div class="pure-u-1 pure-u-md-3-4"><div id="footer">Copyright © 2021 <a href="." rel="nofollow">MonoShow.</a> Powered by<a rel="nofollow" target="_blank" href="https://hexo.io"> Hexo.</a><a rel="nofollow" target="_blank" href="https://github.com/tufu9441/maupassant-hexo"> Theme</a> by<a rel="nofollow" target="_blank" href="https://github.com/pagecho"> Cho.</a></div></div></div><a class="show" id="rocket" href="#top"></a><script type="text/javascript" src="js/totop.js?v=0.0.0" async></script><script type="text/javascript" src="//lib.baomitu.com/fancybox/3.5.2/jquery.fancybox.min.js" async></script><script type="text/javascript" src="js/fancybox.js?v=0.0.0" async></script><link rel="stylesheet" type="text/css" href="//lib.baomitu.com/fancybox/3.5.2/jquery.fancybox.min.css"><script type="text/javascript" src="js/search.js?v=0.0.0"></script><script>var search_path = 'search.xml';
if (search_path.length == 0) {
search_path = 'search.xml';
}
var path = '/' + search_path;
searchFunc(path, 'local-search-input', 'local-search-result');
</script><script type="text/javascript" color="0,0,0" opacity="0.5" zindex="-2" count="50" src="//lib.baomitu.com/canvas-nest.js/2.0.3/canvas-nest.umd.js"></script><script type="text/javascript" src="js/codeblock-resizer.js?v=0.0.0"></script><script type="text/javascript" src="js/smartresize.js?v=0.0.0"></script></div><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/haruto.model.json"},"display":{"position":"left","width":100,"height":200},"mobile":{"show":true},"log":false});</script></body></html>