- 博客(45)
- 收藏
- 关注
RSS订阅原创 AutoGPT
是一个基于openAI研发的的一个开源应用程序，根据用户指定的目标，自动生成所需的提示，并且执行需要多个步骤才能完成的项目，整个过程不需要人类干预和指导（无监督学习），生成式预训练 Transformer模型。
2025-05-05 09:16:03
647
原创 单点登录概念及实现模式
同一家公司有不同的子系统，子系统中本身各自有一套用户系统，将这些子系统的所有用户系统抽离出来形成一个认证中心，可以对用户个人信息增删改查，这种处理用户个人信息的地方都在同一个地方叫，用户可以用同一套账密信息在不同系统中登录、常见形式：在同公司下的A平台登录，进入B平台时会自动同步登录信息，无需再次登录。
2025-05-05 09:09:08
888
原创 Vite打包路径base配置项设置
在部署到服务器后开发环境下，刷新当前页面后，对于静态资源的请求路径没有从绝对路径发起请求，而是从相对路径拼接上了当前路由的一部分再请求，导致报错404并且当前页面空白，但是第一次进入当前页面时可以正常获取到路径。这意味着所有静态资源（如 JavaScript、CSS、图片等）都将从网站的根路径加载。可以确保静态资源的路径是相对于当前 HTML 文件的路径。：静态资源的路径将相对于当前 HTML 文件的路径，例如。：如果你的项目部署在网站的根路径下（例如。：静态资源的路径将从根路径开始，例如。
2025-02-11 22:39:42
1924
原创 vue3中使用VChart在开发环境正常运行，打包到线上报错空白
使用按需加载，打包的时候做了tree-shaking 把一些组件给去掉了。1.找到VChart的引用库：@visactor/vchart。4.在issues中搜索：”打包“
2025-01-22 23:06:30
460
原创 Webpack简述
人类喜欢书写的代码以及开发方式计算机不喜欢，构建工具的作用就是让人类舒舒服服写自己喜欢的代码，然后一打包生成计算机喜欢的代码。默认以根目录下的webpack.config.js作为入口进行打包，如果想指定文件作为入口。成一个文件（编译import），至于es6，ts等等的编译是引入的插件和loader做的。直接输入指令，npm run dev调用会使用本地的webpack进行打包。在根目录下新建一个eslintrc.js文件，用于写eslint的插件配置。webpack本地的版本和项目的版本不一样。
2025-01-18 22:16:38
550
原创 毛泽东思想概论
半殖民地半封建的中国，是一个以农民为主体的国度，无产阶级人很少，农民和其他小资产阶级占人口的大多数，农民和小资产阶级出身的党员占多数。”加之党长期在农村发展，且处于战争环境之中，如果不加强党的组织建设、作风建设，党就会组织松散、软弱涣散，不可能成为坚强有力的战斗堡垒，不可能具备优良的作风，更不可能赢得人民群众的支持并取得革命胜利。加强党的组织建设，根本的是要贯彻民主集中制这一根本组织原则，坚持在民主基础上的集中和在集中指导下的民主相结合，个人服从组织，少数服从多数，下级服从上级，全党服从中央。
2025-01-05 21:51:38
1072
原创 网络层知识点梳理
网络层的作用 实现点到点服务的数据透明传送，具体功能包括寻址和路由选择、连接的建立、保持和终止点等。它提供的服务使传输层不需要了解网络中的数据传输和交换技术 网络层单位是分组 网际层协议IP ARP地址解析协议 根据IP地址获取物理地址 RARP反地址解析协议 根据物理地址获取IP地址 ICMP网际控制报文协议 通过CMP传输控制消息，控制消息是指网络通不通、主机是否可达、路由是否可用等网络本身的消息（ping） IGMP网际组管理协议 管理网络协议多播组
2024-12-29 22:06:19
785
1原创 Blob的基本用法
Blob对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成来用于数据操作。Blob 表示的不一定是 JavaScript 原生格式的数据。接口基于Blob，继承了 blob 的功能并将其扩展以支持用户系统上的文件。
2024-12-09 00:18:00
1684
原创 css预处理器scss/sass
不管是Sass，还是Less或者stylus，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活、强大，Sass、stylus的功能比Less强大，基本可以说是一种真正的编程语言了，Less则相对清晰明了，易于上手，对编译环境要求比较宽松。个人在实际开发中更倾向于选择Sass。
2024-12-01 22:45:22
850
原创 js二分查找模板分析
3. 假如我们要找的条件是满足>=x，我们使用二分找的数是从左往右看第一个满足>=x的，如果无解的话就是第一个>x的，即!=x，所以如果找不到满足条件的值时，通常使用此条件来限制返回值。2.用此模板的情况下一定是有解的,一定会把这个边界二分出来，如果无解一定是跟题目有关的。3.根据是l=mid还是r=mid判断到底需不需要补上+1。1.有单调性一定可以二分，可以二分的题目不一定有单调性。1.写完mid之后，先写check函数。2.根据check情况更新区间。
2024-11-24 17:46:52
404
原创 如何在react中使用react-monaco-editor渲染出一个编辑器
接下来将此文件作为组件在其他组件中正常使用即可根据MonacoEditor自带的配置项可以看出MonacoEditor还有非常多灵活的用法上方代码就是我 MonacoEditor组件中的worker.ts代码，直接引入到MonacoEditor组件中即可。
2024-11-17 22:40:29
1815
原创 React中常用的hook函数(四)——useRef、useNavigate、useLocation和useSearchParams
useRef的.current属性在组件的整个生命周期内都保持不变。因此，您可以将它作为持久化存储来引用外部资源、DOM 元素或者数据，而不必担心它会导致组件重新渲染。如果你将useRef用作数据存储时，不要把它当作普通的 React 状态来使用。因为如果你直接改变useRef的值（例如），这不会触发渲染更新，因此当你需要依赖于 UI 更新时，应该使用useState或者useReducer。
2024-11-10 22:15:16
2513
原创 React中常用的hook函数(三)——useReducer和useContext
React中常用的hook函数(一)——useState和useEffect_usestate useeffect-CSDN博客React中常用的hook函数(二)——useMemo和useCallback-CSDN博客。
2024-11-01 17:02:53
1226
原创 React中常用的hook函数(二)——useMemo和useCallback
React中常用的hook函数(一)——useState和useEffect_usestate useeffect-CSDN博客React中常用的hook函数(一)——useState和useEffect_usestate useeffect-CSDN博客。
2024-11-01 11:33:23
1273
原创 React核心思维模型（一）
如果我们想修改上述div盒子中的Tom为Jerry，应该怎样修改呢在jquery中我们直接把界面元素抓过来修改但在react中，当需要更改用户界面时，在绝大多数情况下，我们都是去操作数据，而不是直接更改界面元素（DOM 节点）。当数据变动以后，相应的界面元素会自动更改。：在用 React 写界面时，先写一些 HTML 作为页面的静态结构，再用大括号标记，加入动态的、可交互的元素，记住，！！
2024-10-29 17:34:17
1450
原创 React项目中规范使用token的注意事项
token在初始界面时一般涉及两个组件：Layout和LoginLogin作为登录表单页负责获取token对其进行管理存储，后跳转到其他子组件出口的面板页Layout。
2024-10-25 21:41:29
677
原创 redux讲解及最新react-redux的使用流程（立马上手）
1.redux是一个专门用于做的js库2.可以不和任何框架绑定单独使用，也可以用在js、react、vue等项目中，但基本与react配合使用3.作用：集中式管理react应用中多个组件的状态。
2024-10-24 22:26:47
3027
原创 React中常用的hook函数(一)——useState和useEffect
useState变量使用useState定义的变量是 React 组件的状态，React 会管理它的生命周期。你可以通过setState函数来更新这个状态。例如：const [count, setCount] = React.useState(0);普通变量普通变量（例如let或const定义的变量）是普通的 JavaScript 变量，React 不会对它们进行管理或跟踪。例如：let count = 0;useState定义的变量。
2024-10-13 23:39:08
1434
原创 如何基于vite实现清除特定环境下的console和debugger
Terser 是一个 JavaScript 代码压缩工具，通过去除不必要的空格、换行和注释，能够减少 JavaScript 文件的大小，提高页面加载速度。
2024-10-06 20:41:46
1160
原创 计算机网络第三章笔记——数据链路层
检错码只能检测出帧在传输过程中出现了差错，但并不能定位错误，因此无法纠正错误要想纠正传输中的差错，可以使用冗余信息更多的纠错码进行前向纠错。但纠错码的开销比较大，在计算机网络中较少使用循环冗余校验CRC有很好的检错能力(漏检率非常低)，虽然计算比较复杂，但非常易于用硬件实现，因此被广泛应用于数据链路层。在计算机网络中通常采用我们后续课程中将要讨论的检错重传方式来纠正传输中的差错或者仅仅是丢弃检测到差错的帧，这取决于数据链路层向其上层提供的是可靠传输服务还是不可靠传输服务。为了解决上述问题，采用。
2024-08-11 22:58:10
867
原创 如何使用js找出给定字符串中最长单词的长度
方法是 JavaScript 数组对象的一个方法，用于移除数组的第一个元素，并返回该元素的值。同时，该方法会修改原始数组，使其长度减一，而且其他元素的索引也会随之减1。方法四五的思维一致，都是将split('')方法处理过后的每个元素的长度存入数组中，再用sort()方法排序选取最大值。被移除的数组的第一个元素的值。如果数组为空（即没有可移除的元素），则返回。
2024-08-05 16:30:35
318
原创 如何利用js层级化数组并封装vue的递归组件实现层级菜单
Map 对象是键值对的集合，并且能够记住键的原始插入顺序。任何值（对象或者基本类型）都可以作为一个键或一个值，Map 中的一个键只能出现一次。Map中get()和set()的使用方法// 创建一个空的 Map// 设置键值对// 获取值// 输出: value1// 检查是否包含某个键// 输出: true解决问题// 使用 Map 存储每个对象，以便通过父ID快速查找// 将每个对象存储到 Map 中//判断是否找到有孩子的对象//找到有孩子的对象//初始化有孩子的层级。
2024-08-04 22:59:26
464
原创 计算机网络第二章笔记——物理层
噪声：对信道产生干扰，影响信道的数据传输效率信噪比 = S / N = 信号的功率 / 噪声的功率（1）信噪比越高，噪声对数据传输的影响越小（2）信噪比是无单位的，由于在通信领域，信号功率往往比噪声功率大得多，所以当采用无单位记法时，信噪比非常大因此我们可以我们家中所使用的“猫”即是“光猫(optical modem)”，实质为调制-解调器中继器：传输路径中放置，用于整形和放大将要失真的信号多模光纤、单模光纤以太网对有线传输介质的命名规则。
2024-07-29 00:01:32
555
原创 计算机网络第一章重点知识整理
计算机网络（Computer networking）是一个计算机系统，通过通信设备与线路连接起来，由功能完善的软件实现的系统。计算机网络（简称网络）：由若干结点（node）和连接这些结点的链路（link）组成。结点可以是计算机、集线器、交换机、路由器等链路可以是有线链路、无线链路集线器(Hub)：可以把多个结点连接起来，组成一个计算机网络普通民用领域已很少用集线器交换机（Switch）可以把多个结点连接起来，组成一个计算机网络家庭、公司、学校通常用交换机组建内部网络。
2024-07-21 23:25:06
790
原创 $bus全局事件总线及vuex区别
（相当于一个部队中有人拿着大喇叭喊名字，有这个名字的人就会回应）：首先，我们需要创建一个 Vue 实例作为事件总线的中心，通常可以将其命名为$bus。：在任何一个组件中，当需要触发一个事件时，可以通过方法来实现。这里的event-name是事件的名称，eventData是可选的传递给监听器的数据。：在其他组件中，当需要监听这个事件并做出相应的响应时，可以通过$bus.$on()方法来监听事件。这里的event-name应该和触发事件时的名称保持一致，是处理事件的方法。
2024-07-08 00:57:27
255
原创 vue与js相比的优点及缺点
Vue.js 使用双向数据绑定和虚拟 DOM，使得数据的变化能够自动响应到视图上，无需手动操作 DOM。：Vue.js 支持组件化开发，将 UI 拆分成独立、可复用的组件，每个组件都有自己的模板、逻辑和样式。：Vue.js 提供了丰富的指令（Directives），例如v-bindv-ifv-for等，用于在模板中添加特定的行为。：Vue.js 使用了简洁明了的模板语法，支持插值、表达式、指令等，使得编写模板更加简单和直观。
2024-06-23 20:50:43
921
原创 如何使用Vue Cli搭建vue2的项目基础
第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。
2024-06-23 20:39:24
1517
原创 Vue CLI脚手架中@为什么表示src目录？
在 Vue CLI 3.x 中，默认的 webpack 配置文件（vue.config.js）中已经包含了。这样做的目的是为了方便开发者导入项目中的模块，无需担心路径的复杂性。这是 Vue CLI 默认的别名配置，用于简化导入模块时的路径。这样一来，无论你在项目的哪个地方编写代码，都可以通过。在 Vue CLI（Vue.js 的脚手架工具）中，来快速引用项目中的模块，而不必关心具体的相对路径。符号通常表示项目的根目录，而不是单纯地表示。别名的配置，将其指向了。表示项目的根目录，因此。
2024-06-10 10:16:13
275
原创 vue-cli依赖配置原理及如何重装node_modules
webpack定义:本质上，webpack是一个用于现代JavaScript应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图，然后将你项目中所需的每一个模块组合成一个或多个bundles,它们均为静态资源,用于展示你的内容。静态模块：指的是编写代码过程中的,html, css, js,图片等固定内容的文件打包：把静态模块内容，压缩，整合，转译等（前端工程化）把less / sass 转成 css 代码把 ES6+ 降级成 ES5构建。
2024-05-18 14:01:22
1477
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人