- 博客(45)
- 收藏
- 关注
RSS订阅原创 Vue 【vite使用alias】
这是一个比较常用，且配置简单的功能。但是在不同环境下还是有点点小坑，这边就当是一个全面的记录吧。vite中配置alias总共需要配置两个地方：让代码编译通过：让代码编辑器语法验证通过。
2024-04-07 14:32:23
325
原创 Vue【vue-router底层实现原理】
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2024-03-25 15:34:42
16
原创 node【一文搞懂：浏览器和node的事件循环机制】【微任务和宏任务】
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2024-03-25 15:32:02
637
1
原创 Docker 【安装MongoDB】
MongoDB是一个非关系型数据库，它主要的应用场景有这些显示相比mysql，MongoDB没有事务，索引之类的东西。最小单位是文档。可能有人说，为什么这个场景我要用mongoDB，mysql同样也能实现。确实，没有说某个场景必须要使用MongoDB而mysql不能实现的，但是对于特定的场景，非重要而量大的数据的处理，MongoDB相对于mysql来说，它有更小的开销和更方便的操作。
2024-03-22 18:16:48
1808
原创 Docker【安装redis】【redis-desktop-manager】
本文开始默认你已经安装了docker，如果对此还不够了解请看这篇文章：docker的安装。
2024-03-21 18:14:28
472
原创 Docker 【通过Dockerfile构建镜像】【docker容器与镜像的关系】
docker构建镜像有三种方式Dockerfile文件名首字母约定要大写。大多数工具（包括Docker CLI和Docker Compose）都会默认查找名为"Dockerfile"的文件来构建镜像。使用命令行构建适合临时构建，一般就是在项目开发初期，环境没有搭建完善，这时候临时需要一个镜像包，可以直接通过命令打给他。使用Dockerfile文件官方推荐这种方式，配置好dockerfile文件之后，docker根据Dockerfile文件构建使用脚本调用docker 的 api构建。
2024-03-20 17:21:29
2135
原创 Docker【docker安装mysql】【开启远程连接】
本文开始，默认已经安装docker，如果你还没有完成这个步骤，请查看这一篇文章【docker安装与使用】以上的流程走完之后你将得到一个，基础的mysql服务。如果想要一个成熟的mysql服务，你还需要实现以下功能。1.服务器应该进行过性能优化，包括合理的索引设计、查询优化、内存和I/O使用优化等。2.数据备份和恢复：服务器应该有定期的数据备份策略，并能在数据丢失或损坏时进行数据恢复3.高可用性：为了保证服务的连续性，服务器应该具备高可用性，例如通过主从复制、负载均衡、故障切换等方式来提高可用性。
2024-03-15 10:47:45
824
原创 Docker【docker安装】
docker的官方文档写的非常的详细，它包含了docker在各种环境下的安装，以及可能遇到的问题和解决方案。这里我们只描述docker在contOS上的安装步骤，简化内容注意以下操作都是使用root用户进行!!!如果你使用的是其他用户请注意权限控制或者设置docker用户组如果yum下载得慢可以参考yum如何设置阿里源如果安装后docker镜像下载得慢可以参考docker设置阿里镜像1.卸载志之前版本2.安装docker。
2024-02-05 14:57:33
642
原创 Linux【docker 设置阿里源】
直接执行下面代码即可，安装1.10.0以上版本的Docker客户端都会有。如果出现下面消息则表示配置成功。一般没有配置过是不会出现。
2024-02-05 14:48:51
772
6
原创 Linux 【yum 和 rpm 的区别】
总的来说，如果你知道你需要的确切的.rpm文件，并且知道所有的依赖关系已经满足，那么rpm是一个很好的工具。然而，对于日常的软件包管理任务，yum通常是更好的选择，因为它可以自动处理依赖关系和更新。rpm和yum都是在Red Hat系列的Linux发行版（如Fedora、CentOS、RHEL等）中用于管理软件包的工具，但它们的使用场景和功能有所不同。，它会自动找到并安装所有需要的依赖。此外，yum还可以自动处理软件包的更新，它可以从软件仓库中下载并安装最新的软件包。
2024-02-05 10:19:02
285
原创 Linux 【yum配置国内源】
现在阿里云和腾讯云的服务器都推出了兼容contOS8的系统，在处理yum源的时候直接当成contOS8处理即可。
2024-02-04 17:25:05
439
1
原创 Node【websocket 和 socketio】
webscoket一种长连接协议，它是一种协议规范而非功能。我们之所以能在开发语言中使用它，是个语言都对它进行了实现。node中对它的实现就是ws模块。ws模块并不是node原生支持的模块，所以在使用时我们需要先下载npm i ws下面是一个简单的例子，详情移至ws的GitHub// 服务端});// 客户端 browser除了ws外，市面上还有一些可以使用websocket的库。比如socket.IO，websocketjs等。其中socketIo是使用最广泛的库。后面我们主要是讲它。
2023-11-13 14:53:03
134
原创 Nginx 【事件模型原理以及优劣】
在使用上event这块比较简单，并没有太多花里胡哨的配置。在linux系统上epoll是性能最好的模型。在配置nginx时无脑选择它就行了。它的具体实现原理十分复杂在此就不在展开，感兴趣的同学可以自己去了解这里有一篇模型名描述epoll无论是SELECT还是POLL事件驱动模型，都是需要使用轮询的方法检查连接是否有新的事件，在连接数非常多的时候，轮询会非常消耗性能。Epoll库是Linux高性能事件驱动模型库，其效率远超poll和select库。Linux 2.6及以上的版本都可以使用。
2023-10-20 17:31:26
96
原创 Nginx【fastCGI】
fastcgi是从cgi发展改进而来的。传统cgi接口方式的主要缺点是性能很差，因为每次http服务器遇到动态程序时都需要重新启动脚本解析器来执行解析，然后结果被返回给http服务器。这在处理高并发访问时，几乎是不可用的。另外传统的cgi接口方式安全性也很差，现在已经很少被使用了。cgi的模型如下fastcgi接口方式采用c/s结构，可以将http服务器和脚本解析服务器分开，同时在脚本解析服务器上启动一个或者多个脚本解析守护进程。它的执行流程如下Web服务器(nginx)启动时载入fastCGI进程管理器。
2023-10-20 16:48:11
139
原创 Nginx 【gzip】
gzip是一种大幅度压缩数据大小的技术、压缩比例甚至能达到70%以上。被压缩的资源会变成gzip的数据格式，在响应头中加入字段。而浏览器识别到这种格式之后会自动解析处理无需后续加工，高效而简单~nginx中提供了实现gzip的功能模块。
2023-10-20 11:39:03
284
原创 Nginx 【location配置路径详解、反向代理、负载均衡】
在使用nginx时，我们配置最多的就是location项了路由命中规则增加响应头或请求头复写请求路径以上的功能我们一般都在location中实现。
2023-10-19 14:32:02
2442
3
原创 Midwayjs 【接受文件参数】
Midwayjs提供了配套的@midwayjs/upload插件，来帮助我们便捷的获取参数中的文件数据，以及对获取到的文件数据进行一些简单操作。比如移动到指定位置、获取文件的文件流还是临时地址等。node原生的http模块处理post请求的参数比较麻烦，服务端得到的是一个buffer流，需要自己写解析方法。市面上存在比较多的等，包括本章需要讲解的底层都是实现对类的data事件的监听来获取数据，然后对数据进行解析成好用的js对象。本章介绍完@midwayjs/upload之后，会对如何对。
2023-09-26 11:51:09
204
原创 Typescript 【声明装饰器】
装饰器是一种特殊的声明语句，可作用于class、方法、属性、以及参数，他本质上是一个function@f但有时候我们需要传递一些参数给装饰器，那么我们可以编写一个装饰器工厂装饰器非常灵活，几乎所有编码可以实现的功能，它都能满足在类上增加新的属性重新定义类，甚至定义方法为某个属性赋值等等类装饰器类装饰器本质上是一个function，接受被装饰class的constructor作为第一个参数，返回一个结果作为值，并且返回的结果必须要类型必须要包含被装饰的类的类型结构。
2023-09-25 16:26:57
37
原创 Rollup 【自定义插件hook详解】
rollup插件本身是一个实现了rollup中hook的对象// 定义return {load(){}...其他hook// 使用plugins:[
2023-09-07 15:12:43
216
原创 node【cluster】
返回一个布尔值，表示当前进程是否为主进程。这个属性由process.env.NODE_UNIQUE_ID决定，如果process.env.NODE_UNIQUE_ID为未定义，就表示该进程是主进程。
2023-07-13 15:02:20
70
原创 qiankun【隔离沙箱】
qiankun隔离沙箱有两种，一种是js变量隔离沙箱，LegacySandbox 单例沙箱ProxySandbox 多例沙箱SnapshotSandbox 低版本沙箱一种是样式隔离沙箱样式隔离沙箱通过配置。
2023-07-11 14:35:47
1739
原创 vue 【v3和v2响应式原理差异及优劣】
vue2的响应式是通过Object.definProperty方法，对data中的属性进行递归处理，为每一个属性加入getter和setter方法，在getter中注入依赖收集的逻辑，在setter中定义发布者逻辑，每次属性改变时，通知所有在getter中收集的依赖项进行更新。vue3使用的式es6的Proxy 对象，它仍然遵循发布者和订阅者的设计模式，在组件或者式html元素使用响应式对象时，将其收集为依赖。在你未定义set时，他会自动做一个分发代理，即。之后，你需要手动去改变obj的值,即。
2023-05-05 15:23:24
418
原创 Nginx【config结构和常用配置】
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，它的低开销高性能的优势，在现在的服务器部署工具中，仍是绝对的主流。
2023-05-04 15:10:29
262
原创 npm【1】package.json中workspace详解
在库的开发过程中，如果每次改动我们都将项目发布到npm或者私库上再下载进行调试未面太过于麻烦。通过npm项目中的package.json进行软链接，可以非常方便的看到我们的开发库在被项目使用后的具体情况。
2022-11-15 15:50:36
4699
原创 Mysql 【常用操作及数据结构】
函数说明返回字段的行数sum(field)返回查询到的字段总和，字段类型不是数字则无意义avg(field)返回查询到的字段平均值，字段类型不是数字则无意义max(field)返回查询到的字段最大值，字段类型不是数字则无意义min(field)返回查询到字段的最小值，字段类型不是数字则无意义提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2022-11-04 16:41:57
133
原创 node【调试篇】
在使用node开发的过程中，我们为了调试bug，会经常的对变量进行打印。在浏览器环境中，可以很清楚的打印出变量的属性和原型。而node输出是在在控制台中，信息就比较省略。有些只有一个类型那么如何能够像浏览器一样打印出详细的信息呢。
2022-11-04 14:31:31
1023
原创 vue-pdf遇到的问题
百分之99的原因是文件流异常的原因造成的。可以通过校验正常显示文件的md5和异常文件的md5来核实文件流。预览的pdf中，出现中文文字显示不全或者图片丢失的问题。这是因为pdf没有成功加载对应的字体文件造成的。错误，并且pdf文件无法正常预览。切换预览pdf时，会偶尔出现。
2022-10-25 14:24:38
5042
原创 Linux 【常用命令】
rm：删除rm - rf 目录地址mkdir:创建mkdir 目录名 || / 目录地址 / 目录名mv:移动改名mv 要移动的目录 移动后的目录mv / a / b //把a目录改成b目录。
2022-08-26 10:21:31
158
原创 node【版本管理篇-nvm】
在开发过程中，有时候会遇到老项目和新项目node版本不一致的情况。这时候频繁的手动安装node就太麻烦了。nvm-node版本管理工具，一条指令即可切换node版本。
2022-07-13 14:10:07
1079
原创 webpack 热加载 使用module.hot.accept和不使用的区别
在webpack4和5中，配置devServer.hot:true,就会开启模块热加载。但是在官网的案例中，仍会配合一个module.hot.accept使用。本文的目的就是对这个方法进行一个作用描述，最后将会阐述两个论点。
2022-07-05 15:20:37
2148
原创 webpack 打包library库
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用文章目录系列文章目录前言一、入口文件二.配置描述总结前言webpack打包一个库和打包一个项目并没有太大的区别。我们只需要将输出output进行一些配置即可提示：以下是本篇文章正文内容，下面案例可供参考一、入口文件module.exports={ entry:"index.js",//入口文件 output:{ library:{ na
2022-06-22 14:30:49
417
原创 模块化规范
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、模块化都有哪些规范二、它们的不同1.Commonjs1.AMD2.AMD3.CMD4.ES6总结前言在基于webpack构建的项目中，一个require或者import，不管模块是以export还是module抛出，都能够正确的引入。这是webpack对模块化的兼容处理。那么不同的模块其实是由不同的规范的一、模块化都有哪些规范CommonJSAMDCMDESUMD二、它们的不同1.Common.
2022-06-22 14:29:57
520
原创 前端工程化-开始
系列文章目录前端工包含那几个方面如何实现模块化如何实现组件化如何实现自动化如何实现规范化提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、模块化二、组件化三、自动化1.调试自动化2.编译3.部署自动化4.测试自动化5.文档化四、规范化项目目录结构语法提示编码风格规范联调规范文件命名规范代码样式规范git flow总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机
2022-06-22 14:29:33
66
原创 rollup实战-从零开始开发自己的组件库
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、前期准备安装插件（1）优化（2）vue（3）js（4）css二、调试1.引入库2.读入数据总结前言rollup和webpack都是优秀前端打包工具，但是它们的专注点不一样，它们之间的区别如下所以，总的来讲开发应用：适合使用webpack开发类库：适合使用rollup提示：以下是本篇文章正文内容，下面案例可供参考一、前期准备安装插件（1）优化rollup-plugin-node-resolve —帮助.
2022-06-22 14:28:09
632
原创 使用vue-press搭建一个像element一样的组件文档
现在常见的一些文档生成工具有如下几种二、项目结构三、基础文件三、配置文件 基本配置 可以在这里面通过访问Vue构造函数，实现对一些组件或插件的注入
2022-06-22 14:26:36
2776
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人