我才不认输呢-CSDN博客

原创笔记 - chalk 使用

chalk是一个npm 包，用来对控制台 console.log 的内容进行样式包装。chalk的用法非常简单，安装后，直接使用即可。但是，在不同的环境，chalk的表现并不一致。node环境1. 安装： npm install chalk2. 在文件(比如check-test.js)中引入chalk，并编写需要输出的内容：// chalk-test.jsconst chalk = require('chalk');console.log(chalk.green('hel.

2020-09-07 12:53:49 2127

原创如何创建一个长度为n的数组，每个元素都是一个空对象？

可尝试的生成方式及生成结果- Array(5).map(val => ({})) 生成 empty 数组 - Array(5).forEach(val => ({})) 生成 empty 数组 - Array(5).fill({}) 生成要求数组 - Array(5).fill() 生成 undefined 数组 - Array.from(Arr...

2020-08-20 21:56:48 3132 1

原创笔记 --- ES6 标签模板 tagged template

问题要从上次拼接 URL 用到的 npm 包encodeuricomponent-tag 说起，它的使用方式是否让你有些迷惑？const uri = require('encodeuricomponent-tag')console.log(uri`/category/${'big horses'}?q=${'saddles & bears'}`)// Output: /category/big%20horses?q=saddles%20%26%20bears形如uri`/a/..

2020-05-26 22:13:13 376

原创 TS 学习笔记02 - TS 基础类型

B 站学习视频TS 中包含11个基础类型，加一个类型断言可以借助 ts 官方的 playground 查看对应的 es5实现方式基础类型赋值只能赋对应的类型值，否则会有红线报错布尔类型let bool: boolean = true数值let num: number = 333num = 0b1101 ；num = 0o123; num = 0x7a;// 二进制 | 八进制 | 十六进制字符串let str: string = 'abc'str = ...

2020-05-24 23:40:18 462

原创 TS 学习笔记01 - 开发环境搭建

B 站学习视频使用 npm初始化项目使用 npm init -y 命令生成项目 package.json 文件注意修改 main 配置项为 ts 后缀文件，同时在对应位置新建 index.ts 文件：{..."main": "./src/index.ts",...}依赖安装 &tsc初始化配置npm install typescript tslint -g // 全局安装 typescript tslint 依赖tsc --init // 生成...

2020-05-24 18:03:21 202

原创笔记 --- encodeuricomponent-tag 打包报错 ERROR in XXX.js from UglifyJs

要处理URL的query拼接问题，引入了encodeuricomponent-tag。打包报错如图：搜索关键字 "ERROR in XXX.js from UglifyJs"，可以顺利定位到问题：encodeuricomponent-tag包中包含ES6语法格式的代码，在没有通过babel编译处理的情况下，报错。可以搜索到的处理方式大致是按照babel-loader,配置webpack.config就可以解决。项目的webpack配置，如图：但是在我的项目代码中并未成功解决该问题

2020-05-22 11:32:48 218

原创笔记 -- 小问题：字符串与0大小比较

js是一门很灵活的语言，对于数据类型的定义也比较粗放，在一些情况下就出现了需要把字符串和0进行比较的情况。比较常规的一种做法是：先将字符串数据转化成数字，再与0进行比较let a = '123';if (a - 0 > 0) { console.log('a > 0');} 这种情况下 a - 0 会触发js的隐式类型转换，会将字符串与数字的比较转换为数字与数字的比较，从而得到正确的结果。事实上，在a确定为字符串类型的前提下，比较a与0的大小，可以直接...

2020-05-15 00:38:16 2085

原创就想吐个槽 -- 365存钱法

偶然间在某公众号读到一篇关于疫情唤起了青年人存钱的热情文章，提到365存钱法，说每个方块标注1-365，表示每天要存的钱数，存满一年，就能收获66795元。像我这种热衷于存钱的人，说实话，有点好奇，有点心动。于是行动来了。找了365存钱法的表格，打算试一下。类似下图这种：但是当我真的开始认真看这个图的时候发现这对于我（月入1w+，房租5k）来说，这个存钱法其实挺不现实的。但是我，为什么又心动了呢？首先它最具迷惑性同时也是吸引人的一点是：打卡机制。这些年我们打过的大大小小的卡还少吗？提起打卡..

2020-05-10 14:38:58 1988

原创排序 -- js实现归并排序

归并排序采用的是，由少到多，分而治之的思想。可以看做是一颗二叉树，由叶子节点向根节点汇聚的排序。快排则恰恰是相反的，是由根节点向叶子节点分散的排序。因此，在理解上可以把归并排序视为快排的反运算（并没有这个名词，只是为了描述两种排序在理解思路上的区别，请尽量意会）。在实现过程中也用到了递归，用到了while循环，因此在实现过程中极易出现死循环，一定要注意控制边界条件。下面是具体的实现代码：var arr = [6, 1, 2, 7, 9, 3, 4,5, 5, 10, 8, 23, 231,

2020-05-10 02:09:29 236

原创笔记 -- 时间复杂度 log2n

在处理一些算法相关问题的时候，我们总会遇到时间复杂度的这个概念，一提到优化，又总是绕不开log2nlog_2{n}log2n。那么log2nlog_2{n}log2n到底是什么？log2nlog_2{n}log2n...

2020-05-08 11:06:37 6377 1

原创笔记 -- 浏览器渲染过程

整理浏览器渲染过程1. DNS域名解析 1. 历史记录、缓存 2. 浏览器/系统的DNS/host文件/域名服务器2. TCP连接3. Http请求并返回4. 浏览器解析1. 构建dom树2. 下载css、js文件（css文件边下载边解析，js文件先下载后执行解析，解析过程阻塞dom树）3. 渲染树5. 渲染1. 布局：根据渲染树，计算每个节点的几何信息2. 绘制： ...

2020-05-06 21:00:05 128

原创问题记录 - Uncaught Error: Cannot find module 'strip-ansi'

webpack打包，报错如图：报错原因：在webpack.config.js配置中 resolve字段下的extensions配置错误module.exports = { // ... resolve: { extensions: ['.jsx', '.js'] // 配置文件扩展名字，需要添加.符号 }, // ...};...

2020-05-05 20:33:21 884

Jeane_210的博客