- 博客(20)
- 收藏
- 关注
RSS订阅原创 【30天-从前端入门到前端开发工程师Day12】CSS 伪类与透明度全解， hover 交互实战：opacity/rgba 避坑指南，悬停 / 点击 / 焦点交互 + 卡片遮罩效果落地，让页面动起来
CSS 的透明度属性和伪类效果，这是 CSS 实现基础交互的核心手段。不用写一行 JavaScript，纯 CSS 就能实现鼠标悬停变色、点击凹陷、输入框聚焦高亮这些效果，成本极低，但用户体验提升非常明显。做一个悬浮出现的半透明黑色遮罩，直接给 div 加了opacity: 0.5，结果上面的白色文字也跟着发灰，怎么调都不亮。查了半天资料才搞明白，opacity 和 rgba 的透明根本不是一回事。本文将把 opacity 和 rgba 两种透明方案的本质以及三个最常用的伪类区别讲清楚，踩坑点标明白；
2026-07-05 11:39:05
627
原创 【30天-从前端入门到前端开发工程师Day11】CSS 背景全属性实战：背景色 / 背景图 / 平铺 / 定位 / 尺寸，打造有层次感的页面视觉+网站 Banner+卡片遮罩效果落地+考点
本文将会把背景相关的属性一次性讲透，每个属性都讲清楚用法、常见坑和实际场景。从基础的颜色、图片，到平铺规则、定位、尺寸控制，再到简写属性的坑点，每个都讲清用法和真实开发场景。最后拿两个项目里最常见的场景落地实战：网站顶部 Banner、带半透明遮罩的运营卡片。看完不止能写对背景，还能写出适配性好、不出错的背景样式。同时，我们做一个完整的个人名片卡片项目，把所有背景知识点串起来，写完就能直接用在自己的简历里。背景样式看起来简单，实则细节很多，新手写出来的效果和专业开发写出来的差距，往往就在这些细节里。
2026-06-28 21:57:57
569
原创 【30天-从前端入门到前端开发工程师Day10】CSS 文本样式全解：字体 / 行高 / 缩进 / 对齐，搞定页面文字排版美化，让网页文字更专业易读 + 高频面试题
为什么你的页面文字总显得 “糙”？文字排版好不好，直接决定页面的质感。其实页面的质感，很多时候都藏在细节里。文字是网页里占比最高的内容，字体、字号、行高、间距、对齐方式，任何一个参数没调对，整体观感就会打折扣。很多新手只会改color 和 font-size，连行高、首行缩进都不会用，写出来的页面自然显得 “业余”。网页里绝大多数信息都是靠文字传递的，文本样式是页面质感的基础。
2026-06-27 18:46:00
802
原创 【30天-从前端入门到前端开发工程师Day9】 CSS 四大选择器彻底吃透：标签 /id/ 类 / 通配，精准控制页面元素，前端样式匹配基石 + 面试高频题
选择器优先级（从高到低）复用性推荐使用频率典型使用场景id 选择器最高差（唯一）★★☆☆☆唯一元素、JS 获取元素类选择器中等强★★★★★绝大多数样式控制标签选择器较低中等★★★☆☆全局默认样式统一通配选择器最低最强★★★☆☆样式重置、全局初始化优先级小口诀：id > 类 > 标签 > 通配。后面还会学更复杂的优先级计算，但这四个的基础顺序一定要先记牢。结语：今天是我们 30 天前端入门之旅的第 9天，内容不算难，但非常核心。
2026-06-26 14:38:03
694
原创 【30天-从前端入门到前端开发工程师Day8下】CSS 三种引入方式全解：行内 / 内嵌 / 外部样式，项目选型必看（实战代码 + 面试）
知识点全覆盖：精通行内、内嵌、外部三种 CSS 引入方式的语法、优缺点与适用场景；核心规则吃透：彻底理解 CSS 层叠逻辑与三种引入的优先级规则，能快速定位样式覆盖问题；实战能力落地：可独立完成外部样式表的创建、引入与目录规划，符合企业开发规范；规范认知升级：明确企业项目的选型标准，规避路径错误、滥用行内样式等新手高频坑；面试考点掌握：吃透 3 道 CSS 引入高频面试题，掌握优先级、link 与 @import 区别等核心考点。
2026-06-25 16:06:09
291
原创 【30天-从前端入门到前端开发工程师Day8上】HTML 阶段收官：知识体系全梳理 + 10 道高频面试题精讲
该篇进行梳理完整的 HTML 知识体系，复盘每个模块的核心考点与易错点，再精讲 10 道企业高频面试题，帮你彻底吃透 HTML，稳稳拿下前端学习的第一关。下面该全景表，将HTML基础串联，形成完整的知识网络：核心要点HTML 是超文本标记语言，不是编程语言，没有变量、循环、判断等逻辑能力标准 HTML5 文档结构： + + + 注释格式：，注释不会被浏览器渲染，用于代码说明高频易错点忘记写 ，导致浏览器进入怪异模式标签嵌套错误，比如把 写在 里面字符编码不设置，导致中文乱码，必须写 核心要点标题标签
2026-06-25 15:27:19
265
原创 【30天-从前端入门到前端开发工程师Day7】 HTML5 语义化标签详解；HTML 综合实战：从零搭建纯 HTML 个人简历（前端规范化必备 + 大厂面试考点）
HTML 语义化，指的是在编写页面结构时，根据内容的语义与功能，选择对应的、有明确含义的 HTML 标签，而非全部使用无语义的<div><span>进行布局。标签本身就能说明它包裹的内容是什么角色—— 头部用 header、导航用 nav、文章用 article、页脚用 footer，开发者不用看 class，仅凭标签就能读懂页面结构。板块标题用<h2>二级标题简介内容用<p>段落标签，重点关键词用<b>加粗内容较长时可以用<br/>强制换行，优化阅读体验。
2026-06-23 16:42:27
695
原创 【30天-从前端入门到前端开发工程师Day6】HTML 表单进阶：下拉框、文本域与三大按钮详解，打造完整交互表单
经过系统学习，已经掌握 form 表单容器与 input 四大核心输入类型，实现了基础登录表单的数据录入与提交功能，正式打通了前端「用户数据采集」的基础能力。select 下拉选择框、textarea 多行文本域、三类表单按钮。如果说 input 负责短文本、单选、多选类的标准化录入，那下拉框就是「固定选项、节省空间」的首选，多行文本域是「长文本、大段内容」的唯一载体，而按钮则是表单交互的最终触发入口。这三类组件是完整注册页面、信息录入页、后台表单页的必备元素，覆盖 90% 以上的表单开发场景。
2026-06-21 15:26:00
1056
原创 【30天-从前端入门到前端开发工程师Day5】 网页表单核心！HTML表单form全类型输入框详解，解锁网页交互能力，登录页面底层实现（源码+面试必考）
本文重点讲解HTML表单开发。文章系统讲解了表单容器form标签和input的四大基础类型（text、password、radio、checkbox），深入剖析单选框互斥原理和name属性作用。通过两个完整实战案例（用户注册表单和登录页面）演示表单开发规范，总结企业级开发要求和常见坑点，并附赠6道高频面试题解析。教程帮助学习者从静态页面开发过渡到交互表单实现，为后续JavaScript学习打下基础。全文包含详细代码示例、实现解析和练习任务，适合具备HTML基础的学习者提升表单开发能力
2026-06-20 21:31:12
415
原创 【30天-从前端入门到前端开发工程师Day4】 HTML table全属性详解：从基础结构到单元格合并全攻略，colspan/rowspan实战+大厂面试考点
本文系统讲解HTML表格开发的核心知识点。包含：1. 表格基础体系：table/tr/th/td层级结构与10大常用属性详解；2. 核心难点突破：colspan跨列合并与rowspan跨行合并的实战技巧；3. 企业级实战案例：提供基础表格和复杂合并表格两套可运行源码；4. 开发规范与避坑指南：表格嵌套规则、边框间距设置等企业标准；5. 面试考点：cellpadding与cellspacing区别等必考题目解析。通过本文可掌握表格数据展示、后台管理系统开发等核心技能，配有练习题巩固学习效果。
2026-06-18 16:59:03
528
原创 【30天-从前端入门到前端开发工程师Day3】告别死记硬背！HTML列表标签有序/无序实战详解，导航栏底层实现（源码+面试问答）
本文从无序列表(ul)、有序列表(ol)和列表项(li)的语法特性、属性配置入手，详细拆解了两类列表的核心区别和使用场景。通过个人技能清单与学习计划两个实战案例，演示了如何运用列表标签构建结构化内容。特别提供了企业级导航栏实现方案，强调列表在网页开发中的语义化价值。最后针对前端面试常见考点，深入解析了列表嵌套规则、开发规范和常见误区。全文包含3套可运行代码示例和5道大厂面试真题，帮助读者从零掌握列表标签的核心用法与最佳实践。
2026-06-13 16:34:37
665
原创 【30天-从前端入门到前端开发工程师Day2】前端小白速学！HTML 常用文本标签全解，90% 静态页面都在用（实战代码 + 高频面试题）
在上一篇Day1的学习中，我们彻底掌握了HTML5标准页面骨架架构，清楚了DOCTYPE、html、head、body的核心分工，能够独立创建一个完整的空白网页。今天开启Day2进阶学习，聚焦前端静态页面使用频率最高的文本标签体系！网页中90%的内容展示（新闻、文章、介绍、导航文字、超链接跳转），全部依赖文本标签实现。很多小白入门容易只会堆砌标签，不懂语义规范、使用场景、开发禁忌，导致写出来的代码杂乱无章、不符合企业开发标准，面试频频踩坑。
2026-06-05 11:51:17
432
原创 【30天-从前端入门到前端开发工程师Day1】吃透 HTML 核心概念与基础语法，写出你的第一个网页
为什么选择前端开发？HTML、CSS、JavaScript 被称为 "前端三剑客"，是所有前端开发者必须掌握的基础技能。而 HTML 作为网页的骨架，是三者中最基础、最容易入门的，也是学习 CSS 和 JavaScript 的前提。没有 HTML，就没有网页的内容和结构；没有 CSS，网页就会变得丑陋不堪；没有 JavaScript，网页就无法实现任何交互效果。因此，我们的 30 天学习之旅，就从 HTML 开始。HTML 是的缩写，即超文本标记语言。
2026-06-04 17:39:34
346
原创 ResNet图像分类项目踩坑全集｜数据异常、过拟合、训练不收敛、量化失效问题一站式解决
承接《基于 PyTorch-ResNet 图像分类全栈项目》，针对90%开发者复现项目时遇到的各类报错，本文从零补齐ResNet核心基础知识，系统化梳理数据处理、模型训练、量化优化、ONNX导出、Web部署全链路踩坑问题。每类问题包含报错现象、底层原理、根治方案、带详细注释的可运行代码，新增FP16/INT8量化、动态Batch ONNX导出工业级实战案例，是一篇可直接收藏、落地、商用的ResNet避坑手册。
2026-06-04 02:06:07
635
原创 基于 PyTorch-ResNet 图像分类全栈项目｜数据处理 + 训练调优 + 模型量化优化 + Web工程部署 + 多行业落地解决方案
本文是工业级全流程AI图像分类全栈实战项目，基于PyTorch+ResNet50实现从数据集处理、数据增强、模型构建、迁移学习训练、超参数调优、模型评估、模型量化压缩、ONNX跨平台优化、Flask工程化部署、多行业落地解决方案的完整闭环。区别于网上残缺demo教程，本项目严格按照企业工业标准开发，拥有完整项目目录、可生产化代码、完整训练调优策略、模型推理加速方案、线上部署方案。所有代码可直接复制运行、可用于毕业设计、课程设计、企业项目落地，是一篇真正可落地的CV全栈实战教程。
2026-06-03 22:40:18
1093
原创 【2026 PyCharm安装】2026年最新版Python与PyCharm安装教程
2026 年 5 月发布的最新长期支持版（LTS），修复了所有已知安全漏洞，性能提升 15%，完美适配 PyCharm 2026 系列：JetBrains 2026 年 5 月最新更新，优化了启动速度和索引效率，新增 AI 代码助手基础功能系统要求：Windows 10 21H2 及以上 / Windows 11 64 位系统（32 位系统已不再支持最新版本）PyCharm作为强大的Python集成开发环境，是由JetBrains公司开发的一款专为Python设计的集成开发环境(IDE)。
2026-06-03 13:53:11
15429
4
原创 Python核心基础——比较运算符、逻辑运算符与选择结构语句经典例题
本文聚焦 Python 入门最核心的三大基础知识点：比较运算符、逻辑运算符与选择结构语句，设计多道经典例题，从基础语法到综合实战，讲解了各类运算符的使用规则、短路求值特性，以及单分支、双分支、多分支和嵌套选择结构的实现方法。同时，还整理了几 类常见错误与避坑指南，文中代码均经过实测可直接运行。适用于Python 零基础学习者巩固基础，也可作为编程入门的练习题参考，为读者快速掌握程序判断逻辑，为后续学习循环、函数等高级内容打下坚实基础。
2026-06-02 14:54:42
521
原创 用 OpenCLAW 重写 CUDA 内核：打破 NVIDIA 垄断，实现跨平台 GPU 计算自由
本文详解 CUDA 替代方案 OpenCLAW 的技术优势与实践指南。它基于 OpenCL 标准封装，支持 NVIDIA、AMD 及国产 GPU 等多硬件，实现跨平台异构计算。实测显示，在 NVIDIA 设备上性能损失仅 2-3%，在 AMD 与国产 GPU 上性能提升显著。并提供 7 步标准化迁移流程，附向量加法、矩阵乘法、图像处理三个完整案例，结合百度、字节等企业实践，证明该方案可降低 40% 算力成本，满足国产化需求。同时配套跨平台部署脚本与进阶优化技巧，为开发者提供完整的高性能跨平台计算解决方案。
2026-06-02 00:02:44
540
原创 【Python】之f-string 格式化字符串详解
摘要：f-string是Python 3.6+的字符串格式化方法，通过f/F前缀直接在字符串中嵌入变量和表达式，具有语法简洁、高效运行的特点。支持变量嵌入、数字格式化（如精度、百分比）、文本对齐、日期时间处理及嵌套多行字符串。相比%和str.format()性能更优，适用于日志记录、动态SQL、数据报告等场景。需注意引号冲突、版本兼容和大括号转义等问题，现为Python推荐的格式化方式。
2026-06-01 14:46:59
714
原创 Python格式化输出（print%）
本文介绍了Python中格式化输出的基本用法。格式化输出通过占位符（如%s、%d、%f等）实现变量值的动态插入。%s用于字符串输出，%d用于整数输出（可指定位数如%05d），%f用于浮点数（可控制小数位数如%.1f），%%用于输出百分号。语法为print("格式化字符串"%(变量1,变量2,...))，适用于输出各类需要动态变化的数据，如用户信息、ID号、温度值等。示例展示了不同占位符的具体用法和输出效果。
2026-05-30 18:53:46
370
【30天-从前端入门到前端开发工程师Day4】day04代码
2026-06-18
PyCharm 快捷键 + Python 学习路线 + 100 个实战案例
2026-06-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人