- 博客(149)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Maven入门学习
安装步骤:1.1.1官网下载apache-maven-3.6.1-bin.zip，解压 apache-maven-3.6.1-bin.zip。1.1.2配置本地仓库:修改conf/settings.xml中的<localRepository>为一个指定目录。<mirrop></mirror>1.1.4配置环境变量:MAVEN_HOME为maven的解压目录，并将其bin目录加入PATH环境变量。1.1.5测试mvn -v显示下面界面说明maven配置成功。
2024-09-17 16:26:45
546
原创 React函数式hooks使用
useState 可以使函数组件像类组件一样拥有 state，函数组件通过 useState 可以让组件重新渲染，更新视图。state，目的提供给 UI ，作为渲染视图的数据源。dispatchAction 改变 state 的函数，可以理解为推动函数组件渲染的渲染函数。initData 有两种情况，第一种情况是非函数，将作为 state 初始化的值。第二种情况是函数，函数的返回值作为 useState 初始化的值。useEffect 第一个参数 callback, 返回的destory。
2024-07-08 08:00:00
717
1
原创 React函数式组件通信方式
react的数据流是自顶向下的，无法通过react直接进行兄弟组件通信，通常是子组件向父组件传递数据，再有父组件告知另一个子组件。组件层级关BrotherComponent>Child1、Child2，组件BrotherComponent调用了组件Child1和组件Child2，组件Child1和Child2是兄弟组件。对于跨级组件来说，可以采用层层传递属性的方式来实现组件之间的通信，但是当层级嵌套关系较深的时候，层层传递是比较繁琐且容易出错的，所以这里利用context来实现组件通信。
2024-07-08 08:00:00
940
1
原创 webpack减少代码体积03--webpack优化
开发时我们定义了一些工具函数库，或者引用第三方工具函数库或组件库。如果没有特殊处理的话我们打包时会引入整个库，但是实际上可能我们可能只用上极小部分的功能。这样将整个库都打包进来，体积就太大了。
2024-06-25 11:45:00
408
原创 webpack提升打包构建速度02--webpack优化
开发时我们修改了其中一个模块代码，Webpack 默认会将所有模块全部重新打包编译，速度很慢。所以我们需要做到修改某个模块代码，就只有这个模块代码需要重新打包编译，其他模块不变，这样打包速度就能很快。
2024-06-24 11:45:00
1485
原创 webpack优化代码运行性能04--webpack优化
打包代码时会将所有 js 文件打包到一个文件中，体积太大了。我们如果只要渲染首页，就应该只加载首页的 js 文件，其他文件不应该加载。所以我们需要将打包生成的文件进行代码分割，生成多个 js 文件，渲染哪个页面就只加载某个 js 文件，这样加载的资源就少，速度就更快。
2024-06-24 11:45:00
1579
原创 webpack提升开发体验01--webpack优化
所有 css 和 js 合并成了一个文件，并且多了其他代码。此时如果代码运行出错那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多，那么很难去发现错误出现在哪里。所以我们需要更加准确的错误提示，来帮助我们更好的开发代码。
2024-06-24 11:00:00
193
原创 webpack处理js资源10--webpack入门学习
有人可能会问，js 资源 Webpack 不能已经处理了吗，为什么我们还要处理呢？原因是 Webpack 对 js 处理是有限的，只能编译 js 中 ES 模块化语法，不能编译其他语法，导致 js 不能在 IE 等浏览器运行，所以我们希望做一些兼容性处理。其次开发中，团队对代码格式是有严格要求的，我们不能由肉眼去检测代码格式，需要使用专业的工具来检测。我们先完成 Eslint，检测代码格式无误后，在由 Babel 做代码兼容性处理。
2024-06-23 11:45:00
665
原创 webpack处理html资源11--webpack入门学习
去掉引入的 js 文件，因为 HtmlWebpackPlugin 会自动引入。此时 dist 目录就会输出一个 index.html 文件。
2024-06-23 11:45:00
626
原创 webpackCss处理14--webpack入门学习
Css 文件目前被打包到 js 文件中，当 js 文件加载时，会创建一个 style 标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的 Css 文件，通过 link 标签加载性能才好。
2024-06-21 15:28:08
709
原创 webpack生产模式介绍13--webpack入门学习
生产模式是开发完成代码后，我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化，让其运行性能更好。
2024-06-21 14:18:49
359
原创 webpack处理图片资源05--webpack入门学习
过去在 Webpack4 时，我们处理图片资源通过 file-loader 和 url-loader 进行处理现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了，我们只需要简单配置即可处理图片资源。
2024-06-20 14:15:37
419
原创 webpack处理样式资源04--webpack入门学习
Webpack 本身是不能识别样式资源的，所以我们需要借助 Loader 来帮助 Webpack 解析样式资源我们找 Loader 都应该去官方文档中找到对应的 Loader，然后使用官方文档找不到的话，可以从社区 Github 中搜索查询Webpack 官方 Loader 文档css-loader：负责将 Css 文件编译成 Webpack 能识别的模块style-loader：会动态创建一个 Style 标签，里面放置 Webpack 中 Css 模块内容。
2024-06-20 12:00:00
1812
原创 webpack开发模式介绍03--webpack入门学习
开发时我们有样式资源、字体图标、图片资源、html 资源等，webpack 默认都不能处理这些资源，所以我们要加载配置来编译这些资源。提前检查代码的一些隐患，让代码运行时能更加健壮。提前检查代码规范和格式，统一团队编码风格，让代码更优雅美观。开发模式顾名思义就是我们开发代码时使用的模式。1.编译代码，使浏览器能识别运行。2.代码质量检查，树立代码规范。
2024-06-19 17:46:50
130
原创 webpack基本使用01--webpack入门学习
Webpack 本身功能是有限的:仅能编译JS 中的 ES Module 语法能编译JS 中的 ES Module 语法，还能压缩JS 代码。
2024-06-18 14:30:28
558
原创 从1000-2000的范围内生成长度为1000的不重复随机数，并给出优化
从1000-2000的范围内生成长度为1000的不重复随机数，并给出优化。
2024-06-12 12:30:00
418
原创 OSI七层网络参考模型
一、物理层我们要发送出去的数据在计算机里只不过是无数的0和1，0或1就叫做比特，物理层就是把这些比特用不同的媒介传输出去，可以用电、光或者其他形式的电磁波来表示和传输信号，数据从网络接口出去以后，会经过不同的网络拓扑，并不是一条线走到底，因此需要中继器和集线器这样的设备，但还是不够，信号要去到哪台设备是需要定向的，因此需要高级点的数据网络模型。二、数据链路层在数据链路层这里，比特会被封装成帧，帧就是这一层表示数据的特殊名字而已，在封装的时候会加上MAC地址，也就是物理地址，网卡出厂的时候就
2024-06-11 12:00:00
1355
5
原创 排序算法之归并排序
归并过程为：比较a[i]和b[j]的大小，若a[i]≤b[j]，则将第一个有序表中的元素a[i]复制到r[k]中，并令i和k分别加上1；否则将第二个有序表中的元素b[j]复制到r[k]中，并令j和k分别加上1，如此循环下去，直到其中一个有序表取完，然后再将另一个有序表中剩余的元素复制到r中从下标k到下标t的单元。归并排序的算法我们通常用递归实现，先把待排序区间[s,t]以中点二分，接着把左边子区间排序，再把右边子区间排序，最后把左区间和右区间用一次归并操作合并成有序的区间[s,t]。
2024-06-11 11:39:11
139
原创 力扣15. 三数之和
不同的三元组是 [-1,0,1] 和 [-1,-1,2]。注意，输出的顺序和三元组的顺序并不重要。答案中不可以包含重复的三元组。唯一可能的三元组和不为 0。唯一可能的三元组和为 0。，判断是否存在三元组。
2024-06-10 13:59:49
214
原创 力扣199. 二叉树的右视图
先层序遍历，将每层作为数组保存在一个数组中，最后返回这个数组中包含的数组最后一项。，想象自己站在它的右侧，按照从顶部到底部的顺序，返回从右侧所能看到的节点值。
2024-06-09 15:44:38
378
原创 力扣23. 合并 K 个升序链表
请你将所有链表合并到一个升序链表中，返回合并后的链表。给你一个链表数组，每个链表都已经按升序排列。将它们合并到一个有序链表中得到。
2024-06-08 20:28:48
263
原创 24. 两两交换链表中的节点
给你一个链表，两两交换其中相邻的节点，并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题（即，只能进行节点交换）。
2024-06-08 20:27:38
271
原创 力扣200. 岛屿数量
岛屿总是被水包围，并且每座岛屿只能由水平方向和/或竖直方向上相邻的陆地连接形成。（水）组成的的二维网格，请你计算网格中岛屿的数量。此外，你可以假设该网格的四条边均被水包围。
2024-06-07 11:01:38
218
原创 力扣103. 二叉树的锯齿形层序遍历
层序遍历 奇数层从左向右push数据 偶数层从右向左 注意出栈位置let target = queue.shift()（即先从左往右，再从右往左进行下一层遍历，以此类推，层与层之间交替进行）。
2024-06-06 15:18:00
250
原创 力扣121. 买卖股票的最佳时机
在第 2 天（股票价格 = 1）的时候买入，在第 5 天（股票价格 = 6）的时候卖出，最大利润 = 6-1 = 5。注意利润不能是 7-1 = 6, 因为卖出价格需要大于买入价格；同时，你不能在买入前卖出股票。dp ： 第i天的最大利润 = 第i天的价格减去第i-1天中的最低价格。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润，返回。设计一个算法来计算你所能获取的最大利润。在这种情况下, 没有交易完成, 所以最大利润为 0。买入这只股票，并选择在。
2024-06-06 00:45:00
240
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人