- 博客(91)
- 收藏
- 关注
原创 大白话通俗易懂地手写 Promise
手写 promise 大白话,那些在 then 自身中调用的参数函数已经处理好了,第二个 promise 的 resolve 很容易拿到它们的返回值,但那些被加入到数组中在第一个 promise 的 resolve 中执行的参数函数的返回值怎么办?我们知道执行 resolve 后就会执行 then 中的第一个参数函数,所以 then 中的参数函数调用肯定是在 resolve 函数的函数体中,这样才能做到 resolve 函数执行,然后 then 的参数函数跟着执行。现在假如 then 函数本身在宏任务中呢?
2023-03-25 05:39:06
286
原创 .vscode 文件夹是什么,里面有什么?
生成 setting.json 文件后,在可视化的工作区设置界面,修改的设置都会自动添加到 setting.json 文件中。众所周知,vscode 的配置分两类,一是全局的用户配置,二是当前工作区配置。vscode 打开的文件夹的根目录是一个工作区,如果项目中存在 package.json 文件,vscode 就会读取其中的脚本命令,可以方便的将脚本命令配置为任务。进入工作区设置界面,点击任一【在setting.json中编辑】链接都会自动创建setting.json文件。文件夹,它是干什么的?
2023-03-19 02:58:24
18321
原创 解决vscode智能代码提示快捷键 Ctrl+Space 无效的问题
vscode 智能代码提示除了输入时通过字符触发,还能使用快捷键ctrl + space触发,但是在 Windows 下会发现没有效果。因为这个快捷键在Windows下是系统的中文(简体)输入法 - 输入法/非输入法切换的快捷键,是全局快捷键,造成了快捷键冲突。
2023-03-19 01:06:00
3070
4
原创 理解 webpack 的作用
*我们还是要必须明确一点,webpack 构建的是 js 文件,并且它的产物也是 js 文件。可是因为 webpack 默认只能解析 js 文件,所以 index.js 如果引入了其他文件,比如 css 文件,png 文件等等。打包入口 js 文件生成到出口文件夹中,其中 js 文件引入的其他类型文件,需要 loader 解析;没有使用构建工具的时候,我们将所有的东西,css,img,ttf 等都是在 js 文件中引入,被使用。由一到多,就是一个 js 文件生成了多个文件到出口文件夹中。
2023-03-19 00:15:00
319
原创 10分钟学会 webpack
webpack是一个静态的模块化打包工具,为现代的JavaScript应用程序。这些问题我们可以利用工具来处理,比如为了兼容就使用 Babel 转换 es6,ts 代码就使用 tsc 来转换。然后使用转换好的 js 引入 html 中。css 也一样。但是我们会发现,一个一个处理,这很麻烦,所以我们需要一个构建工具,可以帮助我们自动完成这些东西。webpack 就是一个这样的工具。
2023-03-18 00:15:00
996
原创 webpack 中配置 vue 环境
我们知道 vue 是一个渐进式框架,我们可以在项目中局部使用,并不侵犯其他代码。vue 最大的作用就是利用虚拟 dom 将开发者从操作 dom 的繁杂中解放出来,使得开发者可以更专注处理数据的逻辑。npm i vue然后我们能就在 webpack 的入口 js 中引入 vue,进行使用了。上面代码构建后执行,发现网页没有效果。为什么?这和引入的 vue js 文件有关。警告信息表示当前运行环境不支持 template 模块选项,建议我们手动导入包。
2023-03-17 09:00:00
410
原创 webpack 搭建本地开发服务器
在此之前的 webpack 配置是必不可少的。但是开发体验并不好,一直需要 npm run build 手动打包。我们希望可以做到,当文件发生变化时,可以自动的完成 编译 和 展示;
2023-03-17 04:02:00
688
原创 初识 Babel
事实上,在开发中我们很少直接去接触babel,但是babel对于前端开发来说,目前是不可缺少的一部分:开发中,我们想要使用ES6+的语法,想要使用TypeScript,开发React项目,它们都是离不开Babel的;所以,学习Babel对于我们理解代码从编写到线上的转变过程至关重要;那么,Babel到底是什么呢?
2023-03-17 04:00:05
339
原创 webpack 插件
Webpack的另一个核心是Plugin,官方有这样一段对Plugin的描述:上面表达的含义翻译过来就是:插件是一个独立的模块,所以要使用它们我就需要引入它们,并在 webpack.config.js 的 plugins 数组中进行实例化。CleanWebpackPlugin每次重新打包时,都需要手动删除dist文件夹:我们可以借助于一个插件来帮助我们完成,这个插件就是CleanWebpackPlugin;安装:当前打包后,我们是将生成的 js 文件手动引入到 html 文件中,这很不方便。我们的目标
2023-03-17 03:55:16
169
原创 5分钟学会 vite
为什么 vite 既用了 esbuild 又用了 rollup?esbuild 在开发阶段(vite dev)使用,主要用来预编译第三方依赖和编译业务代码里的 typescript 代码。esbuild 在抹平了第三方依赖的语法差异(第三方依赖不一定是 ESM 的语法)的同时,保证了 vite dev 的开发速度。rollup 只会在 vite build 的时候执行构建,主要是构建生产环境可稳定使用的包,依然使用 rollup 是因为 rollup 成熟稳定,具有大量优秀的插件。
2023-03-17 03:09:12
17120
原创 5分钟了解 http 协议
什么是HTTP呢?超文本传输协议(英语:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的;HTTP是万维网的数据通信的基础,设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。HTTP或者HTTPS协议请求的资源,由统一资源标识符(Uniform Resource Identifiers,URI)来标识;HTTP 协议的参与者是一个客户端(用户)和服务端(网站)。什么是客户端和网站?
2023-03-13 20:41:41
443
1
原创 软链接与硬链接
我们知道所有文件实际都是存储在磁盘中,操作系统中的文件系统,里面看到的文件只是一个个指向磁盘文件的指针。这也是为什么删除文件后,还能拿硬盘恢复出来,因为操作系统只删了指向文件的指针,没有真正删除磁盘上的文件。在 1.txt 中输入 123,然后直接删掉,完全不影响 1_hard.txt 文件中打开还是 123。在 1.txt 中输入 123,然后直接删掉,打开 1_soft.txt 文件失败,因为源文件已经删除。硬链接表现出来就和将文件复制出来了一份一样,但是实际并没有复制。
2023-03-11 02:40:39
244
原创 10分钟速览 JavaScript 处理二进制数据与文件
在 Web 开发中,当我们处理文件时(创建,上传,下载),经常会遇到二进制数据。另一个典型的应用场景是图像处理。这些都可以通过 JavaScript 进行处理,而且二进制操作性能更高。不过,在 JavaScript 中有很多种二进制数据格式,会有点容易混淆。
2023-03-04 04:55:09
4940
原创 10分钟速览 JavaScript 事件
我们知道整个 DOM 存在一个内建类的继承树,事件也是其中的一部分。内建事件类的根是内建的 Event 类。type —— 事件类型,可以是像这样 “click” 的字符串,或者我们自己的像这样 “my-event” 的参数。options —— 具有两个可选属性的对象:bubbles: true/false —— 如果为 true,那么事件会冒泡。cancelable: true/false —— 如果为 true,那么“默认行为”就会被阻止。稍后我们会看到对于自定义事件,它意味着什么。
2023-03-04 04:52:57
156
原创 正则表达式,看懂百分之八十。
正则表达式是提供了一种在文本中进行搜索和替换的强大的方式的模式。它由模式(Patterns)和修饰符(flags)组成。
2023-02-03 02:52:28
207
原创 补齐 windows 运行库和运行环境(VC++、DirectX、.Net)
安装一些应用时,可能会缺少各种库文件导致软件崩溃报错。缺少的主要有三类:vc++、directx、.net。
2023-01-31 21:39:44
20762
原创 Windows以管理员身份运行软件
在运行窗口输入想要运行的应用名称后,按住 Ctrl + Shift,再点击确定按钮进行运行。比如:以管理员运行 windows 的新终端,windows teminal。
2023-01-31 17:51:18
242
原创 git报错:SSL Certificate problem: unable to get local issuer
如何修复“ ssl证书问题无法获取本地颁发者证书”Git错误
2023-01-14 22:44:48
1002
原创 云服务器搭建网易云音乐 API —— node 项目
云服务器搭建网易云音乐 API如果不想直连 node 服务,可使用 nginx 进行反向代理。访问代理服务器使用服务:
2022-12-07 00:14:24
1993
原创 本地仓库连接远端仓库 git pull 和 git push
因为 simple 这个同名的要求,所以 github 主分支改为 main,本地分支默认依然为 master 的情况下,明明已经设置了上游分支,git push 还是会报错。进行合并,这导致了一个后果:新创建的项目可能被一个毫无戒备的维护者合并很多没有必要的历史,到一个已经存在的项目中,目前这个命令已经被纠正,但是我们依然可以通过。为了之后方便的使用 git push 来完成推送,现在要么改掉 push 的默认行为为 upstream,或者在设置上游分支的时候保持本地分支和上游分支同名。
2022-11-16 19:29:56
511
原创 Git 远程仓库的安全验证——HTTP、SSH
对于私有的仓库我们想要进行操作,远程仓库会对我们的身份进行验证:如果没有验证,任何人都可以随意操作仓库是一件非常危险的事情。
2022-11-15 22:03:18
1815
原创 TypeScript 封装 Axios
查看 element-plus 文档集成 loading,我们可以在全局拦截器中集成,给所有请求加上 loading 效果,但是可能有一些请求不需要 loading,所以我们还可以在自定义类型中添加一个 loading 布尔开关选项,控制 loading 在请求中的开启关闭。方法一样是个全能方法,通过 config 配置中的 method 选项,就能指定请求类型,所以我们可以基于 request 手动配置好 method 选项就能封装出 get、post 等请求类型的请求方法。就像 Java 中的工具类。
2022-09-24 03:03:59
548
原创 axios 基础
Ajax 是一个技术统称,是一个概念模型,它囊括了很多技术,并不特指某一技术,它很重要的特性之一就是让页面实现局部刷新。Ajax 是一种思想,XMLHttpRequest 只是实现 Ajax 的一种方式。xhr 的请求方式,如果请求中套请求容易造成回调地狱。Fetch 是在 ES6 出现的,它使用了 ES6 提出的 promise 对象。它是 XMLHttpRequest 的替代品。
2022-09-24 02:58:18
819
翻译 MySQL 基础一
MySQL 基础一1、SQL、DB、DBMS分别是什么,他们之间的关系?DB:DataBase(数据库,数据库实际上在硬盘上以文件的形式存在)DBMS:DataBase Management System(数据库管理系统,常见的有:MySQL Oracle DB2 Sybase SqlServer…)SQL:结构化查询语言,是一门标准通用的语言。标准的sql适合于所有的数据库产品。SQL属于高级语言。只要能看懂英语单词的,写出来的sql语句,可以读懂什么意思。SQL语句在执行的时候,实际
2021-07-29 17:49:04
83
原创 3、DML:增删改表中数据
DML:增删改表中数据1. 添加数据:语法:insert into 表名(列名1,列名2,…列名n) values(值1,值2,…值n);注意:列名和值要一一对应。如果表名后,不定义列名,则默认给所有列添加值insert into 表名 values(值1,值2,…值n);除了数字类型,其他类型需要使用引号(单双都可以)引起来2. 删除数据:语法:delete from 表名 [where 条件]注意:如果不加条件,则删除表中所有记录。如果要删除所有记录
2021-01-25 18:15:58
102
原创 1、数据库的基本概念
文章目录数据库的基本概念MySQL数据库软件1. 安装2. 卸载3. 配置SQL1.什么是SQL?2.SQL通用语法3. SQL分类数据库的基本概念数据库的英文单词: DataBase 简称 : DB什么数据库?用于存储和管理数据的仓库。数据库的特点:持久化存储数据的。其实数据库就是一个文件系统方便存储和管理数据使用了统一的方式操作数据库 – SQL常见的数据库软件参见《MySQL基础.pdf》MySQL数据库软件1. 安装参见《MySQL基础.p
2020-12-31 23:57:48
254
原创 JDBC连接池+JDBCTemplate
文章目录数据库连接池1. 概念:其实就是一个容器(集合),存放数据库连接对象的容器。2. 好处:3. 实现:DataSource接口4. C3P0:数据库连接池技术步骤:c3p0-config.xml配置文件5. Druid:数据库连接池实现技术,由阿里巴巴提供的1. 步骤:配置文件2. 定义工具类Spring JDBC步骤:数据库连接池1. 概念:其实就是一个容器(集合),存放数据库连接对象的容器。当系统初始化好后,容器被创建,容器中会申请一些连接对象,当用户来访问数据库时,从容器中获取连接对象,用
2020-12-31 23:48:06
251
原创 Ajax&JSON笔记
文章目录AJAX:1. 概念: ASynchronous JavaScript And XML 异步的JavaScript 和 XMLajax原理:2. 实现方式:原生的JS实现方式(了解)JQeury实现方式JSON:1. 概念: JavaScript Object Notation,JavaScript对象表示法2. 语法:3. JSON数据和Java对象的相互转换jackson解析器1. JSON转为Java对象2. Java对象转换为JSON字符串4、json对象在js中的转换案例:校验用户名是否存
2020-12-31 23:21:41
446
原创 13、关于项目中出现的中文乱码问题
1.乱码经常出现在什么位置上?数据"传递"过程中的乱码数据"展示"过程中的乱码数据"保存"过程中的乱码2、数据保存过程中的乱码?指的是最终保存到数据库表中的时候,数据出现乱码导致数据保存过程中的乱码包括以下两种情况:第一种情况:在保存之前,数据本身就是乱码,保存到数据库表中的时候-定是乱码。第二种情况:保存之前,数据不是乱码,但是由于本身数据库不支持简体中文,保存之后出现乱码。3、数据展示过程中的乱码?值最终显示到网页上的数据出现中文乱码。核心在于编写编码和解析编码(也就是
2020-05-23 23:06:11
366
2
原创 12、HttpServletRequest接口
1、HttpServletRequest是一个接口,Servlet规范中重要接口之一2、继承关系:public interface HttpServletRequest extends ServletRequest{ }3、HttpServletRequest接口的实现类是WEB容器负责实现的, Tomcat服务器有自己的实现。但是程序员还是只需要面向HttpServletRequest接口调用方法即可,不需要关心具体的实现了。4、HttpServletRequest这个对象中封装了哪些信息呢?
2020-05-23 23:05:15
399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