你真是一个美好的人类

构建工具Parcel地址：https://parceljs.org Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。 Critters地址：https://github.com/GoogleChromeLabs/critters 一款webpack的插件，它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载，由于它不使用无头浏览器(headless browser)呈现内容，因此快速轻巧。 sucrase地址：https://sucrase.io/ 如果你用typscript构建React项目，sucrase将是一个不错的选择，它的编译速度将是Babel的20倍。sucrase——一款ES6+编译器，重点关注非标准语言，例如Typescript，JSX和Flow。 Webpack Config Tool地址：https://createapp.dev/ 一款可视化的在线工具网站，你只需要选择前端项目运用到技术和相关配置，就能一键帮你生成 ...

前言hexo博客目前最常用的加速方案应该就是使用 jsdelivr + github 的方式了，免费还好用，我的博客的图片也基本上是使用了这种方式 。 关于如何使用 jsdelivr 来加速 hexo 博客我已经不想再赘述了。 如果你对此不太了解，你可以参考：优雅使用jsdeliver加速文件 缓存问题因为CSS样式，随着博客的更新，可能经常调整，所以我需要经常改动和发布后实时预览线上环境是否和我测试环境一致，所以我会选择 完全忽略该版本或使用“最新”加载最新版本 这样的方式 https://cdn.jsdelivr.net/gh/jquery/jquery@latest/dist/jquery.min.jshttps://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js 我在尝试使用 jsdelivr 来加速我博客引入的自定义的 CSS 文件时，遇到了这样的问题： 第一次上传可以正常引 ...

