代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Evan's blog</title>
<meta name="generator" content="VuePress 1.9.9">
<link rel="icon" href="./img/favicon.ico">
<meta name="description" content="web前端技术博客,专注web前端学习与总结。JavaScript,js,ES6,TypeScript,vue,React,python,css3,html5,Node,git,github等技术文章。">
<meta name="keywords" content="前端博客,个人技术博客,前端,前端开发,前端框架,web前端,前端面试题,技术文档,学习,面试,JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github,markdown">
<meta name="baidu-site-verification" content="7F55weZDDc">
<meta name="theme-color" content="#11a8cd">
<link rel="preload" href="./assets/css/0.styles.e981cc62.css" as="style"><link rel="preload" href="./assets/js/app.15cceafc.js" as="script"><link rel="preload" href="./assets/js/2.88f425a4.js" as="script"><link rel="preload" href="./assets/js/37.49dd6dbb.js" as="script"><link rel="prefetch" href="./assets/js/10.238e396a.js"><link rel="prefetch" href="./assets/js/11.96f83f1b.js"><link rel="prefetch" href="./assets/js/12.7ce42fef.js"><link rel="prefetch" href="./assets/js/13.467ff119.js"><link rel="prefetch" href="./assets/js/14.9e1e71b3.js"><link rel="prefetch" href="./assets/js/15.2f433755.js"><link rel="prefetch" href="./assets/js/16.a5886c08.js"><link rel="prefetch" href="./assets/js/17.d68d6ad6.js"><link rel="prefetch" href="./assets/js/18.fa9a18d4.js"><link rel="prefetch" href="./assets/js/19.6c63e320.js"><link rel="prefetch" href="./assets/js/20.9a7c1985.js"><link rel="prefetch" href="./assets/js/21.c89b2288.js"><link rel="prefetch" href="./assets/js/22.b732fdfa.js"><link rel="prefetch" href="./assets/js/23.b9958175.js"><link rel="prefetch" href="./assets/js/24.824e9e77.js"><link rel="prefetch" href="./assets/js/25.ab82481c.js"><link rel="prefetch" href="./assets/js/26.dd8310c6.js"><link rel="prefetch" href="./assets/js/27.91f7faf4.js"><link rel="prefetch" href="./assets/js/28.c82baa8f.js"><link rel="prefetch" href="./assets/js/29.70c39776.js"><link rel="prefetch" href="./assets/js/3.f03342dc.js"><link rel="prefetch" href="./assets/js/30.a8d81b5c.js"><link rel="prefetch" href="./assets/js/31.110d2ca4.js"><link rel="prefetch" href="./assets/js/32.7468492a.js"><link rel="prefetch" href="./assets/js/33.daa7ebc9.js"><link rel="prefetch" href="./assets/js/34.cde9195d.js"><link rel="prefetch" href="./assets/js/35.ba727be1.js"><link rel="prefetch" href="./assets/js/36.31f30d2e.js"><link rel="prefetch" href="./assets/js/38.6734d42a.js"><link rel="prefetch" href="./assets/js/39.7032bfbb.js"><link rel="prefetch" href="./assets/js/4.edf4d5e7.js"><link rel="prefetch" href="./assets/js/40.b34801ce.js"><link rel="prefetch" href="./assets/js/5.c45a9ec1.js"><link rel="prefetch" href="./assets/js/6.54ff1d3e.js"><link rel="prefetch" href="./assets/js/7.f43fd6e6.js"><link rel="prefetch" href="./assets/js/8.436bb7ca.js"><link rel="prefetch" href="./assets/js/9.f738f8bb.js">
<link rel="stylesheet" href="./assets/css/0.styles.e981cc62.css">
</head>
<body class="theme-mode-light">
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="./" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="./img/logo.png" alt="Evan's blog" class="logo"> <span class="site-name can-hide">Evan's blog</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="./" aria-current="page" class="nav-link router-link-exact-active router-link-active">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端" class="dropdown-title"><a href="./web/" class="link-title">前端</a> <span class="title" style="display:none;">前端</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>前端文章</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="./pages/8143cc480faf9a11/" class="nav-link">JavaScript</a></li></ul></li><li class="dropdown-item"><h4>学习笔记</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="./note/javascript/" class="nav-link">《JavaScript教程》</a></li><li class="dropdown-subitem"><a href="./note/js/" class="nav-link">《JavaScript高级程序设计》</a></li><li class="dropdown-subitem"><a href="./note/es6/" class="nav-link">《ES6 教程》</a></li><li class="dropdown-subitem"><a href="./note/vue/" class="nav-link">《Vue》</a></li><li class="dropdown-subitem"><a href="./note/react/" class="nav-link">《React》</a></li><li class="dropdown-subitem"><a href="./note/typescript-axios/" class="nav-link">《TypeScript 从零实现 axios》</a></li><li class="dropdown-subitem"><a href="./note/git/" class="nav-link">《Git》</a></li><li class="dropdown-subitem"><a href="./pages/51afd6/" class="nav-link">TypeScript</a></li><li class="dropdown-subitem"><a href="./pages/4643cd/" class="nav-link">JS设计模式总结</a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="页面" class="dropdown-title"><a href="./ui/" class="link-title">页面</a> <span class="title" style="display:none;">页面</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./pages/8309a5b876fc95e3/" class="nav-link">HTML</a></li><li class="dropdown-item"><!----> <a href="./pages/0a83b083bdf257cb/" class="nav-link">CSS</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="技术" class="dropdown-title"><a href="./technology/" class="link-title">技术</a> <span class="title" style="display:none;">技术</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./pages/9a7ee40fc232253e/" class="nav-link">技术文档</a></li><li class="dropdown-item"><!----> <a href="./pages/4c778760be26d8b3/" class="nav-link">GitHub技巧</a></li><li class="dropdown-item"><!----> <a href="./pages/117708e0af7f0bd9/" class="nav-link">Nodejs</a></li><li class="dropdown-item"><!----> <a href="./pages/41f87d890d0a02af/" class="nav-link">博客搭建</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="更多" class="dropdown-title"><a href="./more/" class="link-title">更多</a> <span class="title" style="display:none;">更多</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./pages/f2a556/" class="nav-link">学习</a></li><li class="dropdown-item"><!----> <a href="./pages/aea6571b7a8bae86/" class="nav-link">面试</a></li><li class="dropdown-item"><!----> <a href="./pages/2d615df9a36a98ed/" class="nav-link">心情杂货</a></li><li class="dropdown-item"><!----> <a href="./pages/baaa02/" class="nav-link">实用技巧</a></li><li class="dropdown-item"><!----> <a href="./friends/" class="nav-link">友情链接</a></li></ul></div></div><div class="nav-item"><a href="./about/" class="nav-link">关于</a></div><div class="nav-item"><a href="./pages/beb6c0bd8a66cea6/" class="nav-link">收藏</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="索引" class="dropdown-title"><a href="./archives/" class="link-title">索引</a> <span class="title" style="display:none;">索引</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./categories/" class="nav-link">分类</a></li><li class="dropdown-item"><!----> <a href="./tags/" class="nav-link">标签</a></li><li class="dropdown-item"><!----> <a href="./archives/" class="nav-link">归档</a></li></ul></div></div> <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><div class="blogger"><img src="https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200103123203.jpg"> <div class="blogger-info"><h3>Evan Xu</h3> <span>前端界的小学生</span></div></div> <nav class="nav-links"><div class="nav-item"><a href="./" aria-current="page" class="nav-link router-link-exact-active router-link-active">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端" class="dropdown-title"><a href="./web/" class="link-title">前端</a> <span class="title" style="display:none;">前端</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>前端文章</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="./pages/8143cc480faf9a11/" class="nav-link">JavaScript</a></li></ul></li><li class="dropdown-item"><h4>学习笔记</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="./note/javascript/" class="nav-link">《JavaScript教程》</a></li><li class="dropdown-subitem"><a href="./note/js/" class="nav-link">《JavaScript高级程序设计》</a></li><li class="dropdown-subitem"><a href="./note/es6/" class="nav-link">《ES6 教程》</a></li><li class="dropdown-subitem"><a href="./note/vue/" class="nav-link">《Vue》</a></li><li class="dropdown-subitem"><a href="./note/react/" class="nav-link">《React》</a></li><li class="dropdown-subitem"><a href="./note/typescript-axios/" class="nav-link">《TypeScript 从零实现 axios》</a></li><li class="dropdown-subitem"><a href="./note/git/" class="nav-link">《Git》</a></li><li class="dropdown-subitem"><a href="./pages/51afd6/" class="nav-link">TypeScript</a></li><li class="dropdown-subitem"><a href="./pages/4643cd/" class="nav-link">JS设计模式总结</a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="页面" class="dropdown-title"><a href="./ui/" class="link-title">页面</a> <span class="title" style="display:none;">页面</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./pages/8309a5b876fc95e3/" class="nav-link">HTML</a></li><li class="dropdown-item"><!----> <a href="./pages/0a83b083bdf257cb/" class="nav-link">CSS</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="技术" class="dropdown-title"><a href="./technology/" class="link-title">技术</a> <span class="title" style="display:none;">技术</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./pages/9a7ee40fc232253e/" class="nav-link">技术文档</a></li><li class="dropdown-item"><!----> <a href="./pages/4c778760be26d8b3/" class="nav-link">GitHub技巧</a></li><li class="dropdown-item"><!----> <a href="./pages/117708e0af7f0bd9/" class="nav-link">Nodejs</a></li><li class="dropdown-item"><!----> <a href="./pages/41f87d890d0a02af/" class="nav-link">博客搭建</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="更多" class="dropdown-title"><a href="./more/" class="link-title">更多</a> <span class="title" style="display:none;">更多</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./pages/f2a556/" class="nav-link">学习</a></li><li class="dropdown-item"><!----> <a href="./pages/aea6571b7a8bae86/" class="nav-link">面试</a></li><li class="dropdown-item"><!----> <a href="./pages/2d615df9a36a98ed/" class="nav-link">心情杂货</a></li><li class="dropdown-item"><!----> <a href="./pages/baaa02/" class="nav-link">实用技巧</a></li><li class="dropdown-item"><!----> <a href="./friends/" class="nav-link">友情链接</a></li></ul></div></div><div class="nav-item"><a href="./about/" class="nav-link">关于</a></div><div class="nav-item"><a href="./pages/beb6c0bd8a66cea6/" class="nav-link">收藏</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="索引" class="dropdown-title"><a href="./archives/" class="link-title">索引</a> <span class="title" style="display:none;">索引</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="./categories/" class="nav-link">分类</a></li><li class="dropdown-item"><!----> <a href="./tags/" class="nav-link">标签</a></li><li class="dropdown-item"><!----> <a href="./archives/" class="nav-link">归档</a></li></ul></div></div> <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="home-wrapper" data-v-7d2bb426><div class="banner" style="background:rgb(40,40,45) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABOSURBVFhH7c6xCQAgDAVRR9A6E4hLu4uLiWJ7tSnuQcIvr2TRYsw3/zOGGEOMIcYQY4gxxBhiDDGGGEOMIcYQY4gxxBhiDLkx52W4Gn1tuslCtHJvL54AAAAASUVORK5CYII=);" data-v-7d2bb426><div class="banner-conent" data-v-7d2bb426><header class="hero" data-v-7d2bb426><!----> <h1 id="main-title" data-v-7d2bb426>
Evan's blog
</h1> <p class="description" data-v-7d2bb426>
Web前端技术博客,积跬步以至千里,致敬每个爱学习的你。
</p> <!----></header> <div class="features" data-v-7d2bb426><div class="feature" data-v-7d2bb426><a href="./web/" data-v-7d2bb426><img src="./img/web.png" alt="前端" class="feature-img" data-v-7d2bb426> <h2 data-v-7d2bb426>前端</h2> <p data-v-7d2bb426>JavaScript、ES6、Vue框架等前端技术</p></a></div><div class="feature" data-v-7d2bb426><a href="./ui/" data-v-7d2bb426><img src="./img/ui.png" alt="页面" class="feature-img" data-v-7d2bb426> <h2 data-v-7d2bb426>页面</h2> <p data-v-7d2bb426>html(5)/css(3),前端页面相关技术</p></a></div><div class="feature" data-v-7d2bb426><a href="./technology/" data-v-7d2bb426><img src="./img/other.png" alt="技术" class="feature-img" data-v-7d2bb426> <h2 data-v-7d2bb426>技术</h2> <p data-v-7d2bb426>技术文档、教程、技巧、总结等文章</p></a></div></div></div> <div class="slide-banner" style="display:none;" data-v-7d2bb426><div class="banner-wrapper" data-v-7d2bb426><div class="slide-banner-scroll" data-v-7d2bb426><div class="slide-banner-wrapper" data-v-7d2bb426><div class="slide-item" data-v-7d2bb426><a href="./web/" data-v-7d2bb426><img src="./img/web.png" alt="前端" class="feature-img" data-v-7d2bb426> <h2 data-v-7d2bb426>前端</h2> <p data-v-7d2bb426>JavaScript、ES6、Vue框架等前端技术</p></a></div><div class="slide-item" data-v-7d2bb426><a href="./ui/" data-v-7d2bb426><img src="./img/ui.png" alt="页面" class="feature-img" data-v-7d2bb426> <h2 data-v-7d2bb426>页面</h2> <p data-v-7d2bb426>html(5)/css(3),前端页面相关技术</p></a></div><div class="slide-item" data-v-7d2bb426><a href="./technology/" data-v-7d2bb426><img src="./img/other.png" alt="技术" class="feature-img" data-v-7d2bb426> <h2 data-v-7d2bb426>技术</h2> <p data-v-7d2bb426>技术文档、教程、技巧、总结等文章</p></a></div></div></div> <div class="docs-wrapper" data-v-7d2bb426><span class="doc active" data-v-7d2bb426></span><span class="doc" data-v-7d2bb426></span><span class="doc" data-v-7d2bb426></span></div></div></div></div> <div class="main-wrapper" data-v-7d2bb426><div class="main-left"><div class="post-list" data-v-7d2bb426><div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/829589/">
我做了一个手写春联小网页,祝大家虎年暴富
<span class="title-tag">原创</span></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2022-01-28</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E9%9A%8F%E7%AC%94">随笔</a></span> <!----></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>手写春联:<a href="https://cl.xugaoyi.com/" target="_blank" rel="noopener noreferrer">https://cl.xugaoyi.com/<OutboundLink/></a></p>
<h3 id="前言"><a class="header-anchor" href="#前言">#</a> 前言</h3>
<p>虎年春节快到了,首先祝大家新年快乐,轻松暴富。
最近在网上经常看到生成春联的文章,不过这些小demo要么功能简陋,要么UI特别‘程序员’,满足不了我挑剔的眼光。干脆我自己做一个吧,顺便简单体验一下vite+vue3。(因为页面相对简单,vue组件风格还是使用选项式api,重点还是想把产品快速做出来。)</p>
</div> <a href="./pages/829589/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/a61298/">
33个非常实用的JavaScript一行代码
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">CUGGZ</span> <span title="创建时间" class="iconfont icon-riqi">2021-11-02</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E5%89%8D%E7%AB%AF">前端</a><a href="./categories/?category=JavaScript%E6%96%87%E7%AB%A0">JavaScript文章</a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="./tags/?tag=JavaScript">JavaScript</a></span></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/4643cd/">
JS设计模式总结笔记
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2021-02-27</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E5%89%8D%E7%AB%AF">前端</a><a href="./categories/?category=%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0">学习笔记</a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="./tags/?tag=%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F">设计模式</a></span></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/8481d1/">
四级文件(测试)
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2020-12-11</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E5%89%8D%E7%AB%AF">前端</a><a href="./categories/?category=JavaScript%E6%96%87%E7%AB%A0">JavaScript文章</a><a href="./categories/?category=%E4%B8%89%E7%BA%A7%E7%9B%AE%E5%BD%95">三级目录</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/51afd6/">
TypeScript笔记
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2020-10-08</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E5%89%8D%E7%AB%AF">前端</a><a href="./categories/?category=%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0">学习笔记</a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="./tags/?tag=TypeScript">TypeScript</a></span></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/cd8bde/">
拥抱生活,拥抱快乐
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2020-06-26</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E9%9A%8F%E7%AC%94">随笔</a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="./tags/?tag=%E9%B8%A1%E6%B1%A4">鸡汤</a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>生活在后现代的今天,很多人都有一种虚无感,认为人生没有意义。但是,人生不可能没有意义,因为当你认为没有意义的时候,一定有一个与之相对应的概念叫有意义。</p>
</div> <a href="./pages/cd8bde/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./note/js/">
《JavaScript高级程序设计》笔记
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2020-06-12</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E7%AC%94%E8%AE%B0">笔记</a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="./tags/?tag=%E7%AC%94%E8%AE%B0">笔记</a><a href="./tags/?tag=%E7%BA%A2%E5%AE%9D%E4%B9%A6">红宝书</a></span></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/f2e63f/">
你知道的越多,不知道的也就越多
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2020-05-06</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E9%9A%8F%E7%AC%94">随笔</a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="./tags/?tag=%E5%AD%A6%E4%B9%A0">学习</a><a href="./tags/?tag=%E7%9F%A5%E8%AF%86">知识</a><a href="./tags/?tag=%E9%B8%A1%E6%B1%A4">鸡汤</a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>不知道大家有没有发现,我们身边经常有这样的人,他们越是有能力的,越是有知识的,越是低调,越是谦逊,因为他们深知,知道的越多,不知道的也就越多。</p>
</div> <a href="./pages/f2e63f/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/fd4a16d56b83c1bc/">
比typeof运算符更准确的类型判断
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2020-04-13</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E5%89%8D%E7%AB%AF">前端</a><a href="./categories/?category=JavaScript%E6%96%87%E7%AB%A0">JavaScript文章</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="./pages/7a91be2d502346ce/">
JS获取和修改url参数
<!----></a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">xugaoyi</span> <span title="创建时间" class="iconfont icon-riqi">2020-03-05</span> <span title="分类" class="iconfont icon-wenjian"><a href="./categories/?category=%E5%89%8D%E7%AB%AF">前端</a><a href="./categories/?category=JavaScript%E6%96%87%E7%AB%A0">JavaScript文章</a></span> <!----></div></div> <!----></div></div></div> <div class="pagination" data-v-7d2bb426><span class="card-box prev iconfont icon-jiantou-zuo disabled"><p>上一页</p></span> <div class="pagination-list"><span class="card-box active">1</span><span class="card-box">2</span></div> <span class="card-box next iconfont icon-jiantou-you"><p>下一页</p></span></div> <div class="theme-vdoing-content custom card-box content__default" data-v-7d2bb426></div></div> <div class="main-right"><aside class="blogger-wrapper card-box" data-v-7d2bb426><div class="avatar"><img src="https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200103123203.jpg" alt="头像" title="我好看吗"></div> <div class="icons"><a href="mailto:894072666@qq.com" title="发邮件" target="_blank" class="iconfont icon-youjian" style="width:33.333333333333336%;"></a><a href="https://github.com/xugaoyi" title="GitHub" target="_blank" class="iconfont icon-github" style="width:33.333333333333336%;"></a><a href="https://music.163.com/#/playlist?id=755597173" title="听音乐" target="_blank" class="iconfont icon-erji" style="width:33.333333333333336%;"></a></div> <div class="blogger"><span class="name">Evan Xu</span> <span class="slogan">前端界的小学生</span></div></aside> <div class="categories-wrapper card-box" data-v-7d2bb426><a href="./categories/" title="全部分类" class="title iconfont icon-wenjianjia">文章分类</a> <div class="categories"><a href="./categories/?category=%E9%9A%8F%E7%AC%94">
随笔
<span>3</span></a><a href="./categories/?category=%E5%89%8D%E7%AB%AF">
前端
<span>15</span></a><a href="./categories/?category=JavaScript%E6%96%87%E7%AB%A0">
JavaScript文章
<span>12</span></a><a href="./categories/?category=%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0">
学习笔记
<span>3</span></a><a href="./categories/?category=%E4%B8%89%E7%BA%A7%E7%9B%AE%E5%BD%95">
三级目录
<span>1</span></a><a href="./categories/?category=%E7%AC%94%E8%AE%B0">
笔记
<span>1</span></a> <!----></div></div> <div class="tags-wrapper card-box" data-v-7d2bb426><a href="./tags/" title="全部标签" class="title iconfont icon-biaoqian1">热门标签</a> <div class="tags"><a href="./tags/?tag=JavaScript" style="background:#E15B64;--random-color:#E15B64;">JavaScript</a> <span></span><a href="./tags/?tag=%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F" style="background:#11a8cd;--random-color:#11a8cd;">设计模式</a> <span></span><a href="./tags/?tag=TypeScript" style="background:#F8B26A;--random-color:#F8B26A;">TypeScript</a> <span></span><a href="./tags/?tag=%E9%B8%A1%E6%B1%A4" style="background:#11a8cd;--random-color:#11a8cd;">鸡汤</a> <span></span><a href="./tags/?tag=%E7%AC%94%E8%AE%B0" style="background:#11a8cd;--random-color:#11a8cd;">笔记</a> <span></span><a href="./tags/?tag=%E7%BA%A2%E5%AE%9D%E4%B9%A6" style="background:#E15B64;--random-color:#E15B64;">红宝书</a> <span></span><a href="./tags/?tag=%E5%AD%A6%E4%B9%A0" style="background:#F8B26A;--random-color:#F8B26A;">学习</a> <span></span><a href="./tags/?tag=%E7%9F%A5%E8%AF%86" style="background:#E15B64;--random-color:#E15B64;">知识</a> <span></span><a href="./tags/?tag=%E5%B0%8F%E7%A8%8B%E5%BA%8F" style="background:#849B87;--random-color:#849B87;">小程序</a> <span></span> <!----></div></div> <div class="custom-html-box card-box" data-v-7d2bb426><div style="padding: 0.95rem">
<p style="
color: var(--textColor);
opacity: 0.9;
font-size: 20px;
font-weight: bold;
margin: 0 0 8px 0;
">公众号</p>
<img src="https://open.weixin.qq.com/qr/code?username=gh_0cf4b813918c" style="width:100%;" />
关注公众号,回复[<b>前端资源</b>],可获取 <a href="https://game.xugaoyi.com" arget="_blank" >前端学习资源<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>
</p>
</div></div></div></div></div> <div class="footer"><div class="icons"><a href="mailto:894072666@qq.com" title="发邮件" target="_blank" class="iconfont icon-youjian"></a><a href="https://github.com/xugaoyi" title="GitHub" target="_blank" class="iconfont icon-github"></a><a href="https://music.163.com/#/playlist?id=755597173" title="听音乐" target="_blank" class="iconfont icon-erji"></a></div>
Theme by
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
| Copyright © 2019-2024
<span>Evan Xu | <a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/LICENSE" target="_blank">MIT License</a></span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
跟随系统
</li><li class="iconfont icon-rijianmoshi">
浅色模式
</li><li class="iconfont icon-yejianmoshi">
深色模式
</li><li class="iconfont icon-yuedu">
阅读模式
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"><div></div></div></div>
<script src="./assets/js/app.15cceafc.js" defer></script><script src="./assets/js/2.88f425a4.js" defer></script><script src="./assets/js/37.49dd6dbb.js" defer></script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。