自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

夏天的博客

分享前端技术文章和干货,进步的路上一起努力,也期待你的关注和点赞!

  • 博客(323)
  • 资源 (5)
  • 收藏
  • 关注

原创 回顾2023展望2024,追逐光成为光

再见,2023!你好,2024!愿新的一年,我们都能成为更好的自己!

2024-02-08 21:42:58 1555 5

原创 js数组常用方法

js数组常用方法还挺多的,如果面试官问你这道题可不要只回答几个哟,那是会扣分的!下面是一篇详细的js数组教程文章

2022-03-27 18:21:09 93035 21

原创 应届生面试反问环节该问什么,提高面试官好感

导语:作为一名应届生,第一次面试后面试官问你:你还要问我些什么吗?很多童鞋可能不知道该问什么。以下是自己的一些个人经验,大家有不同意见的也可以一起讨论。首先分为技术面试官和HR连个角色出发:反问技术面试官,可以问:1、自己所应聘的部门有多少人?进去后是由谁负责带?2、贵公司就前端而言所用到的技术栈?3、贵公司的培训项目是什么样的呢?4、这次面试多久可以出结果?是否还有下一轮?5、学习建议类(如果面试的时候对自己的技术面很没底的话,这个时候你可以问一问别人关于学习前端的一些经验,一般面试官都很

2020-12-15 21:16:47 39192 6

原创 华为 CANN:昇腾 AI 的异构计算架构核心与开源生态解析

CANN 不仅是华为昇腾 AI 的技术核心,更是国产 AI 计算架构自主化的关键载体。通过端云一致的分层架构全栈开源的开放策略与极致易用的开发体验,CANN 正在打破国外 AI 计算架构的生态壁垒,为开发者提供了从 “硬件适配” 到 “应用落地” 的全流程支持。欢迎大家到GitCode参与共建。

2025-11-24 15:12:35 585

原创 彻底解决 Flutter 开发 HarmonyOS 应用:No Hmos SDK found 报错

在使用,导致项目创建后无法编译运行。本文结合 Flutter 底层运行逻辑,提供一套的解决方案,同时规避后续编译时的问题。

2025-11-22 18:26:49 1104

原创 开源鸿蒙 Cordova 设备信息插件开发详解

Apache Cordova 是一个开源的移动应用开发框架,允许开发者使用 HTML、CSS 和 JavaScript 构建跨平台移动应用。Cordova 通过插件机制提供了访问设备原生功能的能力,使 Web 应用能够调用系统 API。

2025-11-22 07:01:32 1031

原创 Cordova IP地址查询应用实现技术博客

IP地址查询是网络应用中常见的功能需求,无论是用于网络安全监控、用户行为分析,还是内容分发网络(CDN)优化,都需要准确、高效的IP归属地查询服务。本文将详细介绍如何在Cordova应用中集成高精度IP地址查询功能,支持IPv4和IPv6地址查询,并提供完整的实现方案和代码示例。🚀 实现步骤步骤1: 创建HTML页面结构创建 文件,包含以下核心部分:步骤2: 实现核心JavaScript逻辑创建 文件,实现IP查询的核心功能:2.2 IP查询函数2.3 IP格式验证2.4 结果显

2025-11-21 22:37:48 675

原创 Cordova 开发鸿蒙PC应用藏头诗应用实现技术博客

藏头诗应用是一个基于 Cordova 框架开发的移动应用,通过调用第三方 API 实现智能诗词生成功能。用户只需输入关键字,即可生成包含藏头、藏尾、藏中等不同形式的优美诗词。✅完整的实现方案:从页面设计到 API 集成✅用户体验优化:表单验证、加载提示、错误处理✅Token 管理:自动保存和获取引导✅响应式设计:完美适配各种设备✅最佳实践:代码组织、错误处理、性能优化。

2025-11-21 22:36:00 736

原创 Cordova 鸿蒙PC 定位功能实现技术博客

基础实现:使用获取当前位置错误处理:完善的错误处理和用户提示数据格式化:正确处理时间戳、海拔等数据性能优化:缓存、节流、重试等优化策略持续定位:使用实现位置监听。

2025-11-21 22:35:22 621

原创 Cordova 开发鸿蒙PC应用翻译应用实现技术博客

翻译应用是一个基于 Cordova 框架开发的移动应用,通过调用第三方 API 实现多语言文本翻译功能。用户只需输入文本,选择源语言和目标语言,即可快速获得准确的翻译结果。应用支持自动语言检测和 30+ 种语言的互译。✅完整的实现方案:从页面设计到 API 集成✅用户体验优化:表单验证、加载提示、错误处理✅Token 管理:自动保存和获取引导✅响应式设计:完美适配各种设备✅最佳实践:代码组织、错误处理、性能优化。

2025-11-21 22:34:22 800

原创 Cordova 开发鸿蒙PC应用快递查询应用实现技术博客

快递查询应用是一个基于 Cordova 框架开发的移动应用,通过调用第三方 API 实现快递物流轨迹查询功能。用户只需输入快递单号,即可查询快递的实时物流状态和详细轨迹信息。应用支持自动识别快递公司,也支持手动选择,并针对顺丰和中通快递提供了手机号后四位查询功能。创建 文件,包含:使用 CSS3 实现:创建 文件,实现:更新 Content Security Policy (CSP),允许:结果展示区域2. CSS 样式设计时间线样式状态标签样式3. JavaScript 核心逻辑快递

2025-11-21 22:33:50 1069

原创 Cordova 定位功能在鸿蒙上的实现技术博客

基础实现:使用获取当前位置错误处理:完善的错误处理和用户提示数据格式化:正确处理时间戳、海拔等数据性能优化:缓存、节流、重试等优化策略持续定位:使用实现位置监听。

2025-11-21 12:52:16 990

原创 鸿蒙PC Electron 打印服务实现详解

双重保障:优先使用浏览器原生,降级到 Electron API错误处理:完善的错误处理和日志记录样式优化:使用优化打印效果用户体验:友好的错误提示和加载状态。

2025-11-20 22:51:13 1065

原创 鸿蒙PC Dock 栏隐藏“打开新窗口“功能实现详解

应用级别控制应用实例数量Ability级别launchType控制 Ability 实例模式快捷方式shortcuts数组控制右键菜单项通过配置 + 代码拦截的组合方案,成功实现了隐藏 dock 栏"打开新窗口"功能:✅配置层面快捷方式:清空shortcuts数组✅代码层面onNewWantonCreateElectron 防护:单实例锁✅效果dock 栏右键菜单不再显示"打开新窗口"选项应用以单实例模式运行多层防护确保万无一失。

2025-11-20 20:43:13 672

原创 Electron 文件选择功能实战指南适配鸿蒙

文件选择是桌面应用中最常见的功能之一。主进程:使用打开系统文件选择对话框IPC 通信:渲染进程通过 IPC 请求主进程打开对话框文件信息读取:使用 Node.jsfs模块获取文件详细信息UI 展示:在界面上展示选中的文件信息✅IPC 通信:使用和实现进程间通信✅对话框 API:使用打开系统文件选择对话框✅文件系统操作:使用 Node.jsfs模块读取文件信息✅UI 实现:创建美观的文件选择界面✅错误处理:完善的错误处理和用户提示✅功能扩展。

2025-11-11 22:33:54 1163

原创 Electron 智能文件分析器开发实战适配鸿蒙

智能文件分析器是一个强大的文件信息提取工具,能够自动识别文件类型并提取详细的统计信息。该功能在文件选择的基础上,进一步提供了深度的文件分析能力。✅文件编码检测:通过 BOM 和字符分析检测文件编码✅文本文件分析:统计行数、字数、字符数、段落数✅图片文件分析:通过文件头解析图片尺寸和格式✅UI 设计:创建美观的分析结果展示界面✅性能优化:处理大文件和提升分析速度✅功能扩展:代码分析、JSON 验证、Markdown 分析等。

2025-11-11 22:33:05 1011

原创 Electron 颜色拾取器开发实战适配鸿蒙

颜色拾取器(数码测色计)是一个实时屏幕颜色检测工具,能够精确获取屏幕上任意位置的颜色值。该工具广泛应用于设计、开发、调试等场景。✅屏幕截图技术:使用API 获取屏幕截图✅颜色提取算法:使用 Canvas API 提取像素颜色✅实时鼠标跟踪:使用screenAPI 跟踪鼠标位置✅Canvas 应用:实现放大镜和图像处理✅性能优化:缓存、节流、防抖等优化策略✅IPC 通信:主进程与渲染进程的数据传递。

2025-11-11 22:32:33 693

原创 Electron开发入门:手把手教你打造第一个Hello World应用

Electron是由GitHub开发并维护的开源框架,它基于Chromium(Google Chrome的内核)和Node.js,允许开发者使用Web技术来构建桌面应用程序。简单来说,Electron就是一个“壳”,它把Web页面包裹起来,让Web应用拥有了桌面应用的能力,比如访问本地文件系统、系统托盘、菜单栏等。许多知名应用都是用Electron开发的,例如Visual Studio Code、Slack、Discord等。这也证明了Electron在实际开发中的稳定性和强大功能。

2025-11-09 17:26:42 651

原创 Electron 桌面应用开发入门指南:从零开始打造 Hello World

在现代软件开发中,跨平台桌面应用开发一直是一个热门话题。传统的桌面应用开发需要针对不同的操作系统使用不同的技术栈,而 Electron 的出现改变了这一现状。本文将带您从零开始,使用 Electron 构建一个功能完整且美观的 Hello World 应用。Electron 是一个使用 Web 技术(JavaScript、HTML 和 CSS)构建跨平台桌面应用的开源框架,由 GitHub 开发并维护。跨平台:一次编写,在 Windows、macOS 和 Linux 上运行Web 技术栈。

2025-11-09 17:26:11 1153

原创 Electron 应用中的系统检测方案对比

方案可靠性信息量易用性性能推荐度适用场景⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐🏆首选平台判断、条件逻辑⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐🥇推荐详细信息、系统监控os.type()⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐🥈可用日志记录、调试信息⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⚠️不推荐Web 兼容(已废弃)⭐⭐⭐⭐⭐⭐⭐⭐❌避免遗留代码(不推荐)日常开发:优先使用需要详细信息:使用os模块的各种方法日志和调试:使用os.type()和避免使用和。

2025-11-09 17:25:38 724

原创 Electron 如何判断运行平台是鸿蒙系统(OpenHarmony)

Electron 判断鸿蒙系统的核心是抓住系统信息中的特征标识,通过 Node.js 的os模块或 Chromium 的userAgent即可实现。在实际开发中,建议结合两种方法并做好异常处理,同时关注鸿蒙生态的最新适配动态,为应用的跨平台能力打下坚实基础。如果需要进一步实现 Electron 应用在鸿蒙系统上的完整适配(如权限申请、API 兼容等),可以留言交流,后续将推出相关实践教程!

2025-11-09 17:25:04 609

原创 仓颉语言实战:从零构建闰年判断工具库

在深入代码之前,让我们先理解闰年的定义。闰年是为了弥补人为规定的纪年与地球公转产生的差异而设立的。地球绕太阳公转一周实际需要约365.24219天,而日历年份为365天,因此每隔一段时间就需要增加一天来调整这个差异。通过这个闰年判断工具库的开发实践,我们体验了仓颉语言的开发流程,从项目搭建、代码实现、单元测试到文档编写,完成了一个完整的开源项目。核心收获简洁的代码设计:一个好的库不在于代码多,而在于API设计得是否优雅完善的测试覆盖:100%的测试覆盖率是质量保证的基础详实的文档。

2025-10-30 23:05:42 6011

原创 仓颉随机数生成实用指南:从基础到扩展应用

通过本文介绍的方法,你可以灵活应对各类随机数生成场景。如需更复杂的随机分布(如正态分布、泊松分布),可参考。在编程开发中,随机数生成是一项基础且常用的功能。本文将通过实例代码,详细介绍如何使用Cangjie语言的。包生成各类随机数,并拓展讲解其高级用法。实际开发中,常需要限定随机数的取值范围。:区间参数遵循“左闭右开”原则(包含。),需根据实际需求调整边界值。包中的高级生成器类。

2025-10-28 22:21:35 355

原创 级联框-带搜索功能版本

1.子组件CascaderSelect.vue。

2025-09-19 07:33:43 151

原创 表格底部增加一行合计功能的实现

【代码】表格底部增加一行合计功能的实现。

2025-09-12 08:30:58 343

原创 级联框组件实现-版本2

【代码】级联框组建实现-版本2。

2025-09-10 13:21:51 153

原创 级联框的实现

1.只展示最小级在输入框中;2.可以任意选中一个层级;

2025-09-09 23:39:01 149

原创 React Native 鸿蒙化学习指南

了解 React Native 鸿蒙化的整体框架结构和设计理念,为后续学习打下基础。框架介绍深入学习 React Native 鸿蒙化的架构设计,包括组件结构、数据流向等关键内容。架构介绍。

2025-07-23 00:29:51 953

原创 数字中文转换格式插件

nutpi-chinese-number-format是一款专为uni-app开发的UTS插件,提供全面的中文数字格式化功能。支持阿拉伯数字与中文数字的双向转换、大写格式转换、智能单位处理(万/亿)、大数字近似表示以及月份转换等特性。该插件采用UTS(UniApp TypeScript)技术开发,确保类型安全和跨平台兼容性(支持App/H5/小程序等)。内置简体/繁体中文支持,通过高效映射表设计优化性能,适用于电商价格、财务金额、日期显示等多种场景开发需求。

2025-07-23 00:15:00 1307

原创 基于UniAppX与NutPi-IDCard的鸿蒙平台身份证识别插件开发指南

本文介绍了基于UTS开发的uni-app插件nutpi-idcard,支持解析中国居民身份证、港澳台居住证和外国人永久居留身份证信息。插件核心功能包括:提取地区、出生日期、性别等关键数据,采用纯UTS实现确保跨平台兼容性。开发过程涵盖项目初始化、数据结构定义、解析逻辑实现(通过正则匹配证件类型并调用对应解析函数)以及多平台适配。文章还分享了开发中遇到的模块导入路径、Git标签推送等问题及解决方案。该插件为开发者提供了简单高效的身份证信息解析工具。

2025-07-23 00:00:00 1413

原创 使用uni-app x 开发鸿蒙pc应用

uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎,现已支持编译成 HarmonyOS Next 原生应用(4.61+)uni-app x 包括 uvue 渲染引擎、uts 语言、uni的组件和API、以及扩展机制。

2025-07-22 22:00:00 342

原创 UTS 插件在前端的引入与使用指南

本文介绍了UTS插件在前端的两种引用方式:泛型引用(整体导入)和显性引用(按需导入),并提供了电池电量管理插件等实际示例。文章还讲解了UTS插件间的相互调用方法,强调需要在package.json中声明依赖并使用绝对路径导入。UTS插件作为uni-app生态中的跨平台扩展工具,能帮助开发者高效集成原生功能,构建高性能应用。

2025-07-22 04:00:00 1279

原创 使用 UTS 调用鸿蒙原生 API

uts,全称 uni type script,统一、强类型、脚本语言。web平台,编译为JavaScriptAndroid平台,编译为KotliniOS平台,编译为Swift(HX 3.6.7+ 版本支持)harmonyOS平台,编译为ArkTS(HX 4.22+ 版本支持)在现有架构下,ArkTS和JS在同一环境下执行,不涉及通讯等问题。明天我们会单独的把这一部分进行详情的讲解,力求大家遇到类似的问题的时候,也能顺利的解决。

2025-07-22 03:45:00 412

原创 uni-appx开发鸿蒙插件示例

参考:https://doc.dcloud.net.cn/uni-app-x/plugin/uts-plugin.html右键点击目录 -> 新建插件在HBuilder X 中选中你的项目下目录,右键选择新建uni_modules插件, 例如 选择类型 uts插件为了避免和插件市场的其他插件冲突,建议起一个自己的插件前缀名称。uts插件目录结构package.json 为 uni_modules 插件配置清单文件,负责描述插件的基本配置。上面是一个默认的清单文件示例,关于 package.json 更多描

2025-07-22 03:30:00 1535

原创 uni-app x 跨平台实战入门:从 0 到 1 开发 HarmonyOS 5 鸿蒙原生应用

本课程通过"随机笑话"实战案例,系统讲解基于uni-app x的跨平台开发技术。学员将学习使用uni-app x构建原生鸿蒙应用,并掌握多端适配技巧,实现一套代码同时覆盖HarmonyOS、Android、iOS、微信小程序和Web平台。课程内容涵盖环境搭建、功能开发、多端适配到打包部署全流程,重点解析折叠屏适配、样式兼容等实战问题。采用Vue3语法+Uni TypeScript技术栈,适合鸿蒙开发者、跨平台工程师及企业团队快速上手多端应用开发。

2025-07-22 03:15:00 769

原创 鸿蒙开发问题总结

我们在开发的过程中,或多或少会遇到一些开发方面的问题。今天就来罗列一下。

2025-07-22 03:00:00 1109

原创 uni type script基础知识讲解

声明一个可重新赋值的变量。语法let [变量名] : [类型] = 值;。相当于 TypeScript 中的 let、kotlin 中的 var、swift 中的 var。// 声明一个字符串变量// 重新赋值类型除了 string 之外,更多类型见数据类型声明一个只读常量,只能为其赋值一次。语法const [变量名] : [类型] = 值;。相当于 TypeScript 中的 const、kotlin 中的 val、swift 中的 let。// 声明一个字符串常量// 报错,不允许重新赋值。

2025-07-22 02:45:00 799

原创 uniapp for Harmony学习路线

摘要:学习uniapp for Harmony的开发路线包括:1)掌握Vue3基础,包括选项式和组合式API;2)学习uniapp框架,了解其跨平台特性;3)通过官方文档学习uni-app x和UTS语言,这是支持HarmonyOS的关键技术;4)熟悉HarmonyOS开发指南。建议从Vue3开始,逐步深入uniapp和UTS,最后结合HarmonyOS文档进行实践开发。学习过程中可参考各技术官方文档,遇到问题可在社区交流。

