- 博客(11)
- 收藏
- 关注
RSS订阅原创 webPack从入门到进阶
除了区分不同的配置文件进行打包，还需要在开发时知道当前的环境是开发阶段或线上阶段，所以可以借助内置插件DefinePlugin来定义环境，最终可以实现开发阶段与上线阶段的api地址自动切换。1. 引入webpack2. 创建插件对象，并定义环境变量})3. 在src打包的代码环境下可以直接使用。
2025-03-07 09:06:23
543
原创 Webpack 详解
Webpack 是一个功能强大的构建工具，能够处理 JavaScript、CSS、图片等多种资源的打包和优化。通过合理配置 Loader 和 Plugin，Webpack 可以大幅提升前端项目的性能和开发效率。Webpack 5 在性能、模块解析、代码分割和缓存机制等方面做了许多优化，是现代前端开发中不可或缺的工具。
2025-02-09 09:07:57
793
原创 JavaScript入门知识（2）
无符号右移使用三个大于号表示(>>>)，无符号右移会将所有32位向右移，当操作数是正值时和有符号右移操作结果一样，但当操作数位负数时可能会造成较大的差异 ，因为无符号右移会将负数的二进制表示当成正数的二进制表示进行计算。有符号整数使用32位的前31位表示整数值，第32位表示数值的符号，这成为符号位，它的值决定了数值的其余部分的格式，正值以真正的二进制格式存储即31位中的每一位都代表2的幂。关系操作符执行比较两个值的操作，包括小于，大于，等于，大于等于，小于等于，这几个操作符都返回布尔值。
2025-01-14 20:55:39
792
原创 JavaScript入门知识（1）
与var不同，使用let在全局作用域中声明的变量不会成为window对象，但是let的声明仍然是在全局作用域中发生的相应的变量会在页面的声明周期中存续，所以不能进行重复声明，而var声明变量时由于变量会进行提升所以JavaScript引擎会自动将多余的声明在作用域顶部合并为一个声明。这是因为使用了IEEE745数值，在IEEE745的标准下，浮点数是用二进制表示的，但是并不是所有的十进制小数都能用有限的二进制表示0.1使用二进制表示就是一个无限循环小数在计算机中保留有限的位数，从而导致误差。
2025-01-14 08:54:38
620
原创 前端相关知识(1)
Real diff 算法是React使用的一种高效的算法，在更新数据时使用，用于比较两个虚拟DOM树之间的差异，并最小化对实际DOM的更新，从而提高性能。
2024-07-29 09:12:30
1122
原创 git 分支管理
1、使用SSH密钥对：通过生成SSH密钥对，可以让Git使用密钥对来进行身份验证，而不是使用用户名和密码。不同分支中的代码不会相互影响，不同的分支存放不同的代码可以提高开发者的开发效率，提高团队开发效率。1、fixbug是一种特殊类型的分支，用于修复bug，修复完成后合并到主分支上。1、预发布分支，用于在发布正式版本之前进行测试，以release-xxx命名。1、开发分支，用于开发各类功能的合并分支，也就是最新的开发版本。1、主要的生产分支是所有分支的主干，与当前主线上代码保持一致。
2024-07-21 20:07:51
301
原创 css入门知识（1）
在css中有一种称为‘文档流’的概念，‘文档流’命名的很贴切因为css本身就和水流一样，整个css都是围绕‘文档流’来实现的，在css中div盒子会默认铺满整个容器，就像水流一样，其中的文字和图片会依次排序不足就会换行，这让我们使用css变得非常方便和顺手，css中的默认流向是“一江春水向东流”，以及“飞流直下三千尺”，也就是从左往右和从上向下，当然流向是可以改变的这让css显得更加丰富。例如，1px solid rgb(0,0,0)，属性值可以是单一的也可以是由“值+关键字+功能符”构成的；
2024-07-19 17:26:58
421
原创 解析css中的overflow属性
overflow 属性规定当内容溢出时发生的事情overflow有以下几种属性值：不裁剪超出盒子的部分将超出盒子部分的内容隐藏横轴强制出现滚动条4.overflow-y:scroll 纵轴强制出现滚动条5.overflow：scroll x轴和y轴都有滚动条自动判断是否出现滚动条从父元素继承overflow属性的值overflow属性值中visible和hidden是对立的，scroll和auto是对立的。inherent是继承父级元素的overflow属性值，默认是scroll。
2023-11-10 18:14:22
12432
1
原创 弹性盒子(display:flex)详解
在css中我们使用display大多都是用来转换元素类型的，这种方法在我们实现页面布局中大部分地方都很好用，但难免还是会有一定的局限性，那么弹性盒子就有可能帮助我们更好的去进行批量改变子元素的布局。
2023-11-09 10:37:47
12550
2
原创 display属性详解
display属性用于指定一个元素在页面中的显示方式display:block(将元素转换为块元素)（将元素转换为行内元素）（将元素转换为行内块元素）（元素将被隐藏）（将元素作为弹性盒子显示）（将元素作为网格容器显示）（将元素作为表格显示）display简单应用在元素类型的转换，首先我们要理解三种元素类型。HTML中标签元素大体被分为三种不同的类型：块元素、行内元素和行内块元素，各自具有不同的特点以及用途。元素分类英文举例独占一行默认宽度设置宽高块元素block。
2023-11-08 09:53:22
9866
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人