Borderick-CSDN博客

原创 MySQL: 数据库安装和配置

1. start运行 MySQL 数据库安装程序 setup.exe 。2. Welcome to the Setup Wizard for MySQL Server xxx欢迎使用 MySQL 服务安装向导The Setup Wizard will install MySQL Server xxx on your computer. To continue, click Next.安装向导将在您的计算机上安装 MySQL 服务 xxx 版本，若要继续，请单击 Next 。warnin

2020-09-20 11:20:52 2183 1

原创 Egg.js: 配置跨域请求插件 egg-cors

1. 安装 egg-cors首先，我们需要下载 egg-cors 插件。打开终端，执行下面代码npm install egg-cors --saveinstall 可以简写为 i ，--save 是将插件保存到本地依赖。执行完毕后，如果没有 ERR ，就下载成功了。如果出现错误信息，需要重新下载一次。2. 开启插件找到我们项目目录下的 config / plugin.js 文件，打开它。在 module.exports 的对象中，追加以下内容cors: { enable: true, p

2020-09-02 01:33:36 2598

原创 Node.js: 原生 Node.js 解析 URL 参数

服务器代码如下const http = require("http");const server = http.createServer(); // 初始化服务器server.on("request", (req, res) => { let querystring = req.url.split("?")[1]; // 截取 URL 参数部分 let queryObj = {}; if (querystring) { let arr = queryst

2020-08-31 21:43:23 713

原创 Node.js: JSONP 跨域请求

同源指的是，域名，协议和端口相同。同源策略是基于安全考虑，当前域不能访问其他域的东西。img 元素的 src 属性，link 元素的 href 属性，script 元素的 src 属性都不符合同源策略，它们可以跨域获取数据。JSONP(JSON with padding) 实现跨域请求就是利用 script 元素的 src 属性不受同源策略约束。首先，我们创建一个简易的服务器用于处理请求const http = require("http");let server = http.createSe

2020-08-30 18:01:14 1263

原创 Node.js: 原生的 ajax 请求

1. 创建一个简易的 Node.js 服务器先创建一个简易的服务器，用于处理请求const http = require("http");

2020-08-30 12:01:48 1452 1

原创 Git: 版本控制，git 工具的基本使用

1. 初始化仓库首先，我们假设一个文件夹是我们的项目文件夹。在初始化之前，我们用一个图来表示它。在项目文件夹中右键选择 git bash here ,打开 git 命令窗口。请务必保证窗口是在项目文件夹中打开的。然后执行 git init 进行初始化。初始化完成后，文件夹中会产生一个隐藏文件夹 .git (需要显示隐藏文件夹才能看到) ，这就是我们创建的仓库。这个仓库就是用来存放我们备份的文件。仓库建好后，我们的项目文件夹，结构是这样的。主线就是相当于仓库的库房，管理项目的人每人一把钥匙。

2020-08-27 20:22:19 551

原创 MySQL: 彻底删除数据库

如果数据库删除不彻底，将导致下次安装数据库出现不可预知的错误。当然，如果你决定脱离苦海，愿你的前途一片光明。话不多说，正片开始。1. 在控制面板中卸载右击此电脑，选择属性。在顶部选择控制面板。选择卸载程序。找到 MySQL 相关项，右击选择卸载。2. 删除安装目录下的相关文件默认在 c 盘下C:\Program Files\MySQLC:\ProgramData\MySQL如果你安装在其他位置，那么直接去安装目录下删除相关的文件即可。3. 清除注册表

2020-08-26 13:31:52 2587

原创 JS: 位运算

参考文章地址在开始之前，我们先来看一段话，请牢记这句话按照 ECMAScript 标准，两个需要运算的值会被先转为有符号的 32 位整型，所以超过 32 位的整数会被截断，而小数部分则会被直接舍弃。使用左移运算符 << 迅速得出 2 的次方顾名思义，左移运算，就是将每一位的数字都向左移动一位。我们以数字 10 为例如上图，当我们对数字 10 进行左移的时候，它会先被转化为 32 位的二进制数。最高一位为符号位，也就是代表着正负号(0代表正数，1 代表负数)，剩下 31 位则表示数

2020-08-26 01:31:19 903

原创 JS: caller、callee 和 this

caller函数的 caller 属性返回调用当前函数的函数function fun1() { console.log(fun1.caller);}function fun2() { fun1();}fun2();在上面的代码中，函数 fun1 是在函数 fun2 执行时被调用，所以 fun1.caller 是 fun2 。函数的 caller 属性只有在函数被调用的时候才有用。function fun1() { console.log("hello world");}c

2020-08-17 16:28:38 674

原创 JS: 一行代码生成随机颜色

方法一function randomColor() { return "#" + Math.random().toString(16).slice(-6);}这种方法比较常见，将随机数转化为 16 进制的字符串，然后截取后 6 位。利用这一原理，还可以将 slice 方法换为 substr 方法，如下function randomColor() { return "#" + Math.random().toString(16).substr(-6);}方法二function rand

2020-08-17 08:20:19 619

原创 JS: document.all以及虚值(falsy值)的认识

document.all获取元素(不建议使用)Document接口的只读属性all返回一个HTMLCollection对象，包含文档的所有元素(从HTML标签开始)，可以按顺序(数组下标)和id(对象属性)访问。HTMLCollection对象是动态的，如果基本的文档改变，将改变所有基于文档的HTMLCollection对象。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /&g

2020-08-12 21:16:22 973

原创 JS: 通过.from()、.flat()、.sort()和Set对象实现数组的扁平化去重与排序

Array.prototype.from()格式如下 Array.from(obj, mapFn, thisArg);此方法用于通过拥有length属性的类数组对象或可迭代的对象来返回一个数组。第一个参数obj传入要转换为数组的对象，此参数为必须参数，没有传入会报错。我们传入一个类数组对象来举例 let obj = { "0": "Jethro", "1": 18, "2": "man", length: 3, } let res = Array.from(); co

2020-07-21 20:30:49 1122 2

原创 HTML: 元素间默认存在间距的问题

1.问题描述我们先来看一段代码 * { padding: 0; margin: 0; } .mySpan1 { background-color: red; } .mySpan2 { background-color: green; } <div> <span class="mySpan1">我是span1</span> <span class="mySpan2">我是span2</span> </

2020-07-20 00:16:42 2418

原创 JS: 数值方法的特殊调用方式以及函数的形参个数

数组表达式运算练习题 let res = [1, 2, 3, 4, 5][0..toString.length]; console.log(res);看看结果：前面的[1, 2, 3, 4, 5]是一个普通的数组，数组后面紧跟的[ ]就只能是数组的下标了。那么这个下标的意思是什么呢？我们先看0..toString，后面的.toString是方法，是0.的方法，0.相当于数值，所以数字访问toString()方法有2种方式： 123..toString(); 123['toString']

2020-07-17 13:21:13 850

原创 JS: input 元素 input.value 与 setAttribute() 的区别

先写一个带有value的input元素<input id="myinput" type="text" value="小明">我们先打印一下它： let myInput = document.getElementById("myinput"); console.log(myInput);看看结果输入框里面文本就是value的值小明现在我们去掉它的value属性，用javascript为他添加value： <input id="myinput" type="text"&

2020-07-15 23:37:07 2545 3

原创 CSS: background:window 与 color: WindowText

/* 让背景颜色与系统主题一致 */ background:window; /* 文字颜色与系统的文字颜色一致 */ color: WindowText; /* 边框的颜色与系统的文字颜色一致 */ border: 1px solid WindowText;当系统颜色发生改变的时候，样式就会发生对应的改变。类似于微信的效果，正常情况下，微信是系统的白色，文字也是和系统的文字一样为黑色。但是当我们把手机系统调成深色模式的时候：...

2020-07-15 22:42:53 2926

JethroLiu的博客