Hello-World
这是哪里 这里是小康博客Hexo版，此站将会替代曾经的博客。 搬迁缘由 首先要说明的就是我还是一个学生，目前所使用的服务器均是阿里学生机，这意味着24岁时就要享受不打折服务了。🤮 然而对于我这个没有收入的人来说，这简直时天文数字。 一开始也打算换成国外的服务器，但是每年也是100-300的支出，服务器在国外就意味着在国内要做一些优化，不然我这个“处女座心里”怎么能忍受的了。 经过再三考虑决定使用hexo+github搭建一个免费的博客，甚至域名都打算用GitHub免费的。但是速度吧。。。大家都懂得，我就不多说了。一开始觉得还可以，大概是缓存原因，于是写了几篇文章，突然发现一个问题：我的电脑不在身边怎么办。这样我就没法写文章了；或者长时间在外边，没有带电脑。后来一直没有找到一个好的解决办法，这个计划也就这么不了了之了。 知道昨天，发现了coding这个平台可以跟腾讯cloud studio配合使用。哇，我仿佛发现了一个新天地，我可以将代码传到coding，再用腾讯的studio实现云环境编写，就这样经过一晚上的试验终于成功了！ 😄 。 地址说明 本博客采用的地址是不加www的 ...
Hexo博客之butterfly主题优雅魔改系列（持续更新）
butterfly背景修改，透明度修改，卡片分类折叠等Hexo主题魔改。
Speak开坑记录
项目说明 一个基于Gitee的“说说”，通过在gitee仓库中的issue进行说说的展示。项目灵感来自于：微博 开坑记录 项目最早写于2020年8月9日，但当时的做法是通过外部载入各种依赖（JQuery、marked等）进行的，虽然中间还有一次试图将其并入js内部，但采用的方式仅仅是通过jQuery的getScript方式，由于同时间所用Hexo博客主题作者更新了pjax，导致出现了一些出人意料地错误。直到9月20日，最终决定通过webpack打包，将其放在一起并放弃jQuery（为了减少体积）。 基本架构 为了方便使用，采用了类似jQuery的写法。 1234567891011121314151617181920212223242526272829303132333435363738// 导入代码高亮模块const hljs = require("./js/highlight.min");// // 导入marked解析模块const marked = require("./js/marked.min");(function (wi ...
JavaScript开发中的常用代码参考
前言 此文记录项目开发中的通用代码块及编码方法的总结。 一个最简单的服务器框架（NodeJS） 12345678910111213141516// 导入模块 （yarn add express 或 npm i express 安装）const express = require("express");// 实例化对象const app = express();// 定义端口号const port = 3000;// 设置路由/** * 当访问根路径时返回Hello World */app.get("/", (req, res) => res.send("Hello World!"));// 监听端口app.listen(port, () => console.log(`Server running at http://127.0.0.1:${port}`)); 当服务器创建完成后，通过node server.js进行启动服务器。 静态目录 所谓静态目录就是暴露出一个静态目录，常用于静 ...
通过JSONP实现跨域访问
跨域访问 说到跨域访问就要谈到浏览器的同源策略，所谓同源指的就是协议相同、域名相同、端口号相同，三个条件必须全部匹配，否则就会收到限制，例如： Cookie、LocalStorage 和 IndexDB 无法读取 DOM 无法获得 AJAX 请求不能发送 而互联网默认原则就是同源策略，也就是说不允许跨域访问。 常见的跨域可以通过标签元素实现，例如link、script、img、iframe等标签。 1234567891011121314151617<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src=" ...
原生JS实现一个Ajax跨域请求
什么Ajax 在现实Ajax之前，我们需要了解下什么Ajax？ Asynchronous JavaScript + XML（异步 JavaScript 和 XML）, 其本身不是一种新技术，而是一个在 2005 年被 Jesse James Garrett 提出的新术语，用来描述一种使用现有技术集合的‘新’方法。 当使用结合了这些技术的 AJAX 模型以后， 网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。这使得程序能够更快地回应用户的操作。 异步交互 接下来便要弄清楚什么是异步交互。 所谓异步交互，就是指指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。 举个简单的例子就是当点击某个按钮后，程序会去请求一些数据，而这个过程整个页面是不会刷新的。如下图所示，异步获取一言并且显示在页面中 快速开始 一：核心对象 关于核心对象：https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest 核心对象是实现Aja ...
三、基于promise封装属于自己的Ajax库
模拟axios利用promise封装一个自己的Ajax库。 一、基础框架 封装Ajax库之前，我们要将其框架结构写出来。 我们通过一个匿名函数，将我们的核心函数暴露给全局。 对这个核心函数进行方法（get、post等）的添加。 1234567891011121314151617181920212223242526272829303132(function anonymous(window) { //默认配置项 let _default = { // 请求方式 method: "GET", // URL url: "", // URL基 baseURL: "", // 请求头 headers: {}, // 设置返回格式 dataType: "JSON", // POST请求的数据 data ...
二、fetch中的基础语法
参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch fetch概念 fetch不是Ajax，它诞生的目的是为了代替Ajax，它是js中内置的API。 基于fetch可以实现客户端和服务端的信息通信 由于fetch是2018年提出，因此存在浏览器兼容问题。 12345fetch('https://v1.hitokoto.cn', { method: 'GET',}).then(result => { console.log(result);}) 12345678910fetch('https://v1.hitokoto.cn', { method: 'POST', body: 'c=b', headers: { ' ...
一、Axios基础
参考文档：http://www.axios-js.com/zh-cn/docs/ axios库基本概念 它是一个类库，基于promise管理的Ajax库 关于get、post方法的参数 url 第一个参数，请求的url地址 options 对象。 get方法 123456789axios.get('https://v1.hitokoto.cn/', { params: { c: "b" }}).then(function (res) { console.log(res);}).catch(function (err) { console.log(err);}) get请求会把params中的键值对拼接成urlencode格式的字符串，然后以问号传递参数的形式，传递给服务器。 post方法 post方法与get稍有些不同，其第二个参数直接传入对象即代表请求数据。 1234567axios.post( ...