在做前端开发的时候，有时候需要简单模拟后台接口，处理数据，这时候我们就可以自己搭建一个简单的express服务器，只需要一分钟就可以迅速完成。 这里记录一下代码，留作备忘。 新建文件夹 serve 新建文件 index.js 编辑代码 let express = require('express')let app = express()app.all("*",function(req,res,next){ //设置允许跨域的域名，*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的header类型 res.header("Access-Control-Allow-Headers","content-type"); //跨域允许的请求方式 res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS"); if (req.method.toLowerCase() == 'options') r ...

前言平时我也会用到很多网站，但是零零散散的很不方便，每次都要到处找，虽然也有很多导航类的网站，比如小康导航，但是感觉部署麻烦，而且通常需要跳转到博客的站外，就想着直接在博客内置一个收藏页呗，用来收藏一些平时经常用到的网站。 你可以直接点击 我的收藏 前往我的收藏页查看效果。 新建收藏页1.前往你的 Hexo 博客的根目录 2.输入hexo new page stars 3.你会找到 source/stars/index.md 这个文件 4.修改这个文件： ---title: 我的收藏date: 2020-07-05 00:00:00--- 然后你需要在 _data/butterfly.yml 或者对应的主题配置文件中 修改 menu 或对应 菜单/页面/导航 的相关设置: menu: 收藏网址: /stars/ || fas fa-star 添加样式你可以单独写一份CSS样式，然后在页面中使用link 标签引入，也可以和我一样直接把样式写在这个 index.md 文件中。以下是我所使用的样式参考： <style>.links-content { margin ...

单向链表简介链表和数组一样，可以用于存储一系列的元素，但是链表和数组的实现机制完全不同。链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用（有的语言称为指针或连接）组成。类似于火车头，一节车厢载着乘客（数据），通过节点连接另一节车厢。 head属性指向链表的第一个节点； 链表中的最后一个节点指向null； 当链表中一个节点也没有的时候，head直接指向null； 数组存在的缺点 数组的创建通常需要申请一段连续的内存空间（一整块内存），并且大小是固定的。所以当原数组不能满足容量需求时，需要扩容（一般情况下是申请一个更大的数组，比如2倍，然后将原数组中的元素复制过去）。 在数组的开头或中间位置插入数据的成本很高，需要进行大量元素的位移。 链表的优势 链表中的元素在内存中不必是连续的空间，可以充分利用计算机的内存，实现灵活的内存动态管理。 链表不必在创建时就确定大小，并且大小可以无限地延伸下去。 链表在插入和删除数据时，时间复杂度可以达到O(1)，相对数组效率高很多。 链表的缺点： 链表访问任何一个位置的元素时，都需要从头开始访问（无法跳过第一个元素访问任何一个 ...

队列简介队列是是一种受限的线性表，特点为先进先出（FIFO：first in first out）。 受限之处在于它只允许在表的前端（front）进行删除操作； 在表的后端（rear）进行插入操作； 相当于排队买票，先来的先买票，后来的后买票。 队列的应用： 打印队列：计算机打印多个文件的时候，需要排队打印； 线程队列：当开启多线程时，当新开启的线程所需的资源不足时就先放入线程队列，等待CPU处理； 队列类的实现： 队列的实现和栈一样，有两种方案： 基于数组实现； 基于链表实现； 队列的常见操作： enqueue(element)：向队列尾部添加一个（或多个）新的项。 dequeue()：移除队列的第一（即排在队列最前面的）项，并返回被移除的元素。 front()：返回队列中第一个元素——最先被添加，也将是最先被移除的元素。队列不做任何变动（不移除元素，只返回元素信息——与Stack类的peek方法非常类似）。 isEmpty()：如果队列中不包含任何元素，返回true，否则返回false。 size()：返回队列包含的元素个数，与数组的length属性类似。 封 ...

数组 我们知道数组是一种线性结构, 并且可以在数组的任意位置插入和删除数据. 但是有时候, 我们为了实现某些功能, 必须对这种任意性加以限制. 而栈和队列就是比较常见的受限的线性结构. 栈（stack） 它是一种运算受限的线性表,后进先出(LIFO) LIFO(Last In First Out)表示就是后进入的元素, 第一个弹出栈空间. 类似于自动餐托盘, 最后放上的托盘, 往往先把拿出去使用. 其限制是仅允许在表的一端进行插入和删除运算。这一端被称为栈顶，相对地，把另一端称为栈底。 向一个栈插入新元素又称作进栈、入栈或压栈，它是把新元素放到栈顶元素的上面，使之成为新的栈顶元素； 从一个栈删除元素又称作出栈或退栈，它是把栈顶元素删除掉，使其相邻的元素成为新的栈顶元素。 生活中的栈结构： 自助餐的托盘, 最新放上去的, 最先被客人拿走使用. 装羽毛球，乒乓球的球筒 程序中的栈结构 函数调用栈：A（B（C（D（））））：即A函数中调用B，B调用C，C调用D；在A执行的过程中会将A压入栈，随后B执行时B也被压入栈，函数C和D执行时也会被压入栈。所以当前栈的顺序为：A->B-&g ...

数组的基本使用为什么使用数组? 假如有这样一个需求：保存自己多个朋友的名字。可以这么做： // 保存班级中所有学生的名字var name1 = "Tom"var name2 = "Lily"var name3 = "Lucy"var name4 = "Lilei"var name5 = "Coderwhy" 这不是一个好的解决方案 因为假如班级有100个学生, 那么我们就需要有100个变量. 100个变量的是非常不方便管理的, 而且当我们需要找到某一个学生时, 从100个变量中去搜索也是一个问题. 很明显, 这种情况下, 我们通常会使用数组来解决: // 使用数组来保存学生名字var names = ["Tom", "Lily", "Lucy", "Lilei", "Coderwhy"] 创建和初始化数组 用JavaScript声明、创建和初始化数组很简单，就像下面这样： // 创建和初始化数组var daysOfWeek = new Array()var daysOfWeek = new Array(7)var daysOfWeek = new Array('Sunda ...

git 与 svn 的区别在哪里？ git 和 svn 最大的区别在于 git 是分布式的，而 svn 是集中式的。因此我们不能再离线的情况下使用 svn。如果服务器出现问题，我们就没有办法使用 svn 来提交我们的代码。svn 中的分支是整个版本库的复制的一份完整目录，而 git 的分支是指针指向某次提交，因此 git 的分支创建更加开销更小并且分支上的变化不会影响到其他人。svn 的分支变化会影响到所有的人。svn 的指令相对于 git 来说要简单一些，比 git 更容易上手。 详细资料可以参考： 《常见工作流比较》 《对比 Git 与 SVN，这篇讲的很易懂》 《GIT 与 SVN 世纪大战》 《Git 学习小记之分支原理》 经常使用的 git 命令？ git init // 新建 git 代码库git add // 添加指定文件到暂存区git rm // 删除工作区 ...

1. DOCTYPE 的作用是什么？ 相关知识点： IE5.5 引入了文档模式的概念，而这个概念是通过使用文档类型（DOCTYPE）切换实现的。<!DOCTYPE>声明位于 HTML 文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。 回答（参考1-5）： <!DOCTYPE> 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则都是按照最新的标准进行解析的。而在兼容模式下，浏览器会以向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问。在 html5 之后不再需要指定 DTD 文档，因为 html5 以前的 html 文档都是基于 SGML 的，所以需要通过指定 DTD 来定义文档中允许的属性以及一些规则。而 html5 不再基于 SGML 了，所以不再需要使用 DTD。 2. 标准模式与兼容模 ...