Silent_crab的博客

原创 《深入浅出node.js》阅读笔记（四）内存控制

原创 《深入浅出node.js》阅读笔记(二）（三） 异步I/O 、异步编程

原创 《深入浅出node.js》阅读笔记（一）Node.js简介与模块机制

原创 sass（二）复习总结：静默注释、混合器、继承

原创 sass学习（一）复习总结：使用变量、嵌套规则、导入

官方文档地址： https://www.sass.hk/guide/发现很多公司要求掌握sass或scss，那就学习一下吧

原创 记录一下OD机试的题

做题之前HR让我刷牛客上的题，我没有刷到类似的。记录一下今天做的题。1、判断有几个正方形。第一行给你一个数字，意思是将会有几个坐标，接下去的几行接收坐标。根据接收到的坐标，输出这些坐标可以构成几个正方形。一开始我没看提示，向量垂直判断正方形，数学差，想了很久，后来看到的时候都没时间了。2、最少交换几次。第一行给出一串数字，用空格分开，第二行给出1个数字k，要求是我想要一个新的字符串，让所有比k小的连接在一起，需要移动几次。3、是个无向图最短路径问题。每一行给你三个数 起点 终点 消耗，最后一行是起点和

原创 CSS复习高级部分（三）web字体、2D转换transfroms、3D转换

![一、 WEB字体1、不同的字体格式2、使用需要字体，与平时见到的CSS用法不同，这里用@font-face{font-family:’’src:’’}3、CSS字体的相关属性必须：font-family src可选： font-stretch font-style font-weight unicode-range二、transformstransforms这个新特性，有一个特点，在移动元素的同时，却不会引起浏览器的重排，GPU会为其开启一个新的复合图层，不会影响默认复合图层（

原创 CSS复习高级部分（二）渐变 阴影 文本效果

一、渐变1、线性渐变background: linear-gradient(direction, color-stop1, color-stop2, …);linear线性除了用于普通的渐变效果，还可以用于画一条0.5px的线background-image: linear-gradient(0deg, #f00 50%, transparent 50%);让1px的线一半有颜色，一半是透明，就是0.5px了2、径向渐变background-image: radial-gradient(s.

原创 CSS复习高级部分（一）圆角、边框图像、多重背景

其实CSS的一共总结了那么多，一直懒得发出来，今天把学完的发出来，顺便复习一下CSS。一、圆角CSS的圆角还常用于绘制圆形，可以用 border-radius:50%二、边框图像source slice width outset repeat 其实不止是边框背景图像，其它元素也有差不多的属性。三、多重背景1、多重背景的概念2、多重背景的相关属性backgroud-size|origin|clipsize，尺寸，contain：有包含的意思，背景图是能完全看到的；cover：覆盖cli

原创 记录一下今天犯的一个低级错误Uncaught (in promise) ReferenceError: err is not defined

用vue做项目，用AXIOS获取数据，然后对数据进行筛选，代码如下然后就开始报错了百思不得其解，搞了半天，结果发现是因为我给变量collections定义是const，但是后来却改变了，居然会犯这么低级的错误，真是太弱智了，修改过后就没有报错了控制台正常输出结果...

原创 令人崩溃的mysql 1045错误

记录一下自己的错误。教程链接跟着上面的链接安装配置MYSQL，到了得到了密码这一步就卡住了，一直报错。之后让我输入密码，然后就开始了噩梦这个密码真的有问题啊，从图片上看怎么都是1T%Ty(enn5(4但是我复制下来就是lT%Ty(enn5(4，然后我从1到I到L 大写小写都试了好几遍，确定了不是自己的问题，然后在网上找教程，比如在my.ini里放个代码skip_grant_tables然后跳过什么的，但是一直没成功，不是1045错误就是2003错误，最后就决定重新来过。net start

原创 mysql数据库初始化报错 No such file or directory)

学完了前端的基础知识，准备做一个项目，可以准备面试。初始化mysql数据库就遇到了问题。mysqld: Can’t create directory ‘D:\mysql-8.0.26-winx64\mysql-8.0.26-winx64\data’ (OS errno 2 - No such file or directory)我是照着网上的教程一步一步做的，后来网上搜了一些资料，也知道了自己的问题在哪里。my.ini的配置内容我是完全复制别人，导致了错误[mysqld]# 设置3306端口p

原创 前端手写代码练习

1、手写数组的乱序输出 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] for (let i = 0; i < arr.length; i++) { const randIndex = Math.floor(Math.random() * (arr.length - i - 1)) + i; let temp = arr[i] arr[i] = arr[randIndex];

原创 05代码输出结果-函数声明可以提升，函数表达式不提升

今天看到代码function fn1() { console.log('fn1') } var fn2 fn1() fn2() fn2 = function() { console.log('fn2') } fn2() // 会报错 因为fn2并没有提升输出结果：给出的理由很简单，说是因为第一个fn2()，这时fn2仍

原创 04代码输出结果-关于箭头函数与普通函数的this指向问题

箭头函数不绑定this，它的this来源其父所处的上下文。通过代码来验证一下。let obj1 = { name: 'a', fun1: () => { name: 'b' console.log(this, this.name) } }obj1.fun1()输出结果：window ‘’箭头函数fun1()的父级是obj1，obj

原创 03代码输出结果-关于promise.race

Promise.all和Promise.race是一对经常放在一起的方法。Promise.all，接受一个数组作为参数，当参数中所有promise抖完成，该promise完成，返回值是全部值的数据。其实很好理解，实验一下也很容易就成功了。但是对于promise.race。我一开始的理解也是很浅显的，race，赛跑，race中接受的也是参数，但是当跑得最快的那个结束了，整个就结束了。但其实并不是这样。 function runAsync(x) { const p = new Pro

原创 02代码输出结果-异步promise-finally

<script> Promise.resolve('1') .then(res => { console.log(res) }) .finally(() => { console.log('finally') }) Promise.resolve('2') .fi...

原创 01代码输出结果异步

<script> const promise1 = new Promise((resolve, reject) => { console.log(1); console.log(2) }) promise1.then(() => { console.log(3) }) console.log(4) </script&g.

原创 CSS复习中级部分（五） 单位与特异性

单位与特异性也算是CSS 面试中比较常见的点了特异性可以用于样式选择的优先级，不要总是简单地说 行内>id>类，需要说得更详细一些其实还有一个important，是优先级最高的，∞大，但是如果是继承者，父亲有important，但是对于子类来说，继承的来的是优先级最低的。需要注意。...

原创 CSS复习中级部分（四）图片库、图像精灵、计数器、网站布局

图片库 图像精灵：相当于自己创建了一个页面中的组件，设置组件的样式计数器： CSS有自己的计数器。其实可以用vue或JS很多方式实现，感觉没有什么大用，了解一下即可网站布局： 布局尽量用HTML语义化标签 header,footer,section 等...

原创 CSS复习中级部分（三）对齐 导航栏 下拉菜单

中级教程（三）分为三个部分对齐、导航栏、下拉菜单其实基本都是学习过的内容，实际上是对各个学习过的知识点的综合应用。包括普通的形状、颜色样式，以及点击效果，悬停效果用到的伪类位置用到了float position等，同样是面试中常考的点...

原创 创建Vue脚手架报错command failed: npm install --loglevel error

创建了一天用了好几种方法都没有成功，重装了好几遍，最后在网上看到一个方法，终于成功了去C:\Users\你的用户名下面，把这个文件删了，居然就成功创建了

原创 CSS复习中级部分（二）溢出overflow、浮动float以及清除浮动的方法、display等

一、overflow属性及它可能出现的值，内容溢出元素框时的做法二、浮动foat属性及它的值三、清除浮动 一般来说，可以 clear:both，或是设置clearfix类四、布局display的值

原创 CSS复习中级部分（一）布局：display,position,z-indenx,clip剪裁

中级教程，开始学习布局一、display的作用和值有哪些二、width好max-width的用法三、用position定位，这也是面试中高频出现的知识点，static（默认），relative，absolute，fixed，sticky（粘性，较少出现）四、z-index当出现重叠时元素的出现位置五、clip 剪裁...

原创 CSS复习基础部分（五）字体

原创 CSS复习基础部分（四）盒模型、轮廓outline-style、文本

原创 CSS复习基础部分（三）边框、内外边距、宽度、高度等

原创 CSS复习基础部分（二）引入、颜色、背景、注释

一、使用三种使用方法二、注释*开头*/结尾三、颜色 直接输入颜色 rgb与rgba模式 hsl与hsla模式四、背景backgroud-*

原创 CSS复习基础部分（一）语法、选择器

这一部分主要对 CSS概念、CSS语法，以及CSS选择器进行了复习。比较难的是CSS选择器，内容很多。在这上面花费了较多时间。太多了，记不清楚。而且很多是很相似的。例如：first-child 和:first-of-type ;属性选择器中的|=和^=，需要注意区别。CSS选择器有如下几种分类1、简单选择器2、组合选择器3、伪类选择器4、伪元素选择器5、属性选择器其中伪类和伪元素很相似，伪类有一个冒号，伪元素有两个冒号。after，before比较特殊，可以一个冒号，也可以有两个冒号，它们本

原创 HTML复习（六）HTML5新标签

一、HTML新元素二、HTML5与HTML不同之处，包括新特性和被删部分三、HTML5 API包括地理信息、拖放、本地存储、应用缓存等

原创 HTML复习（五）

一、表单的补充二、多媒体元素的插入包括了视频、音频等主要元素有object embed audio video等嵌套使用，audio和video的属性要记一下

原创 HTML复习（四）表单

表单部分知识点很多，也有很多新的标签和属性。我是在W3C上复习的，发现很多地方其实是一笔带过，讲得不是很清楚，还是要多查资料，才能清楚。思维导图并没有写出所有的标签和属性，只写了大部分用得比较多的。...

原创 HTML基础复习（三）

一、HTML基础部分复习，URL 框架 背景 编码等二、HTML基础部分。XTHML部分

原创 html5标签复习（二）

一、图像、表格、列表二、主要是头部和全局属性，头部中的meta一开始不是很理解，复习了比较酒

原创 复习html（一）

在学习js的时候，回过头看html发现忘得差不多了，要再复习巩固一下HTML和CSS常用的标签要记熟

原创 DOM创建表格

HTML DOM 给 <table> <tbody> <tr>元素添加了一些属性和方法。也就是<table> <tbody> <tr>，你是要用appendChild创建的，其它增删改查，可以用这些方法。table:tbody:tr现在准备利用上面的方法创建一个这样的表格newTable.createCaption().appendChild(document.createTextNode("Caption"));

原创 JavaScript高级程序成绩（第四版）笔记 DOM-ELement元素，查询设置属性与创建元素

思维导图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1 id="idh" style="color:red">dd</h1><div id="div1" style="myStyle" title="a

原创 JavaScript高级程序成绩（第四版）笔记 DOM-Document类型定位元素 文档写入

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="id1"> <h1 id="id4">123</h1> <script type="text/jav.

原创 JavaScript高级程序成绩（第四版）笔记 DOM-Document类型（一）

建立两个文档Document类型是js中表示文档结点的类型。document是HTMLDocument的实例顺便复习一下Object.getPrototypeOf，这个方法可以找到当前实例的原型console.log(Object.getPrototypeOf(document));控制台结果Document类型的特征：nodeType 9nodeName #“document”nodeValue nullparentNode nullownerDocument null子

原创 JavaScript高级程序设计（第四版）笔记 Node类型的各种方法

思维导图先创建两个文档html文档中的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Dom学习</title></head><body><h1 id="h11">abcd</h1><div id="Div1"> <h1>这是一个d