小强有个dream-CSDN博客

原创后端：添加开放端口查看占用的端口（linux系统版）

防火墙添加端口firewall-cmd --zone=public --add-port=8888/tcp --permanent （–permanent永久生效，没有此参数重启后失效）firewall-cmd --zone=public --add-port=888/tcp --permanent （–permanent永久生效，没有此参数重启后失效）firewall-cmd --zone=public --add-port=80/tcp --permanent （–perman

2020-07-14 10:16:02 708

原创后端：基于node实现接口文档并开放某个端口关闭进程等(linux指令)

首先购买服务器（可以某宝花30块租一个月服务器）购买后,通过xshell在inux上安装node,可以参考这篇文章：链接你会用得到这些linux基础命令node安装成功后,// 创建文件并打开touch serve.js && vi serve.js// 保存先按esc键，输入 :wq 即可保存文件并退出// 上面是一个最简单的接口，想实现多层路由可...

2020-04-07 13:23:51 266

原创 js: 百度云BOS 分片上传

/ 1) 查看登录到百度智能云控制台 – 对象存储BOS”服务–选择一个Bucket，进入后可以查看该Bucket下的所有文件和文件夹。2）下载OS浏览器端不支持批量下载，可以通过以下方式下载文件(使用BOS桌面客户端/使用API/SDK/使用BOSCMD命令行工具)这里打开后直接点确定就可以了。默认没有开启cors。

2024-06-14 18:26:45 177

原创 axios: 管理全局laoding

【代码】axios: 管理全局laoding。

2024-06-04 18:27:39 135

原创 ts:函数

never。

2024-05-30 10:40:49 122

原创 ts:官方文档

连接

2024-05-29 18:16:54 109

原创 ts：映射类型

通过内置的Require可以破坏可选属性。

2024-05-29 18:06:44 302

原创 ts：交集类型交叉类型

【代码】ts：交集类型。

2024-05-29 16:53:30 164

原创 ts: 映射类型

【代码】ts: 映射类型。

2024-05-29 14:54:44 97

原创 ts: 类型断言as

类型断言有两种形式。

2024-05-29 14:47:29 397

原创 ts面试题：面试题2

【代码】ts面试题：面试题2。

2024-05-28 11:23:11 532

原创 ts: 类

【代码】ts: 类。

2024-05-27 14:52:47 323

原创 ts: 实现promise

这里是引用。

2024-05-27 14:49:55 314

原创 ts: 泛型

【代码】ts: 泛型。

2024-05-24 11:52:23 167

原创 ts: 索引类型

索引签名用于定义对象类型，允许对象具有任意数量的属性，但属性名的类型必须是字符串（在大多数情况下）或数字（在某些特定的上下文中，如数组或类似数组的对象）。索引签名的值类型可以是任何 TypeScript 类型。类型索引访问允许你在类型级别上访问一个对象的索引类型。在泛型编程中，这特别有用，因为你可以根据传入的类型来动态地获取该类型的索引签名类型。索引访问操作符用于访问对象的属性或数组的元素，以及在类型级别上访问类型的索引签名。

2024-05-23 13:35:09 428

原创 ts：交叉类型

通过将多个类型合并为一个类型来使用的。交叉类型使用 & 符号来表示，它允许你创建一个类型，该类型具有多个类型中所有成员的组合。

2024-05-20 15:28:42 105

原创 ts面试题：面试题1

答案

2024-05-20 14:51:23 147

原创 ts:条件类型

基本语法： T extends U?X : Y（T 和 U 是类型，而 X 和 Y 是类型或者类型表达式。

2024-05-20 14:49:21 397

原创 ts：类型操作关键词

extends 关键字有两个主要用途：一是用于定义类（class）的继承，二是用于接口（interface）的扩展。用于获取一个变量或属性的类型，但是在ts中获取如对象的类型不是像js中返回’object’而是对象的类型字面量。用于检查对象（包括对象字面量、类实例、接口实现等）是否包含某个特定的属性或索引。从一个对象类型中选择一部分属性来创建新类型的。用于获取对象所有键的类型组成的联合类型。

2024-05-20 14:08:37 515

原创 webpack：从0到1实现一个loader

下面演示的是，将代码中的var处理成const。

2024-05-17 17:59:18 254

原创 webpack：从0到1实现一个plugin

下面演示的是，生成html文件并引入bundle文件。

2024-05-17 17:51:00 276

原创 babel原理：

根据源代码字符串分解成一个个token再解析生成ast语法树，遍历ast语法树进行编辑删除添加节点，将修改后的ast语法树转换成源代码。

2024-05-17 17:06:51 93

原创 webpack原理-热更新原理：hmr原理

hmr原理：Webpack开发服务器启动后会与浏览器建立websoket链接， webpack监听到文件改变就会重新编译，编译完成后生成新的hash值并将更新消息发送给浏览器，浏览器接受到消息后通过会调用hmr runtime传递新的和旧的hash传递给服务端，服务端根据新旧hash对比找出变更的代码块返回给服务端

2024-05-17 16:45:51 79

原创 webpack性能优化示例-作用提升：

从而优化代码体积和性能。

2024-05-17 16:10:55 95

原创 webpack tree shaking示例： js css

需要借助purgecss-webpack-plugin来清楚未用到的css。生成环境下，会自动开启tree shaking，用来清除没有用到的js代码。不借助vue-cli怎么做到移除单文件里面未用的css类名？

2024-05-17 15:54:06 261

原创现代浏览器性能优化示例-提前加载preload：

如果用户经常访问一个包含大量图片的网站，浏览器可能会自动为该网站的图片预加载。如taobao的pc网站。在network面板中，看看是否有在页面初次加载时就发出的图片请求，这些可能是预加载的图片。预加载字体，以提高用户体验和页面加载速度。如taobao的pc网站。

2024-05-17 11:59:04 93

原创现代浏览器性能优化示例-提前加载prefetch：

（如代码压缩、图片优化、使用CDN等）。不要为所有资源都添加 prefetch滥用 prefetch 可能会导致不必要的带宽浪费和服务器压力。不同的用户可能有不同的网络连接速度。对于使用慢速连接的用户，预取大量资源可能会对他们的体验产生负面影响。有些网站使用了按需加载这个时候就没有必要使用prefetch了。

2024-05-17 10:26:37 341

原创 webpack优化构建体积示例-按需加载：代码分割懒加载

按需加载（也称为代码分割或懒加载），基于import()实现的。尽管 import() 语法是在 ES2020 标准中正式引入的，但它在早期就已经被一些工具和库（如 Webpack）所支持，并且被用作实现代码分割和懒加载的方式。相比import … from …，import() 是动态导入用来在运行时按需加载和执行模块，import … from … 是静态导入，它在编译时确定需要哪些模块。加载前点击后可以看到点击后加载了对应的js资源。

2024-05-16 18:30:12 274

原创 webpack优化构建体积示例-压缩图片：

在使用imagemin-webpack-plugin来配置图片压缩时，你需要确保已经安装了该插件以及它可能依赖的imagemin插件（如imagemin-mozjpeg、imagemin-pngquant等）。不同的图片格式有不同的特点和用途，它们也需要不同的压缩算法和技术，也为了保证能在各个浏览器环境下能正常加载显示，所以需要用到多个插件。

2024-05-16 15:02:26 420