-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
1 lines (1 loc) · 31.9 KB
/
index.html
1
<!-- build time:Fri Oct 18 2019 17:46:09 GMT+0800 (CST) --><!DOCTYPE html><html class="theme-next gemini use-motion" lang="zh-Hans"><head><meta charset="UTF-8"><meta name="generator" content="Hexo 3.9.0"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2"><meta name="theme-color" content="#222"><meta http-equiv="X-UA-Compatible" content="IE=edge"><link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png?v=7.3.0"><link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png?v=7.3.0"><link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png?v=7.3.0"><link rel="mask-icon" href="/images/logo.svg?v=7.3.0" color="#222"><link rel="stylesheet" href="/css/main.css?v=7.3.0"><link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css?v=4.7.0"><script id="hexo-configurations">var NexT=window.NexT||{},CONFIG={root:"/",scheme:"Gemini",version:"7.3.0",exturl:!1,sidebar:{position:"left",display:"post",offset:12,onmobile:!1},back2top:{enable:!0,sidebar:!1,scrollpercent:!1},save_scroll:!1,copycode:{enable:!0,show_result:"mac",style:null},fancybox:!1,mediumzoom:!1,lazyload:!1,pangu:!1,algolia:{applicationID:"",apiKey:"",indexName:"",hits:{per_page:10},labels:{input_placeholder:"Search for Posts",hits_empty:"We didn't find any results for the search: ${query}",hits_stats:"${hits} results found in ${time} ms"}},localsearch:{enable:!1,trigger:"auto",top_n_per_article:1,unescape:!1,preload:!1},jsonsearch:{enable:!0},path:"search.xml",motion:{enable:!0,async:!1,transition:{post_block:"fadeIn",post_header:"slideDownIn",post_body:"slideDownIn",coll_header:"slideLeftIn",sidebar:"slideUpIn"}},translation:{copy_button:"Copy",copy_success:"Copied",copy_failure:"Copy failed"}}</script><meta name="description" content="爱折腾，爱运动，更爱游离于错综复杂的编码与逻辑中，无法自拔。相信编程是一门艺术，自诩为游弋在代码里的人生。"><meta property="og:type" content="website"><meta property="og:title" content="Luuman's Blog"><meta property="og:url" content="http://luuman.github.io/index.html"><meta property="og:site_name" content="Luuman's Blog"><meta property="og:description" content="爱折腾，爱运动，更爱游离于错综复杂的编码与逻辑中，无法自拔。相信编程是一门艺术，自诩为游弋在代码里的人生。"><meta property="og:locale" content="zh-Hans"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Luuman's Blog"><meta name="twitter:description" content="爱折腾，爱运动，更爱游离于错综复杂的编码与逻辑中，无法自拔。相信编程是一门艺术，自诩为游弋在代码里的人生。"><link rel="canonical" href="http://luuman.github.io/"><script id="page-configurations">CONFIG.page={sidebar:"",isHome:!0,isPost:!1,isPage:!1,isArchive:!1}</script><title>Luuman's Blog</title><noscript><style>.sidebar-inner,.use-motion .brand,.use-motion .collection-title,.use-motion .comments,.use-motion .menu-item,.use-motion .motion-element,.use-motion .pagination,.use-motion .post-block,.use-motion .post-body,.use-motion .post-header{opacity:initial}.use-motion .logo,.use-motion .site-subtitle,.use-motion .site-title{opacity:initial;top:initial}.use-motion .logo-line-before i{left:initial}.use-motion .logo-line-after i{right:initial}</style></noscript></head><body itemscope itemtype="http://schema.org/WebPage" lang="zh-Hans"><div class="container sidebar-position-left"><div class="headband"></div><header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="header-inner"><div class="site-brand-wrapper"><div class="site-meta"><div class="custom-logo-site-title"><a href="/" class="brand" rel="start"><span class="logo-line-before"><i></i></span> <span class="site-title">Luuman's Blog</span> <span class="logo-line-after"><i></i></span></a></div><p class="site-subtitle">因为有了危机感，所以会义无反顾。</p></div><div class="site-nav-toggle"><button aria-label="Toggle navigation bar"><span class="btn-bar"></span> <span class="btn-bar"></span> <span class="btn-bar"></span></button></div></div><nav class="site-nav"><ul id="menu" class="menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="menu-item-icon fa fa-fw fa-home"></i><br>Home</a></li><li class="menu-item menu-item-about"><a href="/about/" rel="section"><i class="menu-item-icon fa fa-fw fa-user"></i><br>About</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="menu-item-icon fa fa-fw fa-archive"></i><br>Archives</a></li><li class="menu-item menu-item-search"><a href="javascript:;" class="popup-trigger"><i class="menu-item-icon fa fa-search fa-fw"></i><br>Search</a></li></ul></nav><div class="site-search"></div></div></header><main id="main" class="main"><div class="main-inner"><div class="content-wrap"><div id="content" class="content page-home"><section id="posts" class="posts-expand"><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2019/09/27/WeChatWebView/" style="background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2019/09/27/WeChatWebView/" title="复杂小程序内嵌WebView实战" class="list-title text-lg h-2x">复杂小程序内嵌WebView实战</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p><strong>自用笔记：</strong>由于人员、时间问题，通常会有小程序内嵌WebView的需求。这里将整理讲解、注意事项。</p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2019/09/27/WeChatWebView/" target="_blank" class="flex-avatar w-20"><img alt="" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2019/09/27/WeChatWebView/" title="由Luuman发布" rel="author">Luuman</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2019/09/27/WeChatWebView/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2019/08/27/JsCardCss/" style="background-image:url(https://user-images.githubusercontent.com/10662852/65014472-69ac7900-d951-11e9-813c-75cbc049cab1.png)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2019/08/27/JsCardCss/" title="翻转卡片" class="list-title text-lg h-2x">翻转卡片</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p><strong>CSS3动画探秘：</strong>平时喜欢研究动效，下面来分析如何实现设计师的效果<br><a href="https://juejin.im/pin/5cdab976092dcb6246a7d1b2" target="_blank" rel="noopener">程序员追着打系列 by Hoang Nguyen</a></p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2019/08/27/JsCardCss/" target="_blank" class="flex-avatar w-20"><img alt="" src="https://user-images.githubusercontent.com/10662852/65014472-69ac7900-d951-11e9-813c-75cbc049cab1.png" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="https://user-images.githubusercontent.com/10662852/65014472-69ac7900-d951-11e9-813c-75cbc049cab1.png" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2019/08/27/JsCardCss/" title="由Hoang Nguyen发布" rel="author">Hoang Nguyen</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2019/08/27/JsCardCss/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2019/08/27/CSSLineAnim/" style="background-image:url(https://camo.githubusercontent.com/d6736ff8e9e76933cf3a9acc85ae216031ddfb00/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f31322f31342f313637616236343831663239326362313f696d61676556696577322f322f772f3830302f712f3835)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2019/08/27/CSSLineAnim/" title="大胆尝试 复杂动画效果" class="list-title text-lg h-2x">大胆尝试 复杂动画效果</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p><strong>CSS3动画探秘：</strong>平时喜欢研究动效，下面来分析如何实现设计师的效果</p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2019/08/27/CSSLineAnim/" target="_blank" class="flex-avatar w-20"><img alt="" src="https://camo.githubusercontent.com/d6736ff8e9e76933cf3a9acc85ae216031ddfb00/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f31322f31342f313637616236343831663239326362313f696d61676556696577322f322f772f3830302f712f3835" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="https://camo.githubusercontent.com/d6736ff8e9e76933cf3a9acc85ae216031ddfb00/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f31322f31342f313637616236343831663239326362313f696d61676556696577322f322f772f3830302f712f3835" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2019/08/27/CSSLineAnim/" title="由Vitaly Silkin发布" rel="author">Vitaly Silkin</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2019/08/27/CSSLineAnim/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2019/08/27/ES6Throttle/" style="background-image:url(http://www.easyfinance.com.cn/Finance/images/Article/2019-02/21-09-50-55500711650_banner.jpg)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2019/08/27/ES6Throttle/" title="ES6 节流和防抖详解" class="list-title text-lg h-2x">ES6 节流和防抖详解</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p><strong>自用笔记：</strong>在浏览器<code>DOM</code>事件里面，有一些事件会随着用户的操作不间断触发。比如：重新调整浏览器窗口大小（resize），浏览器页面滚动（scroll），鼠标移动（mousemove）。也就是说用户在触发这些浏览器操作的时候，如果脚本里面绑定了对应的事件处理方法，这个方法就不停的触发。<br>这并不是我们想要的，因为有的时候如果事件处理方法比较庞大，DOM 操作比如复杂，还不断的触发此类事件就会造成性能上的损失，导致用户体验下降（UI 反映慢、浏览器卡死等）。所以通常来讲我们会给相应事件添加延迟执行的逻辑。<br>debounce 与 throttle 是开发中常用的高阶函数，作用都是为了防止函数被高频调用，换句话说就是，用来控制某个函数在一定时间内执行多少次。</p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2019/08/27/ES6Throttle/" target="_blank" class="flex-avatar w-20"><img alt="" src="http://www.easyfinance.com.cn/Finance/images/Article/2019-02/21-09-50-55500711650_banner.jpg" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="http://www.easyfinance.com.cn/Finance/images/Article/2019-02/21-09-50-55500711650_banner.jpg" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2019/08/27/ES6Throttle/" title="由Luuman发布" rel="author">Luuman</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2019/08/27/ES6Throttle/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2019/07/27/HexoSearch/" style="background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566291945991&di=ab1879c0517bcdf2c8e840becefe32b2&imgtype=0&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F037b0052bd6dca74b8e46727e86d8e16c32316c3.png)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2019/07/27/HexoSearch/" title="Hexo 添加搜索功能" class="list-title text-lg h-2x">Hexo 添加搜索功能</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p>** Hexo 主题：最为静态页面最为鸡肋的就是没有搜索功能，查找文件夹十分困难。第三方插件不稳定。今天就来实现内部功能。</p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2019/07/27/HexoSearch/" target="_blank" class="flex-avatar w-20"><img alt="" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566291945991&di=ab1879c0517bcdf2c8e840becefe32b2&imgtype=0&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F037b0052bd6dca74b8e46727e86d8e16c32316c3.png" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566291945991&di=ab1879c0517bcdf2c8e840becefe32b2&imgtype=0&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F037b0052bd6dca74b8e46727e86d8e16c32316c3.png" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2019/07/27/HexoSearch/" title="由Luuman发布" rel="author">Luuman</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2019/07/27/HexoSearch/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="http://luuman.github.io/2019/07/27/LeetCode38/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="Luuman"><meta itemprop="description" content="爱折腾，爱运动，更爱游离于错综复杂的编码与逻辑中，无法自拔。相信编程是一门艺术，自诩为游弋在代码里的人生。"><meta itemprop="image" content="/images/avatar.gif"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="Luuman's Blog"></span><header class="post-header"><h1 class="post-title" itemprop="name headline"><a href="/2019/07/27/LeetCode38/" class="post-title-link" itemprop="url">LeetCode 报数</a></h1><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">Posted on</span> <time title="Created: 2019-07-27 14:11:20" itemprop="dateCreated datePublished" datetime="2019-07-27T14:11:20+08:00">2019-07-27</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">Edited on</span> <time title="Modified: 2019-09-20 14:04:09" itemprop="dateModified" datetime="2019-09-20T14:04:09+08:00">2019-09-20</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text">In</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/LeetCode/" itemprop="url" rel="index"><span itemprop="name">LeetCode</span></a></span></span></div></header><div class="post-body" itemprop="articleBody"><p><strong>自用笔记：</strong>报数序列是指一个整数序列，按照其中的整数的顺序进行报数，得到下一个数。其前五项如下：</p><ol><li>1</li><li>11</li><li>21</li><li>1211</li><li>111221<div class="post-button text-center"><a class="btn" href="/2019/07/27/LeetCode38/#more" rel="contents">Read more »</a></div></li></ol></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2019/07/27/weChatAPI/" style="background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2019/07/27/weChatAPI/" title="小程序知识点总结" class="list-title text-lg h-2x">小程序知识点总结</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p><strong>自用笔记：</strong>本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why</p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2019/07/27/weChatAPI/" target="_blank" class="flex-avatar w-20"><img alt="" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2019/07/27/weChatAPI/" title="由Luuman发布" rel="author">Luuman</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2019/07/27/weChatAPI/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2019/06/27/weChatMoveCard/" style="background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2019/06/27/weChatMoveCard/" title="小程序实现卡片" class="list-title text-lg h-2x">小程序实现卡片</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p><strong>自用笔记：</strong>本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why</p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2019/06/27/weChatMoveCard/" target="_blank" class="flex-avatar w-20"><img alt="" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1566382029281&di=2dc28d99e5c1c6dd82d616841b7f5ce7&imgtype=0&src=http%3A%2F%2Fhomesitetask.zbjimg.com%2Fhomesite%2Ftask%2Fd9c347.png%2Forigine%2F1dd2fcc6-1152-48db-861e-958bf99c3cd7" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2019/06/27/weChatMoveCard/" title="由Luuman发布" rel="author">Luuman</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2019/06/27/weChatMoveCard/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="http://luuman.github.io/2019/06/27/DropJS/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="Luuman"><meta itemprop="description" content="爱折腾，爱运动，更爱游离于错综复杂的编码与逻辑中，无法自拔。相信编程是一门艺术，自诩为游弋在代码里的人生。"><meta itemprop="image" content="/images/avatar.gif"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="Luuman's Blog"></span><header class="post-header"><h1 class="post-title" itemprop="name headline"><a href="/2019/06/27/DropJS/" class="post-title-link" itemprop="url">DropJS文件拖拽上传</a></h1><div class="post-meta"><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">Posted on</span> <time title="Created: 2019-06-27 14:11:20" itemprop="dateCreated datePublished" datetime="2019-06-27T14:11:20+08:00">2019-06-27</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">Edited on</span> <time title="Modified: 2019-09-03 20:56:15" itemprop="dateModified" datetime="2019-09-03T20:56:15+08:00">2019-09-03</time> </span><span class="post-meta-item"><span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text">In</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/Javascript/" itemprop="url" rel="index"><span itemprop="name">Javascript</span></a></span></span></div></header><div class="post-body" itemprop="articleBody"><p><strong>自用笔记：</strong>本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why</p><div class="post-button text-center"><a class="btn" href="/2019/06/27/DropJS/#more" rel="contents">Read more »</a></div></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article><div class="list-item block card-plain post-block"><div class="media media-3x2 col-4 col-md-4"><a class="media-content" href="/2018/08/25/NuxtI18n/" style="background-image:url(https://miro.medium.com/max/2000/1*r4jcu9-LhdjIXRrQLs6Vuw.jpeg)" data-bg="url('https://www.suxing.me/wp-content/themes/PandaPRO-1.0.1-v1/timthumb.php?src=https://www.suxing.me/wp-content/uploads/2019/06/2019062012135210.jpg&h=300&w=450&zc=1&a=c&q=100&s=1')"></a></div><div class="list-content"><div class="list-body"><a href="/2018/08/25/NuxtI18n/" title="Vue SSR Nuxt 国际化" class="list-title text-lg h-2x">Vue SSR Nuxt 国际化</a><div class="list-desc d-none d-md-block text-sm text-secondary my-3"><div class="h-2x"><p>Vue I18n is internationalization plugin for Vue.js</p></div></div></div><div class="list-footer"><div class="d-flex flex-fill align-items-center text-muted text-xs"><div class="d-none d-md-inline-block"><a href="/2018/08/25/NuxtI18n/" target="_blank" class="flex-avatar w-20"><img alt="" src="https://miro.medium.com/max/2000/1*r4jcu9-LhdjIXRrQLs6Vuw.jpeg" class="avatar avatar-20 photo w-20 loaded" height="20" width="20" data-src="https://miro.medium.com/max/2000/1*r4jcu9-LhdjIXRrQLs6Vuw.jpeg" data-nclazyload="true" data-srcset="" srcset="" data-was-processed="true"></a></div><div class="d-inline-block ml-md-2"><a href="/2018/08/25/NuxtI18n/" title="由Luuman发布" rel="author">Luuman</a></div><div class="d-inline-block mx-1 mx-md-2"><i class="text-primary">—</i></div><div class="d-inline-block"><a href="2018/08/25/NuxtI18n/" target="_blank">博客</a></div><div class="flex-fill"></div><div><time class="mx-1"></time></div></div></div></div></div></section><nav class="pagination"><span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><span class="space">…</span><a class="page-number" href="/page/10/">10</a><a class="extend next" rel="next" href="/page/2/"><i class="fa fa-angle-right" aria-label="Next page"></i></a></nav></div></div><div class="sidebar-toggle"><div class="sidebar-toggle-line-wrap"><span class="sidebar-toggle-line sidebar-toggle-line-first"></span> <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span> <span class="sidebar-toggle-line sidebar-toggle-line-last"></span></div></div><aside id="sidebar" class="sidebar"><div class="sidebar-inner"><div class="site-overview-wrap sidebar-panel sidebar-panel-active"><div class="site-overview"><div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person"><p class="site-author-name" itemprop="name">Luuman</p><div class="site-description motion-element" itemprop="description">爱折腾，爱运动，更爱游离于错综复杂的编码与逻辑中，无法自拔。相信编程是一门艺术，自诩为游弋在代码里的人生。</div></div><nav class="site-state motion-element"><div class="site-state-item site-state-posts"><a href="/archives/"><span class="site-state-item-count">92</span> <span class="site-state-item-name">posts</span></a></div><div class="site-state-item site-state-categories"><span class="site-state-item-count">19</span> <span class="site-state-item-name">categories</span></div><div class="site-state-item site-state-tags"><span class="site-state-item-count">36</span> <span class="site-state-item-name">tags</span></div></nav><div class="links-of-blogroll motion-element links-of-blogroll-inline"><div class="links-of-blogroll-title"><i class="fa fa-fw fa-link"></i> 友情链接</div><ul class="links-of-blogroll-list"><li class="links-of-blogroll-item"><a href="https://www.hxkj.vip/#/" title="https://www.hxkj.vip/#/" rel="noopener" target="_blank">编程の趣</a></li><li class="links-of-blogroll-item"><a href="http://blog.dandyweng.com/" title="http://blog.dandyweng.com/" rel="noopener" target="_blank">翁天信</a></li><li class="links-of-blogroll-item"><a href="http://MOxFIVE.github.io/" title="http://MOxFIVE.github.io/" rel="noopener" target="_blank">MOxFIVE</a></li><li class="links-of-blogroll-item"><a href="https://tech.meicai.cn/Home" title="https://tech.meicai.cn/Home" rel="noopener" target="_blank">Meicai</a></li></ul></div></div></div><div class="ads"><a class="adsense" href="https://blog.luuman.club/" title="广告位" target="_blank"><img src="/resoures/IMG_3565.JPG" class="image" alt="广告位"> </a><a class="adsense" href="https://blog.luuman.club/" title="广告位" target="_blank"><img src="/resoures/IMG_3566.JPG" class="image" alt="广告位"> </a><a class="adsense" href="https://blog.luuman.club/" title="广告位" target="_blank"><img src="https://image.yktour.com.cn/g1/M00/07/80/CgAMDF1aOQmABXszAADZNTNgD7c637.jpg" class="image" alt="广告位"></a></div></div></aside><div id="sidebar-dimmer"></div></div></main><footer id="footer" class="footer"><div class="footer-inner"><div class="copyright">© <span itemprop="copyrightYear">2019</span> <span class="with-love" id="animate"><i class="fa fa-user"></i> </span><span class="author" itemprop="copyrightHolder">Luuman</span></div><div class="powered-by">Powered by <a href="https://hexo.io" class="theme-link" rel="noopener" target="_blank">Hexo</a> v3.9.0</div><span class="post-meta-divider">|</span><div class="theme-info">Theme – <a href="https://github.com/luuman/hexo-theme-spfk" class="theme-link" rel="noopener" target="_blank">Nice.Gemini</a> v7.3.0</div></div></footer><div class="back-to-top"><i class="fa fa-arrow-up"></i></div></div><script src="/lib/jquery/index.js?v=3.4.1"></script><script src="/lib/velocity/velocity.min.js?v=1.2.1"></script><script src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script><script src="/js/utils.js?v=7.3.0"></script><script src="/js/motion.js?v=7.3.0"></script><script src="/js/affix.js?v=7.3.0"></script><script src="/js/schemes/pisces.js?v=7.3.0"></script><script src="/js/next-boot.js?v=7.3.0"></script><div class="local-search-pop-overlay"></div><div class="site-search"><div class="popup search-popup local-search-popup"><div class="local-search-header clearfix"><span class="search-icon"><i class="fa fa-search"></i> </span><span class="popup-btn-close"><i class="fa fa-times-circle"></i></span><div class="local-search-input-wrapper"><input autocomplete="off" placeholder="Searching..." spellcheck="false" type="text" id="local-search-input" autocapitalize="none" autocorrect="off"></div></div><div id="local-search-result"><ul class="search-result-list"></ul></div></div></div><script src="/js/json-search.js?v=7.3.0"></script></body></html><!-- rebuild by neat -->