- 博客(312)
- 收藏
- 关注
RSS订阅
原创 Mark3D | 用 Mars3D 实现一个炫酷的三维地图
Mark3D是一种结合标记语言与3D建模的技术，通过轻量化的HTML方式快速创建3D场景。开发环境需配置Node.js、VSCode、nginx和Chrome浏览器。核心实现步骤包括：创建index.html文件，引入Cesium和Mars3D库，通过本地服务器运行（不可直接打开文件）。示例代码展示了基础3D地图的创建方法，使用天地图作为底图。注意必须通过HTTP服务运行，避免跨域错误。
2025-12-18 16:33:35
401
原创 react | 从零开始：使用 Create React App 创建你的第一个 React 项目
xxx脚手架用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库项目的整体技术架构为使用脚手架开发的项目的特点模块化组件化工程化，cd到对应项目目录，运行npm start。
2025-12-02 16:04:31
721
原创 vue | 在 Vue 3 项目中集成高德地图（AMap）
本文介绍了在Vue项目中集成高德地图的完整流程：1)获取Web端JSAPI Key；2)通过npm安装@amap/amap-jsapi-loader；3)封装useAmap Hook实现地图初始化和销毁；4)在组件中调用Hook并设置容器样式。关键步骤包括加载SDK、初始化地图实例、添加控件（缩放条、比例尺）以及处理组件卸载时的资源释放。最终实现一个600px高度的3D地图容器，默认显示卫星图层和路网，中心点可自定义配置。
2025-11-24 18:01:24
303
原创 uniapp | 安卓端集成高德地图的智能多边形绘制功能实现
本文介绍了基于uniapp框架实现的高德地图智能多边形绘制功能，包含高德地图API集成、RenderJS通信机制和移动端交互方案。技术方案采用uniapp实现跨平台运行，通过RenderJS解耦逻辑层与地图渲染层，利用AMapLoader安全加载高德地图API。核心功能包括：地图3D视角初始化、卫星图层叠加、标记点添加和多边形自动生成，并通过callMethod实现双向数据通信。实现特色包括：支持多边形编辑模式、实时坐标保存、底部固定操作按钮等优化交互设计，为移动端地理信息系统开发提供了完整的技术参考。
2025-11-18 15:49:59
497
原创 flutter | 布局组件全解析（含实战代码）
Flutter布局系统基于约束传递机制，父组件设定约束范围，子组件决定具体尺寸。常用布局组件包括：单子组件（Container、Center等）、多子线性布局（Row/Column）、弹性布局（Flex）、层叠布局（Stack）、流式布局（Wrap）以及可滚动组件（ListView/CustomScrollView）。其中，Flex通过Expanded实现比例分配空间，CustomScrollView配合Sliver组件可构建复杂吸顶效果。
2025-11-07 16:46:43
937
原创 flutter | 解决web端加载网络资源出现跨域报错
介绍了Flutter开发中解决跨域问题的三个步骤： 在flutter_tools的web配置中添加'--disable-web-security'参数； 删除flutter/bin/cache/目录下的flutter_tools.snapshot和flutter_tools.stamp文件； 重新运行项目并使用flutter doctor -v命令验证。这三个操作可帮助开发者绕过浏览器安全策略限制。
2025-11-07 15:28:35
183
原创 Flutter | 基础组件篇
Flutter项目结构由核心目录(lib/)、测试目录(test/)和Web支持目录(web/)组成。lib/存放主要源代码，包括入口文件main.dart；test/用于单元测试与集成测试；web/提供Web平台支持。pubspec.yaml是项目的核心配置文件，管理依赖与资源。基础组件包括MaterialApp(定义应用主题)、Scaffold(提供页面框架结构)以及状态组件(StatelessWidget和StatefulWidget)。StatefulWidget通过分离状态管理和UI渲染
2025-11-05 08:15:00
1732
原创 Flutter | 基础环境配置和创建flutter项目
Flutter是Google推出的跨平台UI开发工具包，支持iOS、Android等多平台应用开发。本文详细介绍了Flutter的环境配置步骤：包括系统要求、SDK下载（提供百度网盘地址）、环境变量设置以及flutter doctor环境诊断工具的使用。最后演示了如何通过命令行创建第一个Flutter项目并运行。配置过程中需要注意路径无空格中文、正确设置镜像源等细节问题。
2025-11-04 15:16:09
1111
原创 Dart | 安装基础环境和快速入门（保姆级教程）
Dart是一种由Google开发的客户端优化编程语言，广泛用于跨平台开发。本文介绍了Dart SDK的安装方法、基础语法和核心概念。主要内容包括：变量声明方式（var/显式类型/dynamic）、命名规范、final/const常量的区别、字符串操作（插值/拼接/方法）以及集合类型（List/Set/Map）。特别强调了Dart的类型安全特性，同时提供了实用的代码示例，帮助开发者快速掌握Dart编程基础。该语言作为Flutter框架的官方语言，适用于移动、Web等多平台开发。
2025-11-04 14:08:18
1688
2
原创 【高级】| 系统架构师易混淆知识点汇总
聚焦《系统架构设计师考试》的易混淆知识点，按软件架构设计、信息安全技术、嵌入式系统、数据库系统、未来信息综合技术、人工智能六大模块分类，梳理了 30 余个核心易混点。其中，软件架构设计模块涵盖架构视图、微服务与 SOA、缓存技术等；信息安全模块包含网络攻击分类、安全保护等级、访问控制类型；嵌入式系统模块涉及微处理器分类、内核对比；数据库系统模块明确三级模式、备份方式、分区分表差异；未来信息技术模块对比Kappa 与 Lambda 架构、CPS 体系；人工智能模块区分强 / 弱 AI 及技术应用场景
2025-10-26 17:00:00
951
原创 【高级】| 系统架构师高频考点汇总
本文系统梳理了软件系统开发与架构设计的核心知识点，涵盖以下内容： 系统类型与组件：包括决策支持系统（DSS）、专家系统（ES）及企业门户的分类与特征。 软件开发方法：对比瀑布模型、原型法、敏捷开发的适用场景及优缺点，强调需求明确性对方法选择的影响。 UML建模：详解用例图、类图、顺序图的作用及类图中聚合与组合关系的区别（生命周期与所有权）。 架构设计技术：介绍SOA、云原生、边云协同等架构风格，分析MVC分层及缓存模式（如Cache-Aside）的适用场景。
2025-10-25 12:15:00
791
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（3D翻转和渐变导航侧边栏）
页脚分为三列：品牌信息、文字链接和社交图标区，采用响应式网格布局。核心交互是通过CSS3的transform-style、rotateX和translateZ等技术实现图标3D翻转动画，当鼠标悬停时图标会90度翻转显示背面，并伴随文字提示。此外还定制了渐变色滚动条，整体设计采用深色背景搭配紫色和青色主题色，悬停效果丰富，为音乐人LAYZ的静态网站提供了专业而动感的页脚展示。
2025-10-24 18:15:00
145
原创 【高级】| 系统架构师考前热点知识梳理
围绕 2025 年下半年系统架构设计师考试，梳理了企业集成分类、电子政务类型、原型种类、传统架构风格、微服务优势、质量属性分类、云原生架构原则与模式、SAAM 和 ATAM 区别、网络攻击类型、可靠性模型、局域网拓扑结构、嵌入式数据库分类、鸿蒙操作系统架构、备份方式对比、分区与分表差异、Kappa 与 Lambda 架构区别、数字孪生体、人工智能关键技术与应用共二十个核心问题。
2025-10-24 10:30:23
923
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（无缝滚动）
实现了一个图片无缝滚动展示区，采用Bootstrap布局框架。核心结构包含标题区域和三层嵌套的滚动容器（box→scroll→ad1），每组ad1包含多个图片项。通过CSS动画实现图片向左无缝循环滚动（20秒完成-1200px平移），使用flex和grid布局控制图片排列（8列×3行网格）。交互方面包含悬停暂停动画和图片放大效果，视觉上采用圆角设计和固定尺寸（220×180px），整体宽度限制在1180px并居中显示。
2025-10-23 08:30:00
739
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（3D悬停相册）
本文介绍了一个采用Bootstrap和CSS3实现的3D悬停相册效果。相册布局使用Flexbox居中排列，包含5张固定尺寸(220×250px)的图片，并利用-webkit-box-reflect属性为图片添加底部镜像效果。核心交互特性包括：悬停时当前图片放大1.4倍并置顶；非悬停图片进行3D透视变换，沿Y轴旋转45度并缩小；后续兄弟元素反向旋转45度，形成对称的3D画廊效果。该设计通过CSS的perspective、transform和兄弟选择器等特性，实现了具有空间层次感的动态交互体验。
2025-10-22 18:00:00
645
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（卡片折叠效果）
实现了一个影视作品展示区的动态网格布局效果。主要特点包括：1) 使用HTML5语义化标签构建内容区块；2) 通过CSS Grid实现2:1:1:1比例的响应式布局；3) 采用CSS has()选择器实现鼠标悬停时动态调整网格比例；4) 添加平滑过渡动画和文字悬浮效果；5) 设置视差滚动背景和深色遮罩层提升视觉效果。整体设计简洁现代，交互流畅，适用于展示影视作品等多媒体内容。
2025-10-22 12:00:00
498
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（3D翻转卡片）
本文介绍了一个音乐作品展示页面的HTML布局和3D交互效果实现。页面采用Bootstrap栅格系统(col-md-4)实现响应式三栏布局，大屏幕三列显示，小屏幕自动堆叠。核心交互包括：1)3D翻转卡片效果，通过CSS的perspective、transform-style和rotateY实现悬停翻转；2)卡片图片使用CSS动画实现上下浮动效果；3)按钮添加霓虹光效悬停交互。整个页面结构清晰，通过<section>划分区块，并运用Bootstrap的间距工具类(mt-3等)控制版式呼吸感。
2025-10-21 17:15:00
421
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（图片矩阵 3D 变换）
本文介绍了张艺兴个人网站的HTML布局与特效实现。采用Bootstrap栅格系统构建响应式结构，左侧8列展示3D图片墙，通过绝对定位和CSS3变换实现错落排列的卡片效果，包含Y轴旋转、毛玻璃模糊等视觉特效，并设计了悬停动画交互。右侧4列为文字介绍区，运用Flex布局、大号图标和首行缩进等排版技巧。标题采用渐变色彩文字和圆形裁剪路径动画，整体实现了动静结合的展示效果，突出立体感和层次感。
2025-10-21 11:11:04
197
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（轮播图）
该项目采用Bootstrap5构建现代化单页应用，通过纯CSS实现动态效果。技术架构包含Bootstrap5框架、CSS3动画与Flexbox布局，采用深色主题设计。重点阐述了轮播图模块的实现：基于Bootstrap Carousel组件，通过carousel-inner容器、active类标记当前项，配合data-bs-ride启用自动播放。自定义CSS实现响应式适配，包括渐变遮罩、图片自适应及移动端优化。项目展示了CSS动画与交互设计的强大能力，实现
2025-10-20 17:18:25
993
原创 CSS进阶 | 不用一行JS！用纯CSS打造会动的现代化单页应用（顶部导航栏）
小羊咩咩网站是一个基于Bootstrap5.0的现代化单页应用，采用CSS3动画、Flexbox+CSSGrid布局技术实现响应式设计。项目以深色主题为主，运用紫色系配色，通过CSS变量、3D变换和悬停动画打造视觉冲击力。核心功能包括顶部导航栏（含响应式折叠菜单）、毛玻璃效果背景、霓虹灯文字特效和渐变文字设计。技术实现上，结合Bootstrap组件与自定义CSS样式，使用媒体查询实现多设备适配，展示了CSS在前端交互设计中的强大能力。
2025-10-20 16:43:12
736
原创 零成本上线！手把手教你部署个人网站
本文介绍了将前端项目部署到UCloud的完整流程：1)准备工作包括注册UCloud账号、创建服务空间、准备前端代码；2)上传步骤涵盖文件夹上传、域名查看和访问测试；3)最后建议使用草料二维码生成器将网站URL转换为二维码，方便在简历、名片等场景分享。全文提供了从部署到推广的实用指南，帮助开发者快速上线项目。
2025-10-18 10:43:12
442
原创 移动端适配不再难！一文搞懂 rpx、rem、vw、vmin 等所有单位（附实战建议）
移动端适配需要"智能单位"来适应不同屏幕尺寸。常见单位包括：1）px（固定像素）适合边框；2）rpx（小程序专用）自动缩放；3）rem（基于根字体）适合H5项目；4）em（相对父元素）易失控；5）vw/vh（视窗比例）适配精准；6）vmin（取较小比例）更安全。实践建议：小程序用rpx，H5推荐vw/vmin或rem+flexible.js。适配核心是保持页面比例一致，根据项目需求选择最适合的单位方案。
2025-10-17 17:01:22
1045
原创 【高级】系统架构师 | 2021年下半年案例分析真题DAY2
医药销售系统采用MySQL+Redis混合架构，通过反规范化设计（如增加冗余字段）提升查询性能，但需解决数据一致性问题，建议采用触发器自动更新。Redis选用ZSet类型实现热销排名，使用消息队列确保Redis与MySQL数据同步。 摘要2：智能家居系统采用云平台架构，相比传统网关方案具有更强的数据处理能力、扩展性和远程访问支持。系统架构包含用户终端、云平台、微服务等组件，采用TCP协议保障控制指令与设备状态的双向可靠通信。
2025-10-16 18:30:00
586
原创 从“盖房子”到“写代码”：一文看懂6大软件开发模型的智慧
对比了六种软件开发模型的特点。瀑布模型适用于需求明确的项目，但缺乏灵活性；迭代模型通过分阶段逐步完善系统；增量模型将系统拆分为可独立交付的模块；螺旋模型强调风险控制，适合高风险项目；敏捷开发通过短周期迭代快速响应需求变化；DevOps实现开发运维一体化，提升自动化水平。选择模型需考虑需求明确性、客户参与度、项目风险等因素，如需求明确可选瀑布/增量模型，需求多变则适合敏捷/迭代模型，高风险项目推荐螺旋/DevOps。
2025-10-15 15:50:23
1074
原创 【高级】系统架构师 | 2021年下半年案例分析真题DAY1
本文包含两个系统设计题目。题目1针对医院预约挂号管理系统，采用面向对象方法分析用例图、顺序图及对象/动态/功能模型，说明三者关联关系及在需求分析中的应用。题目2围绕嵌入式数据架构设计，阐述数据定义、分布与管理的具体内涵，分析数据模型语言在架构中的作用，并基于FACE架构判断9项需求是否属于数据需求。两题均强调系统设计中模型构建与需求分析的重要性。
2025-10-15 10:00:00
1844
原创 【高级】系统架构师 | 2020年下半年案例分析真题DAY2
分别探讨了软件需求与架构映射、Redis数据存储架构和系统设计模式。第一篇分析了需求与架构间的语义鸿沟问题，提出建立追踪机制和FACE架构五段式解决方案。第二篇比较了Redis的RDB与AOF持久化机制，指出RDB在性能恢复上的优势，并讨论内存淘汰策略。第三篇从非功能性需求分类入手，解析Spring框架各组件职责，强调标准化数据访问对系统兼容性和扩展性的提升。三篇文章均聚焦技术架构设计的关键问题，提供了具体解决方案和实施建议。
2025-10-14 09:00:00
1013
原创 【高级】系统架构师 | 软件架构分类（详细讲解）
本文系统介绍了7种主流软件架构模式：1.城市布局类包括分层架构（如摩天大楼分层）、事件驱动架构（如快递通知系统）、微核架构（如手机操作系统）、微服务架构（如独立小店群）和云架构（如租用云城市）；2.交互方式类包括C/S架构（专用APP模式）和B/S架构（浏览器模式）；3.数据流动类包括管道-过滤器架构（工厂流水线）和PAC架构（遥控器模式）。文章通过生活化比喻解析每种架构的核心思想、优缺点及典型应用场景，帮助读者快速理解不同架构的适用性。
2025-10-14 08:30:00
1153
原创 数据库范式：从“一团乱麻”到“井井有条”的设计之路
数据库范式是解决数据冗余和异常问题的关键方法。1NF要求字段不可再分，确保每个数据单元最小化；2NF在1NF基础上消除部分依赖，让信息归位到正确表中；3NF进一步消除传递依赖，确保所有非主键字段直接依赖主键；BCNF则是3NF的加强版，处理主键间的特殊依赖关系。范式层级越高，数据越规范但查询效率可能下降，实践中需在数据一致性和性能之间权衡：OLTP系统适合高范式，OLAP系统可适当反范式优化查询。
2025-10-13 13:27:42
1046
原创 【高级】系统架构师 | 2020年下半年案例分析真题DAY1
本文包含两个技术问题解析。第一部分比较了"管道-过滤器"和"仓库"两种架构风格的数据处理方式、系统扩展性和性能特点。第二部分探讨了包裹信息管理系统的数据库设计，包括逻辑数据模型设计过程（实体识别、关系定义等）、超类实体概念（如Person实体）及其属性设计，以及派生属性（如总费用=运费+保价费+代收货款）的识别。文章还提供了关系模式主键设定等具体实现方案。
2025-10-13 09:00:00
1551
原创 【高级】系统架构师 | 2021年下半年综合真题DAY3
本文主要探讨了软件架构评估中的关键质量属性及其应用场景。首先分析了性能、安全性、可用性和可靠性等质量属性的定义与区别，重点说明性能关注系统响应能力和吞吐量。其次阐述了架构评估中的敏感点和权衡点概念，以及三层C/S架构的分层设计。然后讨论了知识产权保护问题，明确了软件著作权和数字证书的验证机制。最后介绍了需求管理的主要活动，包括变更控制、版本控制和需求跟踪等。这些概念为软件系统设计和评估提供了重要理论依据。
2025-10-12 17:00:00
1483
原创 【高级】系统架构师 | 2022年下半年案例分析真题DAY2
讨论了心跳技术与超时探测技术在分布式系统故障检测中的应用。心跳技术通过周期性消息检测节点状态，实时性强但增加网络负载；超时探测基于请求-响应模式，适用于低频通信场景但可能误判。监控器类型分为核状态、分区状态、模块状态和系统状态。数据驱动方法通过分析运行数据识别故障，适合复杂异构系统，无需精确模型，适应性强。
2025-10-12 12:00:00
768
原创 设计模式：像搭积木一样写代码（23种全解析）
设计模式是前人总结的编程最佳实践，GoF归纳了23种经典模式，分为三大类：创建型模式（如工厂、建造者）解决对象创建问题；结构型模式（如适配器、装饰器）处理类与对象组合；行为型模式（如观察者、策略）管理对象间交互。这些模式就像编程"配方"，例如工厂模式统一创建对象，观察者模式实现发布订阅机制。它们能提升代码复用性、可维护性和扩展性，是应对复杂软件设计的有效工具。
2025-10-11 16:39:30
804
原创 【高级】系统架构师 | 2021年下半年综合真题DAY2
本文围绕软件工程相关概念展开，主要内容包括：1）敏捷方法的核心思想是以人为本、适应变化和迭代开发；2）RUP的9个核心工作流及其特点；3）版本控制工具在软件开发中的重要性；4）结构化设计与面向对象设计的工具差异；5）模块设计的耦合和内聚原则；6）UML建模工具的类型；7）面向构件编程中的多线程问题；8）COM组件的两种重用形式；9）网络安全威胁类型；10）软件测试的分类及特点；11）基于架构的设计方法；12）4+1视图模型；13）物联网系统的层次型架构风格；14）特定领域软件架构的分类；15）基
2025-10-11 12:00:00
502
原创 【高级】系统架构师 | 2022年下半年案例分析真题DAY1
本文摘要了两道软件系统设计题目解析。第一题比较了面向对象和解释器架构风格，指出解释器风格在规则动态加载和即时生效方面更胜一筹，适合需求频繁变更的系统。第二题解析了煤矿安全预警系统的数据流图填空和E-R图实体补充，并简述了数据流图与数据字典在需求分析中的作用：数据流图展示系统数据流动和处理，数据字典则确保术语一致性和信息完整性。两道题目均涉及软件架构选择和系统建模的关键技术。
2025-10-11 08:15:00
791
原创 【高级】系统架构师 | 2021年下半年综合真题DAY1
本文围绕计算机系统与软件工程多个知识点展开。在计算机系统层面，解析了逻辑地址转换为物理地址的步骤、资源分配安全性检查（银行家算法）、关系数据库自然连接运算等。在软件工程领域，探讨了SoC芯片特性、嵌入式系统特点、AI芯片关键特征、软件生命周期阶段划分、需求跟踪与产品配置管理，以及CMMI成熟度评估标准。此外，还涉及网络技术（如以太网交换机、SDN架构）、性能测试指标、信息化建设内容和软件产品管理规范。文章通过具体案例和问题解析，系统性地阐述了相关技术原理与应用场景。
2025-10-10 13:00:00
839
原创 【高级】系统架构师 | 2024年下半年案例分析真题DAY2
WebElasticsearch商品推荐系统： ES分词器包括Standard(多语言分词)、Simple(仅字母)、Whitespace(空白字符)和Keyword(不分词)（6分） 系统架构包含微信小程序、Nginx、业务逻辑层等组件，采用RESTful API实现前后端分离（12分） RESTful特点：无状态、资源导向；前后端分离通过独立开发、JSON数据交互实现（7分） 胰岛素泵系统： 安全分析4步骤：危险识别→原因分析→后果评估→制定措施（10分） 系统风险包括血糖计算不准、传感器异常等（9分）
2025-10-10 10:00:00
380
原创 uniapp | 图片上传的两种实现方式（传统VS组件）
本文对比了两种图片上传功能实现方案：传统手工开发与使用u-upload组件。传统方法需自行设计UI结构、实现图片选择/上传/预览/删除等完整逻辑，代码量大且存在上传延迟问题。而u-upload组件提供开箱即用的功能，通过简单配置即可实现完整上传流程，内置UI交互和实时反馈，开发效率更高且用户体验更好。作者推荐使用组件方案，因其能有效解决上传延迟问题，减少开发工作量，提升用户体验。两种方案均支持最多9张图片上传，并完整实现预览和删除功能。
2025-10-09 14:24:14
1253
1
原创 【高级】系统架构师 | 2024年下半年案例分析真题DAY1
本文解析了两个技术问题。问题1分析了8种系统质量属性（如功能性、性能等）的分类，详细对比了Ping/Echo和心跳两种故障检测模式，重点说明心跳模式在资源利用率方面的优势。问题2通过流程图填空形式展示了缓存读写流程，分析了缓存不一致的并发原因，并提出了分布式锁、延时双删等5种解决方案。全文通过技术对比和流程图解，系统性地阐述了系统监控和缓存管理的关键技术要点。
2025-10-09 09:45:00
722
原创 【高级】系统架构师 | 2022年下半年综合真题DAY4
质量属性场景由六部分组成（刺激源、刺激、环境、制品、响应、响应度量），正确答案为A。 易用性场景的刺激涉及用户学习与系统交互，答案为C。 权衡点指影响多属性的设计决策（如加密级别），答案为C。 效用树结构为树根→质量属性→属性分类→场景，答案为B。 MTTF与MTBF在修复时间短时几乎相等，答案为D。 安全性分析中，机密性防泄露，可控性防非法使用，答案为D和C。 架构评估场景从风险承担者角度描述，答案为D。 5G网络切片技术实现虚拟网络隔离，答案为A。 WPA2采用AES加密，安全性最高
2025-10-09 08:00:00
1037
响应式CSS特效网站+个人网站
2025-10-24
《软考-软件设计师（中级）全科备考笔记》（2025年适用）
2025-10-08
软考高级-系统架构师思维导图数列
2025-08-31
【系统架构与开发】系统架构师必备词汇表：提升专业沟通效率的关键术语汇总
2025-08-24
心理E站平台-毕业设计源码+论文+运行说明
2025-07-03
前端-Vue-记事本-添加，清除，添加，展示功能
2025-01-18
大新闻springboot项目
2024-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人