web期末作业网页设计——哆啦 A 梦（附完整源码）
目录⭐效果展示：一、项目概述二、开发环境准备三、HTML 结构搭建四、CSS 样式设计（核心部分）1. 基础样式重置2. 页面布局设置3. 商品容器样式4. 商品卡片设计（重点）5. 商品图片样式6. 商品文字信息样式7. 购买按钮样式8. 评价区样式设计五、填充页面内容1. 添加商品项2. 添加评价内容六、完整代码整合七、功能
前端
Px，em，rem的区别
在css中单位长度用的最多的是px、em、rem，这三个的区别是：
1.px是固定的像素，一旦设置了就无法因为适应页面大小而改变。
2.em和rem相对于px更具有灵活性，他们是相对长度单位，长度不是定死了的，更适用于响应式布局。
3.em是相对于其父元素来设置字体大小的，一般都是以<body>的“font-size为准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元
初识 Flutter 的绘图组件 — CustomPaint
简介
在有些场景中，我们会需要绘制一些高度定制化的组件，比如 UI 设计师给我们出了个难题 —— 弄一个奇形怪状的边框。看在 UI 设计师是一个漂亮小姐姐的份上，又不好意思说这个做不了（那样也很没面子😂）。这个时候我们就不能直接使用 Flutter 自带的那些组件了，而是需要手动绘制组件，那就会需要用到 CuntomPaint 组件。CustomPaint 组件和前端的 Canvas差不多，允许我
Flutter 优化：布局时尽量用 const
一、说明
看到很多 Flutter 构建 UI 时会比较多用到 const，为什么不直接创建实例，而要在前端加一个 const 呢 ？
child: const Text('加 const');
VS
child: Text('不加 const');
二、尽量用 const 的理由
当我们调用 setState() 后，Flutter 会调用 build 方法，并且 rebuild 其中
前端限制打包文件数量
前言：
之前有过这样的项目经历：我们写的程序是前端打包给后端，后端再打包成jar包上传到甲方的云市场，使用就在云市场里点击应用打开。
当时甲方云市场做了一次升级，但是没有给我们这边说，直到后面整个系统不能用了，然后给我们反馈了：“你们系统进入页面的时候请求了太多静态资源，导致我们系统直接认定是网络攻击，直接挂掉了”。然后我就去看了一下，前端项目的打包文件，其中js文件和css文件最多，为了性能，对
微前端架构：从单体到模块化的前端新革命
在信息技术（IT）的迅猛发展中，前端开发领域正迎来一场颠覆性的变革 —— 微前端架构（Micro - Frontends）。2025 年，随着 Web 应用的复杂性激增、团队协作需求的增长以及用户对无缝体验的期待，微前端从实验性概念迅速成长为前端开发的热门趋势。它将传统的单体前端拆分为独立、可复用的模
在 Vue 前端（Vue2/Vue3 通用）载入 JSON 格式的动图
在 Vue 前端（Vue2/Vue3 通用）载入 JSON 格式的动图，核心是使用 Lottie 动画库（由 Airbnb 开发，专门解析 JSON 动画文件）。以下是分步骤的完整实现方案，包含环境配置、组件集成、动画控制等核心功能：一、核心原理JSON 格式的动图（如 L
