- 博客(23)
- 收藏
- 关注
RSS订阅原创 项目中遇到的问题总结
团队开发Vue项目的时候出现了样式冲突问题，主要原因就是没有模块化style，会造成自己开发的页面被被人毁掉或打乱别人开的页面的样式。
2024-03-17 23:51:53
543
原创 数组、对象以及相互转换的方法
数组（Array）是一种在编程中广泛使用的数据结构，用于存储和组织多个元素。在 JavaScript 中，数组是一种特殊的对象，用于存储按顺序排列的值。每个值在数组中都有一个对应的数字索引，用于访问该值。
2024-01-21 23:50:02
1238
原创 深入了解 Redux：JavaScript 应用状态管理的完整指南
总结 Redux 的重要概念，并鼓励读者进一步深入学习。在本篇博客中，我们将深入 Redux 的方方面面，旨在帮助读者全面理解 Redux 并能够在实际项目中应用它。通过本文，您将获得对 Redux 的深刻理解，并能够更加自信地使用它来管理应用程序的状态。
2024-01-14 23:15:50
1216
原创 解决React中的Hooks闭包陷阱（资深前端工程师的干货教程）
闭包是指一个函数可以访问其词法作用域之外的变量。在 React 中，当在useEffect或useState的回调函数中引用状态或 props 时，就会创建闭包。如果不小心处理，闭包可能导致意外的行为，甚至成为 bug 的源头。在 React 中，使用 Hooks 是一种高效和灵活的方式来管理状态和副作用。但是，在使用 useState 和 useEffect 时，务必小心处理闭包陷阱。
2024-01-07 20:59:03
2643
2
原创 深入理解 TypeScript 装饰器：优雅地增强你的代码
装饰器是一种特殊类型的声明，可以附加到类声明、方法、访问器、属性或参数上，以修改其行为。它们被广泛用于框架和库中，用于实现诸如依赖注入、AOP（面向切面编程）、元数据收集等功能。通过本文的介绍和示例，读者可以更好地了解 TypeScript 装饰器的基本概念、语法以及实际应用场景。装饰器作为一种强大的编程工具，能够帮助开发者优雅地扩展和定制代码，增强代码的可维护性和可复用性，是现代前端开发中不可或缺的一部分。希望本文能够帮助你更好地利用装饰器提升你的代码质量和开发。
2024-01-01 20:54:52
541
原创 前端环境搭建react18+typescript+webpack5
到目前为止已经使用webpack5把react18+ts的开发环境配置完成，并且配置比较完善的保留组件状态的热更新，以及常见的优化构建速度和构建结果的配置，完整代码已上传到webpack5-react-ts。还有细节需要优化，比如把容易改变的配置单独写个config.js来配置，输出文件路径封装。这篇文章只是配置，如果想学好webpack，还需要学习webpack的构建原理以及loader和plugin的实现机制。
2023-12-24 22:47:34
1690
2
原创 用Node.js实现图片上传功能的详细指南
在Web应用程序中，图片上传是一项常见的功能需求。Node.js作为一种流行的后端开发语言，提供了许多方法来实现图片上传。本篇博客将带领你逐步实现基于Node.js的图片上传功能。
2023-12-16 16:34:05
1365
1
原创 Token 认证完全指南 (来自前端高级专业编程人员详解)
通过使用 Token 鉴权，我们可以为 Node.js 应用程序提供高度安全的用户认证机制。然而，在实践中，还需要考虑到安全最佳实践、Token 的管理和存储、以及对于不同用户角色的权限控制等方面。希望本文能够为您提供深入理解 Token 鉴权方案的指导，并在您的 Node.js 应用程序中实现可靠的用户身份验证机制。
2023-12-16 15:48:42
553
1
原创 学生管理系统项目总结
数据驱动视图是指通过数据来驱动页面的显示和行为，使得页面的展示和交互元素可以根据数据的变化而自动更新。这种开发模式通常使用前端框架或库来实现，例如Vue.js、React等。简单来说，其实就是通过操作原始数据来进行显示更新页面，通过更改原始数据重新渲染页面。而并非使用dom操作。
2023-12-09 16:29:44
1204
原创 箭头函数详解
ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。箭头函数没有自己的this指向，它会捕获自己定义所处的外层执行环境，并且继承这个this值。箭头函数的this指向在被定义的时候就确定了，之后永远都不会改变。永远）解析：普通函数的setTimeout 一秒后执行是在全局作用域，所有this指向window对象，this.id指向了全局变量id，输出Golbal。
2023-11-26 23:49:39
4753
1
原创 解读 HTTP1/HTTP2/HTTP3
由于HTTP/1.x的缺陷，我们会引入雪碧图、将小图内联、使用多个域名等等的方式来提高性能。不过这些优化都绕开了协议，直到2009年，谷歌公开了自行研发的 SPDY 协议，主要解决HTTP/1.1效率不高的问题。谷歌推出SPDY，才算是正式改造HTTP协议本身。降低延迟，压缩header等等，SPDY的实践证明了这些优化的效果，也最终带来HTTP/2的诞生。安全不足和性能不高，由于背负着 HTTP/1.x 庞大的历史包袱,所以协议的修改,兼容性是首要考虑的目标，否则就会破坏互联网上无数现有的资产。
2023-11-18 15:22:24
338
1
原创 JavaScript中的继承
继承是面向对象编程中重要的概念之一，它允许我们创建一个新的类（子类），从一个现有的类（父类）中继承属性和方法。在JavaScript中，继承可以通过多种方式实现，包括原型链继承、构造函数继承和组合继承等。组合继承是结合了原型链继承和构造函数继承的方式。它通过在子类构造函数中调用父类构造函数，并使用Object.create()方法来继承父类原型上的方法。它利用原型链的特性，使子类能够共享父类的属性和方法。创建一个子类构造函数，并将父类实例赋值给子类的原型。在父类的原型上定义共享的方法。
2023-11-01 21:02:11
92
1
原创 什么是BFC，他有什么用？
BFC - Block Formatting Context 块级格式化上下文 BFC的定义，在官方文档到中是这么介绍的：一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素，BFC是一块块独立的渲染区域，可以将BFC看成是元素的一种属性，拥有了这种属性的元素就会使他的子元素与世隔绝，不会影响到外部其他元素。假设box1和box5是两个BFC区域，那么根据上述原理能理解到的就是，box1这个BFC区域包含了子元素box2，box3，box4，box5。
2023-10-31 19:16:10
327
1
原创 何为懒加载
懒加载也叫做 延迟加载、按需加载 ，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前，可视化区域之外的图片不会进行加载，在滚动屏幕时才加载。这样使得网页的加载速度更快，减少了服务器的负载。懒加载适用于图片较多，页面列表较长（长列表）的场景中。
2023-10-28 15:56:07
138
1
原创 杨辉三角（基础理解）
1、创建二维数组2、给二维数组的每个位置赋值首尾赋值 1中间值赋值3、打印二维数组1、创建二维数组整个方法指定一个参数row 表示要打印的杨辉三角行数先创建一个一维数组表示行数再以每一行已经创建好的数组位置为基准根据杨辉三角的特点——每行数字的个数与行号相同 创建新数组完成整个二维载体数组的创建这里有一个注意点就是 以每行数组为基准时创建新数组的下标应该为 i + 1因为行数数组的下标从0开始 因此for循环遍历中 i 也应该从0开始。
2023-10-28 15:11:06
196
1
原创 JS 的垃圾回收机制
总而言之，垃圾回收是一项必不可少的内存管理机制，希望大家都能理解其原理，并运用在实际开发中，避免造成内存泄漏的问题，提高应用程序的性能和用户体验。
2023-09-18 19:16:06
297
1
原创 JavaScript进制转换的方法及小数精度缺失
toFixed() 方法toFixed() 方法使用定点表示法来格式化一个数，会对结果进行四舍五入。语法为：参数digits表示小数点后数字的个数；介于 0 到 20 （包括）之间，实现环境可能支持更大范围。如果忽略该参数，则默认为 0。
2023-09-10 17:54:06
307
1
原创 垂直居中布局 、 网格（Grid）布局 、 响应式布局
实操实践：使用媒体查询（Media Queries）来应对不同的屏幕尺寸。应用场景：实现复杂的网格化布局，例如实现产品展示页面、图文混排等。应用场景：根据不同设备的屏幕尺寸调整布局，以提供更好的用户体验。单方面的水平居中或者垂直居中布局，都可以按照上面的方法来实现。
2023-09-02 16:38:22
1341
原创 css双飞翼布局与圣杯布局
圣杯布局和双飞翼布局达到的效果基本相同，都是侧边两栏宽度固定，中间栏宽度自适应。主要的不同之处就是在解决中间部分被挡住的问题时，采取的解决办法不一样，圣杯布局是在父元素上设置了padding-left和padding-right，在给左右两边的内容设置position为relative，通过左移和右移来使得左右两边的内容得以很好的展现，而双飞翼则是在center这个div中再加了一个div来放置内容，在给这个新的div设置margin-left和margin-right。
2023-08-26 17:26:29
354
原创 HTML的发展与应用
HTML(Hyper Text Markup Language)中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML不是一种编程语言，而是一种标记语言，它提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就用相应的HTML标记描述即可。HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。
2023-08-18 17:21:44
501
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人