2025-07-21 22:29:17 594

原创 从开发者视角解析:Uniapp 与 Flutter 的核心差异与选型指南

uniapp 和 Flutter 各有其优点和适用场景。选择哪种框架取决于你的具体需求和偏好。如果你需要快速开发跨平台应用,并且希望使用 Web 技术,那么 uniapp 可能是一个好选择。如果你追求高性能和流畅的用户体验,并且愿意学习 Flutter 的生态系统,那么 Flutter 可能更适合你。同时,需要注意到,性能评估、UI 设计、社区支持和部署与兼容性都是影响选择的重要因素,因此在做出选择之前,最好进行实际的测试和评估。

2025-07-21 22:27:03 1187

原创 uni-app 鸿蒙平台条件编译指南

在 uni-app 开发中,针对不同平台进行条件编译是一项重要技能。尤其是对于鸿蒙平台,合理运用条件编译可以优化代码,实现平台差异化功能。

2025-07-21 22:22:30 611

【Node.js开发】Prisma vs TypeORM:现代ORM框架对比及Prisma在Nest.js中的优势分析与迁移实践

内容概要:本文详细对比了2024年Node.js中ORM框架的选择,推荐使用Prisma而非TypeORM。文章指出Prisma在更新频率、下载量、社区支持等方面均优于TypeORM。Prisma拥有更详细的官方文档和更丰富的生态支持,且由商业公司维护,确保了问题的及时解决。在开发体验方面,Prisma解决了TypeORM中存在的多个问题,如findOne(undefined)返回第一条记录、synchronize:true导致数据丢失等。Prisma的接入成本更低,开发者只需通过PrismaService即可操作所有数据库API,而TypeORM则需手动导入多个Repository。Prisma提供更好的类型安全性,自动推导类型,避免了TypeORM中类型提示不准确的问题。此外,Prisma在创建实体、条件创建或更新、聚合函数、分页等功能上也表现出色,提供了简洁高效的解决方案。; 适合人群:对TypeORM有一定使用经验并希望提升开发效率的开发者,尤其是Nest.js项目的开发者。; 使用场景及目标:①评估和选择更适合项目的ORM框架;②简化数据库操作,提高开发效率;③利用Prisma的类型安全性和生态优势,优化项目开发流程。; 阅读建议:建议读者亲自尝试Prisma,体验其简洁高效的特点。特别是对于那些已经在使用TypeORM的开发者,可以参考文中提到的具体问题和解决方案,逐步迁移到Prisma。同时,关注Prisma的官方文档和社区支持,以便更好地掌握其用法。

