css

html和css的复习（1）GET 与 POST 方法的对比表格后端接收数据必须靠 name，没有 name 提交不了！（2）怪异盒模型

vue3.5.x 单文件组件（SFC）样式编译过程Vue 3 SFC（单文件组件，Single-File Component）中的样式编译，是一个将 <style> 块内的内容转换为浏览器可执行代码的构建时（build-time）过程。

前端实战复盘：从零完成Apple中国大陆官网UI第一阶段全量静态复刻在当下前端页面复刻实训开发场景中，大厂官方官网UI复刻是夯实HTML+CSS原生布局、视觉还原、适配调试核心能力的最优实操项目之一。本次核心攻坚目标为Apple中国大陆官方网站首页第一阶段完整静态UI复刻，全程不引入Vue、React等前端框架，不调用第三方UI组件库，纯手写原生HTML+CSS基础代码完成全页面搭建，贴合企业前端基础切图、视觉还原真实工作场景。

Apple官网复刻第二阶段day_1:(导航栏模块化重构+工业化可复用UI落地)在上一篇第一阶段实战博客中，我们完成了Apple中国大陆官网全站纯静态一体式复刻，快速实现了1:1视觉还原，顺利跑通完整页面展示效果。但复盘后我们明确发现核心短板：所有样式硬编码堆砌、结构样式强耦合、代码杂乱无层级、无法二次复用、不满足企业真实前端上线开发规范。

a-table 冻结列导致边框

CSS【详解】给子元素添加间距的最佳实践（含space 和 gap 的区别图解和面试的标准答案）space 和 gap 都能用于让子元素间产生间距，但实现原理和适用范围不同，推荐用 gap，不要用space

vue中封装一个进度条组件，无需引入，纯css效果图是这样下面直接上组件代码使用的时候也非常简单，引入组件后传入颜色以及进度就可以了<GradientProgress :percent="60" color="#3273d8" class="progress" />

数字孪生监控大屏实战模板：智能业务大数据监管平台前端数字孪生大屏，使用VUE3+Elementplus+Echarts+TS实现智能业务大数据监管平台，数字孪生，监控大屏展示，可下载作为课堂作业、界面模板、扩展开发，个人作品等。若想系统学习Echarts开发，我的课程提供了完整的Echarts基础知识讲解并附加大量实战案例，系列课程地址如下： 1. CSDN课程：https://edu.csdn.net/course/detail/40842 2. 51学堂课程：https://edu.51cto.com/course/40414.html

睿智的海鸥

Markdown 语法大全详解Markdown是一种轻量级标记语言，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写，Markdown被大量使用，如Github、Wikipedia、简书等。

爱上好庆祝

学习js的第三天选择完代码文件后要刷新页面才能用

一人一周，用 Codex 渐进式迁移重构了一个材料学组件库最近在做一个材料科学方向的项目，发现像元素周期表、晶体结构图这类组件，几乎到处都要用。开发同学可能不了解，但是材料学这边的同学应该都很熟悉 Materials Project 团队开源的一整套前后端能力，前端 UI 里比较核心的一个仓库是：

龙猫里的小梅啊

CSS（四）CSS文本属性补充：@font-face可定义服务器字体，语法：@font-face { font-family: 自定义字体名; src: url(字体文件路径); }，可实现客户端未安装字体的显示效果。

爱上好庆祝

学习js的第2天

天外飞雨道沧桑

详解CSS中的Containing Block：概念、规则与实战解析包含块（containing block）是CSS中决定元素尺寸和位置的关键参考区域，它直接影响百分比值的计算方式，是理解CSS定位机制的核心概念。

后台 Sidebar 伸缩交互（PC + 移动端）实现做前端开发的时候，经常会遇到这样的需求：页面左侧有个导航栏，但用户希望能把它收起来，腾出更多空间给主要内容。这个功能看起来简单，实际做起来还是有不少细节要处理的。今天就来聊聊怎么实现一个既好用又好看的导航栏收缩功能。

里欧跑得慢

微交互设计模式：提升用户体验的细节之美代码如诗，交互如画。让我们用微交互的魔法，为用户带来愉悦而难忘的体验。微交互是产品中那些小的、集中的交互设计，它们通常执行单一任务或响应单一用户操作。这些微小的细节虽然看似微不足道，但却能极大地提升用户体验，让产品感觉更加精致和人性化。

爱上好庆祝

学习js第一天（出发新世界）行内内部外部前几天在复习html和css去了，现在才开始js，但是js的前面的基础和我上学期学过的c语言差不多，还是很爽的，我看快一点吧，加油，加油

UI前端美化技能提升日志day6：（使用苹果字体+计算样式对比差异）在前端高仿企业级官网落地实战开发中，苹果中国官网复刻项目对UI还原度、字体原生适配、静态资源联动渲染有着极高标准，尤其官网专属定制字体、全局统一视觉基线、页脚精细化布局，都是复刻开发中的高频难点。今日全程闭环推进该前端复刻项目，从环境核验、资源溯源、代码调试到全页视觉对齐，逐一攻坚排查各类隐性兼容bug，彻底解决多轮卡点阻塞问题，稳步完成阶段性页面架构搭建、样式规整、资源适配全流程开发。本文完整复盘当日项目全推进链路，深度拆解核心故障成因、落地实操解决方案，同步沉淀可复用实战经验，适配所有同类高端官网复刻

是上好佳佳佳呀

【前端(九)】CSS Transform 2D/3D 变换笔记：分清两个原点，搞懂多重变换开启本小节学习之前，请大家带上富有想象力的立体思维~本小节的核心就是变形 transform。在踏入 2D 和 3D 变换前，有一个极其重要的基础概念——坐标系原点和变换中心点是两个完全不同的东西。

CSS终于支持渐变色的过渡了[特殊字符]🧑‍💻 写在开头点赞 + 收藏 === 学会🤣🤣🤣在做项目时，总会遇到UI给出渐变色的卡片或者按钮，但在做高亮的时候，由于没有过渡，显得尤为生硬。