- 博客(76)
- 收藏
- 关注
RSS订阅原创 前端进阶 课程二十六、：Flex 实战 - 5大高频布局
Flex实战课，核心是提供5套可直接复制使用的高频布局模板，覆盖90%日常开发场景。分别是：顶部导航栏（用justify-content: space-between实现左中右分布）、响应式卡片列表（flex-wrap: wrap+flex:1 1 220px实现自动换行缩放）、居中弹窗（运用Flex居中公式实现全屏居中）、等高列布局（flex:1实现多列等高）、粘性底部（flex-direction: column+flex:1固定底部）。所有模板均附带完整可运行代码，直接套用即可。
2026-03-04 11:23:35
14
原创 一文搞懂HTML5、H5的关系，解析H5的强大功能
很多人刚接触前端时，都会陷入一个误区：HTML5 = H5？其实二者关系可以用一句话概括：HTML5 是技术标准，H5 是基于 HTML5 衍生出的产品形态与行业统称。今天我们不仅理清二者的核心关联，更会重点拆解 HTML5 的8大核心能力——正是这些能力，让 H5 从“简单网页”升级为“可替代原生 APP、支撑复杂应用”的主流形态，无论学习、面试还是实操，都能直接用到。
2026-03-02 14:46:58
461
原创 一文搞懂HTML和HTML5，CSS和CSS3及它们的发展历程
在现代前端开发的技术体系中，HTML 与 CSS 是构建网页的两大核心基石——HTML 定义网页的结构与内容，CSS 负责网页的样式与布局，二者相辅相成、协同演进。从最初简单的标记与样式，到如今支撑复杂 Web 应用、多终端适配的强大体系，HTML 和 CSS 经历了多轮迭代升级，HTML5 与 CSS3 便是其发展历程中最具里程碑意义的版本。本文将梳理 HTML 与 HTML5、CSS 与 CSS3 的“前世今生”，详解其核心定义、发展脉络、具体应用，并介绍其关键创始人，完整呈现这两大技术从诞生到成熟。
2026-03-01 09:17:17
555
原创 MNIST 数据集在边缘 AI 中的手写数字识别应用
MNIST 数据集是深度学习领域的“入门标杆”，被称为“机器学习的 Hello World”，由纽约大学杨立昆（Yann LeCun）团队整理，专门用于手写数字识别任务。核心介绍数据集、三种主流加载方式（附可执行代码）、关键预处理步骤，以及一个贴合边缘硬件的实战场景四个方面详细讲解。
2026-02-25 16:40:19
700
原创 深入解析 MobileNetV2：边缘AI场景中最常用的轻量化卷积神经网络
深入了解MobileNetV2模型，这是边缘AI场景中最常用的轻量化卷积神经网络（CNN）之一，相当于是把人类大脑装进MCU中，核心优势是小体积、低算力、高效率，非常适配边缘硬件的资源限制。本文由浅入深地讲解从基础定义、核心设计、关键特性到实际应用。文末介绍了如何把MobileNetV2模型装进ESP32的步骤和程序示例。
2026-02-25 16:20:21
612
原创 边缘 AI 硬件自学习：从固定推理到自主进化
一个仅有一款产品的公司被谷歌以32亿美元现金收购，这是本文写作的起因。边缘AI硬件自学习，是硬件能力（异构计算+存算一体）+ 轻量算法（增量/元/自监督）+ 云边协同的结合。核心是用最小计算实现持续适应，让边缘模型从“固定推理”走向“自主进化”。
2026-02-25 15:37:26
723
原创 前端进阶 课程二十五、：CSS核心进阶四 CSS浮动（float）与清除浮动（兼容旧项目）
本节课针对旧项目兼容必备的float布局展开学习，理解float的原理、特性及左/右浮动的用法，实操实现三栏布局与图文环绕效果。明晰浮动带来的父容器塌陷、元素覆盖等副作用，重点掌握额外标签法、overflow法、伪元素法、父元素浮动法四种清除浮动的方法，对比各方法的优缺点与适用场景。同时了解float布局的优劣及现代替代方案，搭配导航栏、图文环绕等作业，让学员能应对旧项目中的浮动布局问题，熟练清除浮动。
2026-02-15 08:09:18
635
原创 前端进阶 课程二十四、：CSS核心进阶三 定位（position）进阶与z-index
全面掌握position的static、relative、absolute、fixed四大值及sticky粘性定位的特性与应用场景，理解“Parent is relative, child is absolute”定位逻辑和fixed的viewport定位规则。深入剖析z-index的层级计算规则与层级上下文，解决元素层级冲突核心问题。通过实操实现相对定位微调、绝对定位弹窗、固定导航、粘性导航等案例，搭配弹窗、层级布局等作业，让学员能精准运用定位实现各类布局，熟练管理元素层级，攻克定位与层级的核心难点。
2026-02-13 19:50:08
896
原创 前端进阶 课程二十三、：CSS核心进阶二 盒模型进阶与BFC原理
核心攻克盒模型与BFC两大难点，彻底掌握标准与怪异两种盒模型的区别、切换及宽度计算逻辑，实操对比不同盒模型实现卡片的差异。深入理解margin塌陷、padding特性等盒模型细节，掌握BFC的定义、触发条件及核心应用，通过实操用BFC解决margin塌陷、浮动溢出、元素覆盖三大经典布局问题。课程结合大量实操与作业，让学员能灵活运用盒模型和BFC解决实际开发中的布局难题。
2026-02-11 08:15:55
618
原创 三种美观实用的前端网页排版方式（含文字介绍+参数配置）
网页排版是提升页面美观度与用户体验的核心，常用的栅格（Grid）、弹性盒（Flex）、流式三种排版方式，各有侧重、适配不同场景，共同构成现代网页设计的基础。三种排版均注重响应式适配与视觉规整，核心是通过合理的布局逻辑、间距控制和层级划分，实现内容的清晰呈现。栅格排版以网格为基础，侧重规整模块化；弹性盒排版灵活多变，擅长元素对齐与分布；流式排版以文本可读性为核心，简洁自然、适配性强。三者可单独使用也可结合，能满足产品展示、导航栏、长文本等不同需求，掌握其特点与技巧，可高效实现美观、易用、适配多设备的网页排版效
2026-02-10 17:54:25
805
原创 前端进阶 课程二十二、：CSS核心进阶一 CSS选择器与优先级
聚焦选择器与优先级核心难点，掌握属性、伪类、伪元素等全类型进阶选择器的灵活用法，通过案例实现导航、列表等样式简化编写。深入理解优先级权重计算规则，攻克样式冲突问题，明晰:not()、!important等易错点。同时学习选择器性能优化技巧，规避通配符、深层嵌套等问题。搭配实操练习与针对性作业，从代码编写、冲突解决到性能优化，全方位掌握选择器相关知识，夯实CSS样式编写基础。
2026-02-10 17:19:38
762
原创 前端编程 课程二十一、：CSS布局五 Grid 网格布局
现代布局——Grid 网格布局，从“传统布局痛点”到“现代布局解决方案”，让学员掌握CSS布局的底层逻辑，能根据业务需求选择最优布局方案，独立完成从简单组件到复杂页面的排版，解决90%以上的布局场景问题。
2026-02-09 18:10:25
459
原创 前端编程 课程二十、：CSS布局四 Flexbox 弹性盒模型
现代布局——Flexbox 弹性盒模型，从“传统布局痛点”到“现代布局解决方案”，让学员掌握CSS布局的底层逻辑，能根据业务需求选择最优布局方案，独立完成从简单组件到复杂页面的排版，解决90%以上的布局场景问题。
2026-02-09 18:05:39
620
原创 前端编程 课程十九、：CSS布局三 定位布局（Position）
定位布局（Position）—— 精准控制元素位置，从“传统布局痛点”到“现代布局解决方案”，让学员掌握CSS布局的底层逻辑，能根据业务需求选择最优布局方案，独立完成从简单组件到复杂页面的排版，解决90%以上的布局场景问题。
2026-02-09 18:02:01
611
原创 前端编程 课程十八、：CSS布局二 文档流+浮动
从“传统布局痛点”到“现代布局解决方案”，让学员掌握CSS布局的底层逻辑，能根据业务需求选择最优布局方案，独立完成从简单组件到复杂页面的排版，解决90%以上的布局场景问题。
2026-02-09 17:57:05
627
原创 AI端侧模型完整汇总表
AI端侧小模型汇总表，集成了目前最新的AI端侧模型，按模型类型，模型具体名称，模型属性，模型应用进行汇总，是AI嵌入式编程的参考资料
2026-02-07 10:55:11
788
原创 前端编程 课程十七、：CSS 布局一 掌握主流的布局方式
本阶段核心目标：掌握CSS中主流的布局方式（文档流、浮动、定位、Flexbox、Grid），能根据不同的页面需求选择合适的布局方案，实现从简单的元素排列到复杂的页面整体结构搭建，解决“元素排列混乱”“垂直居中困难”“响应式适配”等布局难题。
2026-02-06 18:41:23
965
原创 前端编程 课程十六、：CSS 盒子模型
彻底理解CSS盒子模型的组成、尺寸计算方式和内外边距的使用，能精准控制元素的大小和位置，解决“元素尺寸和预期不符”“元素间距无法控制”的布局难题，为后续Flex、Grid布局打牢基础。
2026-02-06 17:46:09
560
原创 一图秒懂HTML、CSS、JavaScript的指令区别
本文核心是涵盖HTML、CSS、JavaScript这三大核心技术，并体现出指令图形化汇总、对比等维度，并围绕这个核心创作的一张专业且易懂的概括性内容。一图秒懂前端编程三大核心技术。
2026-02-05 14:11:13
508
原创 前端编程 课程十五、：CSS核心基础3：文字+段落样式
文本样式就像“文字的化妆品和排版工具”——文字样式是给文字“化妆”（涂颜色、调大小、换字体），段落样式是给文字“排版”（居中、缩进、调整行间距），让文本更美观、更易读。本节课通过动画方式，直观展示了课程内容。
2026-02-04 10:44:42
782
原创 万物识物的模型规模、多国语言翻译的词库/模型体量在端侧本地模型可以放下吗？
问题直击端侧AI落地的核心痛点——万物识物的模型规模、多国语言翻译的词库/模型体量与端侧芯片的存储、算力、功耗的矛盾，这也是当前端侧AI技术的核心优化方向。但答案是明确的：经过轻量化优化的端侧模型，完全能实现「实用级」的万物识物和多国语言离线翻译，并非要把云端的大模型原封不动搬到端侧，而是做“端侧定制化的精准瘦身”，牺牲少量极致精度，换取存储/算力适配、低功耗、实时响应，完全满足智能手环这类穿戴设备的实际使用需求。
2026-02-03 18:07:42
808
原创 端侧识物+离线翻译轻量化模型选型表
说明：本表聚焦智能眼镜、手环手表等低功耗穿戴设备，筛选主流、工程化可落地的轻量化模型，所有数据均为INT8/INT4量化后（适配端侧）的实际表现，要求0.1~2TOPS NPU算力、512MB+闪存的硬件要求，兼顾实用性与低功耗需求。
2026-02-03 17:56:33
496
原创 前端编程 课程十四、：CSS核心基础2：选择器优先级 + 伪类选择器（解决冲突+交互效果）
为什么要学选择器优先级？在实际开发中，我们常会遇到一个问题：同一个HTML元素被多个选择器匹配，且设置了冲突的样式（比如同时设置color: red和color: blue），但最终只有一个样式生效，其他样式“失效”。本课 程通过动画展示及逐步分解的方法详细讲述了其原理。
2026-02-02 14:53:33
928
原创 学习前端编程：DOM 树、CSSOM 树、渲染树详解
是浏览器的渲染流程相关的重要概念，DOM 树、CSSOM 树、渲染树的核心结构，与 HTML、CSS、JavaScript 三者在实际开发中的关联关系——简单来说，HTML 是「骨架」，CSS 是「外观」，JavaScript 是「行为」，而 DOM/CSSOM/渲染树等是浏览器连接这三者、实现页面渲染和交互的「底层桥梁」。
2026-02-02 13:46:15
1369
原创 学习前端编程：精准选中 HTML 元素的技巧与方法
深入了解在前端开发中如何精准选中 HTML 元素，这是操作 DOM（文档对象模型）的基础，不管是修改样式、绑定事件还是操作内容都离不开它。下面从基础到进阶，详细讲解所有常用的选中方法，以及它们的使用场景和精准选型技巧，图形化展示工作原理。
2026-01-31 15:15:25
895
原创 前端编程 课程十三、：CSS核心基础1：CSS选择器
直观展示 HTML 元素精准选中 的效果，我们准备了一个带动画的交互 Demo：通过点击不同按钮，精准选中页面内的元素，并给选中的元素添加高亮、缩放等动画效果，同时在控制台输出选中的元素信息。CSS选择器是CSS的“导航器”，核心作用是：告诉浏览器“要给哪个/哪些HTML元素设置样式”。类比理解：HTML元素是“页面上的所有物品”（桌子、椅子、杯子），选择器就是“指向物品的手指”，只有精准指向（选中），才能给物品“上色、装饰”（设置样式）。
2026-01-31 14:19:00
953
原创 前端编程 课程十二、：CSS 基础应用 Flex 布局
Flex布局的基础介绍，具体的使用方法，它是CSS3原生自带的布局模块，所有现代浏览器都原生支持，直接写CSS代码就能使用，无需任何额外操作，下面分模块讲述。
2026-01-30 18:02:22
1328
原创 前端编程 课程十一、：CSS 基础入门 基本语法
本阶段核心目标：掌握CSS的核心运行逻辑、基础语法、3种引入方式，能让CSS成功作用于HTML元素，独立写出第一个可运行的CSS样式，理解“层叠样式表”的浅层含义，为后续选择器、布局学习打牢最底层基础。
2026-01-29 17:19:52
497
原创 HTML元素+网页布局区块概念汇总表
整合所有HTML核心元素、网页开发高频布局区块（含英雄区相关），按HTML语义化元素和网页布局区块术语分类成两个表格，包含名称、解释、用途三列，定义精准且贴合实际开发场景，可直接对照代码参考使用，文末用图形化直观表示各名称的位置方便理解。
2026-01-28 19:12:24
1141
原创 前端编程 课程十、：CSS 系统学习学前知识/准备
同学们，前几节课已完成了HTML部分的讲解，从本节课开始将讲述CSS相关知识，知识的核心是解决前端好看不好看的问题。CSS（层叠样式表）是前端三大核心技术之一，核心作用是给HTML页面设置样式、实现布局，它和HTML是强关联的，学习CSS的核心逻辑是先懂规则、再练应用、最后通布局和优化，全程以“手写实践”为核心，拒绝只看不动手。
2026-01-28 17:13:36
1335
原创 基于nRF52832芯片和S132 SoftDevice的所有错误码（err_code）的完整列表和注释
在Keil开发环境下，基于nRF52832芯片和S132 SoftDevice的所有错误码（err_code）的具体含义和完整列表，这是 Nordic 开发中排查问题的关键参考。
2026-01-27 17:31:54
899
原创 前端编程 课程九、：前端作品集网站（全功能版）
该网站是一款集前端技能展示与交互功能实践于一体的个人作品集单页网站，核心功能围绕前端开发实操打造，包含吸顶式导航栏（支持滚动变色、移动端适配与平滑锚点跳转）、全屏首屏英雄区、多列自适应作品展示模块（集成迷你电商轮播、原生音乐播放器、后台侧边栏折叠三个可交互功能 demo）、图标化技能展示、图文结合的个人介绍及底部版权区，全页面适配 PC、平板、手机多终端，样式与交互高度模块化，是前端入门到进阶的实战参考范本。
2026-01-26 18:54:03
676
原创 HTML编程 课程八、：HTML5 新增API与网页交互基础
本节课作为 HTML5 交互开发的核心内容，是从静态网页搭建到动态交互开发的关键过渡，该节课程的 HTML5 原生 API 摆脱了传统开发对第三方插件、冗余 JS 代码的依赖，原生支持本地存储、定位、拖拽、多媒体控制等核心交互功能，大幅降低开发成本、提升开发效率，同时保障了多端兼容性与交互流畅度。所掌握的 localStorage/sessionStorage、地理位置、拖拽等高频 API，是实现表单缓存、定位服务、元素拖拽、自定义播放器等前端常见需求的基础工具，贴合实际开发场景。
2026-01-26 06:02:55
999
原创 HTML编程 课程七、：HTML5 新增表单标签与属性
本节课是 HTML5 表单开发的核心升级内容，围绕表单语义化和原生功能增强两大核心展开，解决了传统表单语义缺失、依赖 JS 实现基础功能、用户体验差的问题。fieldset 与 legend 实现表单逻辑分组，让结构更清晰，符合语义化开发规范；datalist 为输入框提供预定义选项，兼顾输入自由与选择便捷；output 专用于展示表单计算 / 反馈结果，强化语义关联。input 新增 date、color 等类型，无需 JS 即可实现日期、颜色选择，简化开发；required、min/max 等
2026-01-25 08:55:32
1041
原创 HTML编程 课程六、：HTML5 新增多媒体标签
为什么需要HTML5新增多媒体标签？在HTML5出现之前，网页中嵌入音频、视频、动画等多媒体内容，必须依赖第三方插件（最常用的是Flash），这种方式存在3个致命弊端，也是HTML5新增多媒体标签的核心原因，本课程是的核心实战课程，承接“HTML基础规范”、“语义化思维”，核心目标是：掌握HTML5新增音频（<audio>）、视频（<video>）、嵌入内容（<embed>）三大多媒体标签的语义、用法、核心属性及实战场景，替代传统“依赖插件（如Flash）”的多媒体嵌入方式，实现无插件、跨浏览器的多媒体展
2026-01-23 18:48:58
1765
原创 HTML编程 课程五、：HTML5 新增语义化标签
HTML5 核心优势在于跨平台性强，一套代码可适配 PC、手机、平板等多终端，开发成本低且学习门槛低，应用场景覆盖企业官网、电商页面、H5 小游戏、互动营销海报等。正因如此，HTML5 是前端开发的必修课，掌握它能快速实现可视化页面效果，适配多场景开发需求。值得一提的是， H5 可以开发安卓 /iOS APP ，直接生成可安装的 APP，配合 Cordova、uni-app 等框架，以 “原生壳 + H5 内核” 的混合模式，可实现一套代码开发多平台 APP，是轻量级跨平台应用开发的核心技术。
2026-01-22 15:11:06
687
原创 HTML编程 课程四、：常见网页结构规范实战详解课程
本节课是阶段1的实战落地环节，核心目标是：将课程2（常用标签）和课程3（核心规范）的知识结合，能独立搭建90%常见网页的结构，做到标签用法正确、语义化达标、代码规范易维护。本节课的核心的：标签用法+规范落地—— 课程2教“会用标签”，课程3教“写规范代码”，课程4教“把两者结合，落地到实际网页结构中”。
2026-01-22 11:11:36
740
原创 HTML编程 课程三、：HTML 核心规范（语义化+易维护）详解课程
本节内容是HTML基础阶段的“内功修炼”—— 学会标签用法只是“会写”，掌握规范才能“写好”。核心目标是写出「语义化、标准、易维护」的HTML代码，规避常见错误，养成符合行业标准的编码习惯，为后续CSS、JS学习及团队协作打下基础。课程核心围绕3大板块展开：语义化规范（重中之重）、编码语法规范、可维护性规范，每个规范均配套“核心要求+正面示例+反面示例+注意事项”，确保能理解、能区分、能落地。
2026-01-22 10:40:03
635
原创 HTML编程 课程二、：HTML常用标签（语义+场景+用法）详解课程
本节课程是HTML基础的核心，聚焦精准掌握每个常用标签的语义、使用场景和正确写法，按标签功能分类，每个标签都标注核心语义、典型场景、语法格式、注意事项，并配实战示例，学完就能落地使用。通过本节课程的学习，能精准掌握每个常用标签的语义和用法，为独立搭建各类网页结构、遵循语义化规范打下坚实基础。在学习的过程中，对每个代码段都实践一次，搞懂标签的实际呈现，尤其是要搞懂容器、表单等内容。
2026-01-22 05:58:56
1004
原创 NRF_SDH_BLE_TOTAL_LINK_COUNT 含义、设置方法及多连接应用场景
NRF_SDH_BLE_TOTAL_LINK_COUNT 是 Nordic SDK 中 BLE 协议栈（SoftDevice）的核心配置项，用于定义设备（如从设备 B）最多能同时建立的 BLE 连接数量上限。本文说明了其设定方法，并举例说明了实际应用场景。
2026-01-21 18:17:18
897
【物联网通信】基于BLE协议的蓝牙核心术语解析：GATT与GAP配置文件在低功耗设备数据交互中的应用
2025-12-27
蓝牙技术基于GATT属性模型的元数据解析：低功耗蓝牙服务特征结构与通信机制设计
2025-12-27
需要快速搞懂PD协议吗？快充技术中PD协议核心概念解析
2025-10-31
学不会HFSS仿真？ 先要搞懂HFSS的概念！《高频电磁仿真中HFSS有限元法的技术原理与应用》
2025-10-30
【电磁波谱分析】多波段特性对比与毫米波深度应用：通信及成像领域关键技术解析
2025-10-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人