2025-07-26

【TypeScript编程】Type与Interface的区别详解:面向对象设计与复杂类型组合的应用场景分析

内容概要:文章详细对比了TypeScript中type和interface的区别及其适用场景。两者均可用于定义对象类型,但在扩展方式、声明合并、联合类型支持等方面存在差异。interface支持继承扩展和声明合并,适合面向对象编程、类的设计和实现;而type通过交叉类型扩展,支持联合类型和交叉类型定义,适合复杂类型组合和类型别名定义。此外,interface仅限于对象类型定义,而type可以定义基本类型、元组、联合类型等。两者在实际开发中可以互补使用,根据具体需求选择合适的方式。 适合人群:有一定TypeScript基础的开发者,尤其是对类型系统有深入了解需求的技术人员。 使用场景及目标:①理解TypeScript中type和interface的核心区别;②掌握二者在不同场景下的最佳实践;③提高在项目中选择合适类型定义的能力。 阅读建议:由于type和interface各有优势和局限,建议读者结合实际项目需求,深入理解两者的特性和应用场景,灵活运用到代码设计和开发中。

2025-07-26

Web开发跨域资源共享(CORS)机制详解:HTTP头配置与实战案例分析

内容概要:本文详细介绍了跨源资源共享(CORS)机制,包括其基本概念、工作原理及关键的HTTP头部信息。CORS是基于HTTP头部的机制,用于控制浏览器是否允许跨域请求。文中解释了常见的CORS响应头,如Access-Control-Allow-Origin、Access-Control-Allow-Credentials、Access-Control-Allow-Headers等的作用和用法。文章还通过具体的代码示例展示了如何在Node.js环境中配置CORS,包括简单的GET和POST请求的跨域处理,以及如何使用Vite进行跨域请求的代理配置。此外,还讨论了携带Cookie的跨域请求和处理img、canvas等标签的跨域问题。 适合人群:具备一定前端和后端开发经验的开发者,特别是那些需要处理跨域问题的技术人员。 使用场景及目标:①帮助开发者理解CORS的工作原理,掌握常见的CORS头部信息及其应用场景;②指导开发者在Node.js环境中配置CORS,解决实际项目中的跨域问题;③介绍如何使用Vite代理配置解决前端开发中的跨域问题;④讲解如何处理img、canvas等标签的跨域访问问题。 其他说明:本文不仅提供了理论知识,还结合了实际代码示例,帮助读者更好地理解和应用CORS机制。建议读者在学习过程中多动手实践,结合代码调试加深理解。

