- 博客(553)
- 资源 (3)
- 收藏
- 关注

原创 2024年总结的前端学习路线分享(学习导读)
最后让我们来总结一下去年前端学习方面的经验和不足。在去年,我通过阅读书籍、参加课程、完成项目等方式不断深入学习前端技术,掌握了HTML、CSS、JavaScript等基础技能,并且学习了Vue、React等流行的前端框架。我意识到,持续不断地学习是非常重要的,只有不断学习才能跟上技术的发展。同时,我还参与了一些实际项目的开发工作,这让我更好地理解了前端技术在实际应用中的价值和意义。当然去年取得了一个实习的机会,得到了不少的锻炼,大家学习的最终目的也是为了得到一份工作,早早去实习是一个明智的选择!
2024-01-01 20:05:19
7221
25

原创 2023年总结的web前端学习路线分享(学习导读)
以上是博主自学一年前端总结的一些经验,虽然不是特别的准确但是至少能够给刚入学的前端小白一个借鉴的分享,我也会把一些人可能问到的问题总结如下,给大家分享一下我的经历:前端难不难?前端相较于后端语言来说还是比较简单的,不用考虑太多的算法方面知识,如果你的编程能力不是特别的优秀又想从事编程行业,前端可以说是一个不错的选择。前端好就业吗?近几年由于培训机构输出大量的程序员,导致现在前端有一点饱和,人数的众多导致企业对人才的要求也提高了,如果你想从事前端,建议早最准备学习多项技术才能让自己不被淘汰下去。
2023-03-06 18:43:01
23304
106
原创 Amazon SageMaker:让AI开发变得简单与高效
Amazon SageMaker是一个端到端的机器学习平台,可简化AI模型开发全流程。该服务提供2个月免费试用期,包含训练、部署和预训练模型库等功能。文章重点介绍了Nova模型定制流程和通过ECS部署OpenAI兼容API的方法,使现有应用能快速接入SageMaker推理端点。SageMaker降低了AI开发门槛,支持多语言开发,适合从初学者到专家的各类用户实现机器学习项目。使用后需注意及时关闭服务以避免额外费用。
2025-08-15 16:56:45
587
原创 Amazon Bedrock如何轻松实现复杂的生成式AI模型?
Amazon Bedrock是亚马逊云科技推出的一站式AI模型托管服务,集成了来自AI21 Labs、Anthropic、Meta等领先企业的多种高性能基础模型。该服务提供无服务器架构,开发者无需管理基础设施即可轻松构建生成式AI应用。最新加入的TwelveLabs视频理解模型支持自然语言搜索视频内容、自动生成摘要等高级功能。通过Python SDK和Bedrock API,开发者可以快速将AI能力集成到应用中。此外,Amazon Bedrock还能自动生成结构化行业分析报告,显著提升商业分析效率。新用户可
2025-08-15 14:02:05
856
原创 深入Amazon DynamoDB:高效、无缝的数据存储解决方案
Amazon DynamoDB是亚马逊云科技提供的全托管NoSQL数据库服务,具有高性能、可扩展性和灵活性,适合高并发交易、物联网等大规模应用场景。文章介绍了DynamoDB的无服务器特性、多区域强一致性功能(MRSC)及其在金融交易日志处理中的优势,包括毫秒级延迟和TB级数据吞吐能力。通过Python示例展示了如何实现强一致性读取,并详细说明了表设计和二级索引优化策略。DynamoDB的自动扩展、高可用性和深度AWS集成使其成为处理现代应用数据挑战的理想选择,新用户可获得200美元服务抵扣金。
2025-08-15 12:25:57
884
原创 从HTTP到WebSocket:打造极速实时通讯体验
WebSocket是一种支持全双工、低延迟通信的协议,适用于实时数据传输场景。相比传统HTTP,它通过持久连接实现双向实时通信,降低延迟并提高资源利用率,但存在不支持旧浏览器、需额外加密等限制。WebSocket连接通过HTTP升级请求建立,使用心跳机制保持连接稳定。在实时图表等应用中,可通过重试机制、状态管理等优化WebSocket连接。示例代码展示了React结合WebSocket实现实时数据更新的方法,包括连接管理、数据处理和图表优化等关键功能。
2025-08-04 22:12:52
982
8
原创 动感按钮:如何打造交互感十足的点击动画效果
本文详细介绍了如何通过React实现按钮点击时的波纹和涟漪效果。文章首先分析antd组件库的波纹效果实现原理,随后分步骤讲解如何封装通用组件,包括处理子节点验证、样式同步、动画触发等关键点。作者提供了完整的代码实现,支持三种反馈模式(波纹、涟漪和无效果),并通过动态样式管理实现灵活扩展。最终效果模拟了主流UI库的交互体验,同时保持代码结构的简洁性和可维护性。该方案适用于需要增强用户交互反馈的场景,开发者可通过props自由切换不同动效类型。
2025-08-03 20:32:47
720
4
原创 React--》实现 PDF 文件的预览操作
本文介绍了在React应用中实现PDF预览功能的方法。重点对比了pdfjs-dist、react-pdf和pdf-viewer三种PDF预览工具的特点,并选择react-pdf作为实现方案。文章详细展示了如何配置react-pdf组件、设置PDF文档容器和页面显示,并仿照e签宝样式进行布局调整。通过代码示例演示了实现PDF缩放、分页切换、滚动条定位等基础功能,以及全屏操作的封装实现。该方案为React开发者提供了完整的PDF预览功能实现思路,并可根据需求进一步扩展其他功能。
2025-07-29 21:33:34
869
原创 React--》规划React组件库编码规范与标准 — Button篇
本文详细介绍了如何规范化开发一个Button组件,包括BEM命名规范应用、样式解决方案设计、组件单元测试和文档化部署。文章首先阐述了组件化开发的核心思想,然后从Button组件的属性定义、目录结构、类型系统等方面展开说明。重点讲解了采用BEM规范实现组件样式管理,使用SCSS预处理器和色彩系统解决样式问题,并通过Vitest进行单元测试确保组件稳定性。最后介绍了利用GitHub Actions实现自动化部署和Changeset管理版本的流程,为后续组件库开发提供完整方案。
2025-07-29 21:29:19
821
6
原创 React--》使用vite构建器打造高效的React组件库
vite作为一款现代化的构建工具以其极速的构建速度和出色的开发体验,成为了众多开发者的首选工具,接下来我们就开始通过vite构建工具来构建结构清晰的react组件库
2025-06-14 12:11:19
1259
9
原创 前端开发者必看:深入解析包管理器安装机制与防护策略
无论是用来管理依赖包还是加速开发效率,包管理器都为我们带来了极大的便利,然而随着包数量的激增和开源社区的不断发展,安装问题逐渐成为一个不容忽视的挑战,本文将深入探索包管理器安装机制的核心以帮助在开发过程中规避潜在的安全风险
2025-06-04 10:20:17
750
8
原创 React--》掌握react组件库设计与架构规划
本文系统介绍了React组件库的设计与开发流程。重点阐述了组件库架构设计的分层原则(基础组件、复合组件、主题样式等)、解耦思想、响应式设计等核心要素,并详细讲解了技术选型方案,包括包管理工具、TypeScript应用、文档生成工具等。作者通过实际项目演示了从零搭建组件库的具体步骤,包括Rollup配置、Babel转换、TypeScript支持等关键技术实现。文章强调组件库开发不仅是技术实践,更是系统化思维的锻炼,为开发者提供了从设计到落地的完整思路。
2025-05-27 22:20:30
1506
8
原创 文档工具解析:前端如何选择最适合的文档生成器?
本文介绍了五个流行的文档工具:Dumi、Storybook、VitePress、VuePress和Docusaurus。Dumi专注于组件库文档开发,支持React/Vue和Markdown;Storybook提供UI组件交互式展示环境;VitePress基于Vite构建高性能文档站点;VuePress利用Vue.js构建内容丰富的网站;Docusaurus专为开源项目设计,支持多语言和版本控制。文章详细分析了各工具的特点、优势及局限性,并提供了安装配置指南,帮助开发者根据需求选择合适工具提升文档管理效率。
2025-05-26 22:09:51
1003
原创 提升代码质量:不可忽视的 JavaScript 单元测试技巧
本文全面介绍了JavaScript测试开发的核心要点。首先强调单元测试对代码质量和开发效率的重要性,分析其作用与适用场景。接着详细介绍主流JS测试框架(Jest、Ava、Jasmine、Mocha)及特点,重点讲解Jest的使用方法,包括匹配器、Mock函数、覆盖率统计和快照测试等核心功能。文章还涵盖组件UI测试(Testing Library)和端到端测试(Cypress)的实践方法,提供完整的测试解决方案。通过系统化的测试策略,开发者可以有效提升代码可靠性,实现持续集成和快速迭代。
2025-05-25 21:34:06
903
7
原创 静态网站部署:如何通过GitHub免费部署一个静态网站
GitHub Pages 是 GitHub 提供的一项免费服务,允许用户托管静态网站,如个人博客、项目展示等。它支持 HTML、CSS 和 JavaScript 文件,且完全免费,支持自定义域名。使用 GitHub Pages 无需配置和维护服务器,适合个人开发者和小型项目。然而,它仅支持静态内容,不支持后端应用或动态功能,且每个仓库有 100MB 的文件大小限制。部署过程包括创建 GitHub 仓库、上传网站文件、设置 GitHub Pages 分支,并通过 Git 提交更新。对于需要复杂功能的项目,Gi
2025-05-18 17:59:38
3054
2
原创 前端脚手架开发指南:提高开发效率的核心操作
本文详细介绍了如何开发一个定制化的前端脚手架工具,以提高开发效率并减少重复工作。文章从初始化项目、安装必要插件、配置TypeScript编译环境开始,逐步讲解了如何通过nodemon实现自动编译和热更新。接着,文章深入探讨了如何封装和抽离命令配置,以及如何通过API与Git仓库进行交互,实现模板的下载和渲染。最后,文章介绍了如何使用EJS和Consolidate进行模板渲染,生成动态内容。通过这些步骤,开发者可以构建一个适合自身团队需求的强大脚手架工具,提升前端开发的效率和质量。
2025-05-16 14:47:53
1465
5
原创 Yeoman实战指南:从零打造自定义项目生成器
Yeoman是一个由Google开发的开源工具链,旨在自动化项目脚手架的创建,帮助开发者避免重复劳动。它通过生成器(Generators)快速搭建项目结构,并集成了主流框架和工具的最佳实践。Yeoman适用于复杂项目结构和多技术栈的场景,与其他专用脚手架工具(如Create React App、Vite、Angular CLI)相比,具有更高的通用性和灵活性。生成器是Yeoman的核心组件,通过代码逻辑生成定制化的项目结构,支持多种技术栈和项目类型。开发者还可以自定义生成器,以满足特定业务需求。Yeoman
2025-05-15 15:31:52
878
5
原创 Rollup入门与进阶:为现代Web应用构建超小的打包文件
Rollup 是一个轻量且高效的 JavaScript 打包工具,特别适用于构建库和模块化应用程序。与 Webpack 相比,Rollup 能生成更精简的代码,通过 tree-shaking 去除未使用的代码,优化模块。Rollup 支持 ES 模块格式,插件丰富,可高度自定义。本文详细介绍了 Rollup 的初始化、配置、Babel 转换、多入口打包、加载三方依赖、TypeScript 支持、代码压缩、HTML 模板生成、开发服务器启动、Vue 组件处理以及 CSS 压缩等功能。
2025-05-13 23:10:57
1396
4
原创 前端npm包发布流程:从准备到上线的完整指南
本文详细介绍了如何在npm平台上发布和管理包的全过程,包括账号注册、镜像切换、包的初始化和发布、版本更新及删除等关键步骤。文章还提供了关于包配置的详细说明,如package.json文件的各项配置及其意义,帮助开发者更好地准备和发布npm包。此外,文章还探讨了npm的一些高级功能,如预发布版本的处理、默认安装版本的设置等,旨在提升开发者的发布效率和包的管理能力。通过这些指导和技巧,开发者可以更顺畅地在npm上发布和维护自己的包。
2025-05-11 17:24:53
2649
15
原创 如何利用 Elastic Load Balancing 提升应用性能与可用性?
亚马逊云科技随着业务规模的增长ELB 的重要性不言而喻。从微服务架构到大规模分布式应用,它的灵活性和智能化调度能力让开发者能够集中精力在核心业务上而不必为负载均衡问题操心。只需要专注于提升用户体验和创新,而ELB将会默默保障架构始终在最佳状态运行:想象一下,如果没有 ELB如何应对数百万用户并发访问时的压力?而它的自适应能力使得我们能够轻松应对不确定的流量变化。Elastic Load Balancing 为我们带来的不仅是技术上的便利,更是一种无形的竞争优势。
2025-05-07 21:52:37
1201
2
原创 React--》掌握react构建拖拽交互的技巧
在这篇文章中将深入探讨如何使用react-dnd,从基础的拖拽操作到更复杂的自定义功能带你一步步走向实现流畅、可控且用户友好的拖拽体验,无论你是刚接触拖拽功能的初学者还是想要精细化拖拽交互的经验开发者,都能从中找到适合自己的灵感和解决方案。
2025-05-04 19:01:53
1823
12
原创 前端脚手架开发指南:掌握开发脚手架基础技巧
前端脚手架通过自动化的方式可以提高开发效率并减少重复工作,而最强大的脚手架并不是现成的那些工具而是属于你自己团队量身定制的脚手架!本篇文章将带你了解脚手架开发的基本技巧,帮助你掌握如何构建适合自己需求的工具,并带着你一步步走向前端开发的全新高度。
2025-05-02 01:22:00
1589
5
原创 加速用户体验:Amazon CloudFront 实践与优化技巧
Amazon CloudFront 是一项强大的全球内容分发网络(CDN)服务,提供了高效、低延迟的内容分发能力。最近,Amazon CloudFront 发布了新的功能——CloudFront Functions,这一更新进一步提升了其灵活性和性能,特别是在请求路由和源站服务器修改方面。亚马逊云科技(链接)CloudFront Functions 的主要优势体现在两个方面。首先,性能得到了显著提升。
2025-04-27 10:07:06
942
2
原创 React--》文件下载优化技巧与最佳实践
在本文中我们将深入探讨前端文件下载的多种实现方式、常见技术挑战以及相关优化策略,希望能够帮助开发者在实现文件下载功能时更好地平衡用户体验与技术细节,提供更加流畅和可靠的下载体验。
2025-03-23 17:46:22
1354
9
原创 React--》文件上传优化技巧与最佳实践
本篇文章将深入探讨如何在React应用中优化文件上传操作提高上传速度,本文将逐步解析常见的优化技巧、最佳实践以及工具使用,帮助你构建更高效、更流畅的前端文件处理系统。
2025-03-23 12:55:06
1440
3
原创 Docker 深度解析:构建现代化应用的必备利器
初识Docker概念:是一个开源的容器化平台,用于开发、打包和分发应用程序,通过Docker开发者可以将应用程序及其所有依赖(包括库、配置文件、系统工具等)打包成一个容器(容器之间使用沙箱机制相互隔离)确保应用在任何环境中都能一致地运行,解决了 “在我电脑上能运行,但在别人的电脑上却无法运行” 的问题,也就是我们常说的 “水土不服” 问题。Docker是用Go语言开发的,所以具有高效的并发性和优越的性能,非常适合开发像Docker这样的分布式系统,其官网:地址 如下所示,详细文档参考:地址 ,并且它也有一个
2025-03-08 22:29:36
1322
10
原创 快速部署:在虚拟机上安装 CentOS 7 的详细步骤
CentOS是一个开源的基于Red Hat Enterprise Linux (RHEL) 的Linux发行版,它的主要目的是提供一个与RHEL相似的操作系统但不包含RHEL的商业支持和服务,完全免费。主要面向那些希望在企业环境中使用稳定、可靠的Linux系统但又不想支付RHEL许可证费用的用户。
2025-03-06 23:17:47
1279
6
原创 深入浅出:从零开始掌握 Autofac 的依赖注入技巧
Autofac:是一个用于.NET应用程序的依赖注入(Dependency Injection,DI)容器,旨在通过控制对象的生命周期和依赖关系来促进松耦合、可测试和可扩展的代码结构,其官方文档:地址 :使用Autofac首先需要在项目中进行安装,可以通过NuGet包管理器来安装,如下所示,接下来就开始对Autofac的基本使用方法来概述:创建接口和实体
2025-03-02 12:20:30
1955
7
原创 掌握SqlSugar:提高数据库操作效率的必备技能
雪花ID适用于分布式、高并发、时序性强的场景,尤其是需要生成有序ID并且要求高性能的情况,常见的应用场景包括高并发网站、分布式服务等;2)机器ID(10位):表示生成ID的机器或服务器的标识,通常用于标识不同的数据中心或不同的机器为了支持更高的并发机器ID的位数可能根据需求有所变化。1)时间戳(41位):表示生成ID时的时间,通常是当前时间减去某个固定的起始时间戳(一般使用毫秒为单位)这样能确保ID是递增的。
2025-03-01 13:38:44
1745
5
原创 从零开始:在.NET Core中快速集成SqlSugar ORM
DbFirst适用于已有数据库的开发,通过数据库生成代码;CodeFirst适用于从零开始的开发,通过代码生成数据库,这两种方法都有其应用场景,开发者可以根据项目需求团队的开发流程以及数据库的现有状态来选择适合的方式。
2025-02-23 11:43:49
2289
8
原创 掌握.NET Core后端发布流程,如何部署后端应用?
无论你是刚接触.NET Core的新手还是已有经验的开发者,在这篇文章中你将会学习到一系列实用的发布技巧与最佳实践,帮助你高效顺利地将.NET Core后端应用部署到生产环境中。
2025-02-20 23:01:33
1979
7
原创 从零开始:使用Jenkins实现高效自动化部署
在这篇文章中我们将深入探讨如何通过Jenkins构建高效的自动化部署流水线,帮助团队实现从代码提交到生产环境部署的全流程自动化。无论你是Jenkins新手还是有一定经验的开发者,这篇文章都会为你提供实用的技巧和最佳实践,助你在项目部署中走得更远、更快。
2025-02-10 21:30:01
3273
9
原创 如何用.NET Core Identity实现定制化的用户身份验证系统
很多常用的校验都需要编写自定义校验规则,而且写起来麻烦。.net core Identity是一个完整的身份验证和授权框架,它帮助开发人员处理用户的登录、注册、角色管理、权限控制以及其他与用户身份相关的操作,标识框架采用基于角色访问控制(Role-Based Access Control,简称RBAC)策略,内置了对用户、角色等表的管理以及相关的接口,支持外部登录、2FA等。2)修改登录并发放令牌的代码,把用户的JWTVersion属性的值自增,并且把JWTVersion的值写入JWT令牌。
2025-02-09 14:46:04
1808
6
原创 React--》使用Toast UI Calendar实现可定制日历的技巧与实践
在现代Web应用中日历组件几乎无处不在,它不仅是展示日期和时间的工具更是提升用户体验的重要组成部分,在这篇文章中,我们将深入探讨如何在React应用中集成并使用日历组件打造出美观、交互性强的日程管理系统。
2025-02-06 00:17:46
1769
8
原创 全栈开发:使用.NET Core WebAPI构建前后端分离的核心技巧(二)
在.net core WebAPI前后端分离开发中,配置系统的设计和集成是至关重要的一部分,尤其是在管理不同环境下的配置数据时,配置系统需要能够灵活、可扩展,且易于维护。下面是配置系统集成的一些实现方式:
2025-02-04 12:42:38
1280
2
原创 全栈开发:使用.NET Core WebAPI构建前后端分离的核心技巧(一)
无论使用哪种过期时间策略,程序中都会存在缓存不一致的清空,部分系统(博客系统等)无所谓,部分系统不能忍受(比如金融),可以通过其他机制获取数据源改变的消息,再通过代码调用IMemoryCache的Set方法更新缓存。
2025-02-03 15:02:06
2652
9
原创 MySQL--》分库分表与读写分离的实战技巧
读写分离简单地说是把对数据库的读和写操作分开,以对应不同的数据库服务器。主数据库提供写操作,从数据库提供读操作,这样能有效地减轻单台数据库的压力。通过MyCat即可轻易实现上述功能,不仅可以支持MySQL,也可以支持Oracle和SQL Server
2025-02-02 13:52:31
818
1
原创 MySQL--》日志与主从复制的实战技巧
日志:是记录数据库操作和事务的文件,主要用于帮助数据库管理员(DBA)跟踪、恢复数据以及进行故障排查,日志是MySQL数据库管理中非常重要的一部分,常见的日志类型有以下几种:
2025-02-01 21:19:36
1585
5
原创 MySQL--》深度解析InnoDB引擎的存储与事务机制
2)ChangeBuffer:更改缓冲区(针对于非唯一二级索引页),在执行DML语句时,如果这些数据Page没有在BufferPool中,不会直接操作磁盘,而会将数据变更存在更改缓冲区ChangeBuffer中,在未来数据被读取时,再将数据合并恢复到BufferPool中,再将合并后的数据刷新到磁盘中。1)Master Thread:核心后台线程,负责调度其他线程,还负责将缓冲池中的数据异步刷新到磁盘中,保持数据的一致性,还包括脏页的刷新、合并插入缓存、undo页的回收。
2025-01-26 21:48:35
1408
2
原创 从CRUD到高级功能:EF Core在.NET Core中全面应用(四)
表达式树:是一种可以描述代码结构的数据结构,它由一个节点组成,节点表示代码中的操作、方法调用或条件表达式等,它将代码中的表达式转换成一个树形结构,每个节点代表了代码中的操作例如,如果你有一个简单的C#表达式x => x.Name == "John",EFCore会将其转化为一个表达式树,这里我们可以通过Expression构建表达式树
2025-01-26 14:00:42
1430
5
硬核!涵盖所有内容的信息论与编码期末复习提纲
2022-06-10
数据库报告-网上图书销售系统.zip
2022-06-07
Java实现计算器程序课题设计
2022-05-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人