2025-07-26

前端开发前端架构设计与工程化的核心理念及实践:提升开发效率与项目管理质量的系统方法论

内容概要:本文深入探讨了前端架构设计与工程化的概念及其相互关系。前端架构设计旨在规划一系列抽象模式,指导项目开发;前端工程化则是将系统化的方法应用于开发、运行和维护。两者相辅相成,优秀的设计需向工程化妥协,确保实际可行性。文章强调了架构设计的三个通用原则:合适原则、简单原则和演化原则。同时,详细介绍了前端工程化的内容,包括规范制定、技术选型、开发与测试、构建与部署以及监控等方面。文中还结合作者的实际工作经验,分享了在小团队中如何进行前端工程化的具体实践,如使用GitLab、Jenkins等工具进行版本管理和自动化部署。 适合人群:具备一定前端开发经验的研发人员,特别是工作1-3年的前端工程师。 使用场景及目标:①帮助读者理解前端架构设计与工程化的概念及其重要性;②提供实际项目中的前端工程化实践案例,如规范制定、技术选型、开发与测试、构建与部署、监控等环节的具体操作方法;③引导读者思考如何在实际工作中应用这些理念和工具,提升项目的开发效率和质量。 阅读建议:本文内容丰富,涵盖了前端开发的多个方面。建议读者结合自身的工作场景,重点关注与自己当前项目相关的内容,并尝试将其应用到实际工作中。对于一些具体的工具和技术,可以通过查阅官方文档或参考其他资源进一步学习。

2025-07-26

前端开发基于Vue3的上下无限滚动实现:页面垂直方向持续循环滚动的设计与优化

内容概要:本文介绍了如何在Vue3中实现上下无限滚动的效果。首先,准备基础页面并隐藏滚动条,然后通过`scrollTo`方法结合`requestAnimationFrame`实现持续滚动。为了避免滚动到底部停止的问题,采用将滚出视口的元素复制到列表末尾的方式,确保滚动永不停止。针对长时间运行可能导致的内存占用问题,提出了在滚动完一轮时重置数据的优化方案,以保证用户体验流畅。最后提供了完整的代码示例,包括HTML、TypeScript和LESS样式,详细展示了实现过程。 适合人群:熟悉Vue3框架,有一定前端开发经验的开发者。 使用场景及目标:①适用于需要展示大量动态更新内容的网页,如新闻流、消息列表等;②学习如何优化无限滚动避免性能问题;③掌握Vue3中`ref`、`onMounted`等API的使用。 阅读建议:在理解代码逻辑的同时,重点关注性能优化部分,实践时可尝试调整参数值观察不同效果,并结合浏览器开发者工具监控内存使用情况。

2025-07-26

前端开发Vue组件管理新趋势:实现远程组件加载优化团队协作与项目更新效率

内容概要:本文探讨了Vue组件管理的新趋势——远程加载组件的方法。文章指出传统方式下,组件库升级时项目需同步升级依赖并重新部署,较为繁琐。为解决这一问题,提出了一种新思路:不将组件库作为依赖包安装,而是通过HTTP网络请求从静态服务器获取组件代码并直接解析渲染。具体实践步骤包括:使用Express搭建静态服务存放组件代码;在项目中通过fetch发起网络请求获取组件代码;利用new Function执行代码并渲染组件。这种方式使得组件库升级后,项目无需更新依赖或重新部署即可获取最新组件功能。 适合人群:有一定前端开发经验,特别是对Vue有一定了解的研发人员。 使用场景及目标:①希望减少组件库升级带来的频繁项目更新和部署工作量;②提升团队协作效率,快速集成最新组件功能;③探索Vue组件管理的新方法和技术。 阅读建议:本文提供了详细的实践案例,在阅读过程中应重点关注远程加载组件的具体实现步骤,并尝试动手实践,以便更好地理解其工作原理和应用场景。

2025-07-26

电脑软件快捷键.doc

这是一份完整的办公软件的快捷键知识,超级适合各种办公人员和学生,都是满满的干货,大家赶紧收藏起来呀!

2019-12-16

春运抢票软件,买票轻轻松松

这是一款12306春运抢票软件

2023-01-11

Chrome90_V90.0.4430.72_XiTongZhiJia.zip

Chrome浏览器90历史版本,有32位的和64位的

2022-01-10

程序员必备专业词汇1700词.docx

该文档里面有完整的计算机专业单词词汇,可以运用到各个英文软件,简单又实用的干货,走过路过的朋友们不要错过,赶紧下载吧!

2019-12-15

web前端知识总思维导图.emmx

一份超级齐全的web前端考试复习脑图,里面有JavaScript+html+css+jquery的知识点总结。

2020-02-27

终面中谈薪资的准则和技巧(offer必备).pdf

关于如何谈薪资这一问题的详细解读

2021-05-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除