前端路引 - 博客园

2025年3月6日

摘要： HELLO，这里是大熊学习前端开发的入门笔记。本系列笔记基于 windows 系统。截止发文，MDN 收录的 HTML 全量标签有 126 个，有 18 个标记已弃用。名词解释：MDN MDN Web Docs （前身为 Mozilla Developer Network ）是一个开源的、阅读全文

posted @ 2025-03-06 09:34 前端路引阅读(276) 评论(0) 推荐(1)

Web前端入门第 10 问：HTML 段落标签（ <p> ）嵌套段落标签（ <p> ）的渲染结果会怎样？

摘要： HELLO，这里是大熊学习前端开发的入门笔记。本系列笔记基于 windows 系统。曾经有一个神奇的 bug 摆在我面前，为什么套娃一样的 HTML 语法，在段落标签 <p> 身上不生效？上源码注意源码中 p 标签分别嵌套了 span 、 p 、 div 标签。 <!DOCTYPE html 阅读全文

posted @ 2025-03-06 09:33 前端路引阅读(197) 评论(0) 推荐(1)

Web前端入门第 9 问：HTML 块级元素，内联块元素，内联元素三者有什么区别？

摘要： HELLO，这里是大熊学习前端开发的入门笔记。本系列笔记基于 windows 系统。 HTML 中的元素根据其默认的显示类型主要分为三类：块级元素、内联元素和内联块元素。它们的核心区别在于布局行为和样式控制的支持程度。块级元素块级元素（Block Elements）是指在 HTML 阅读全文

posted @ 2025-03-06 09:32 前端路引阅读(300) 评论(0) 推荐(1)

Web前端入门第 8 问：HTML <!DOCTYPE> 申明有何用处？如果没有此申明有什么问题？

摘要： HELLO，这里是大熊学习前端开发的入门笔记。本系列笔记基于 windows 系统。先电脑端浏览器打开任何一个网页，比如百度。再用 ctrl + u 快捷键即可查看源码，瞅瞅第一行代码，是不是都是 <!DOCTYPE xxx> 开头。是否好奇这这行代码有嘛用？ DOCTYPE 语法规则声明阅读全文

posted @ 2025-03-06 09:30 前端路引阅读(368) 评论(0) 推荐(2)

2025年2月28日

Web前端入门第 7 问：HTML 标签不闭合、乱闭合、只有闭合标签有没有什么问题？

摘要： HTML 标签语法遵循层级嵌套的树形结构，如果写出来的代码不是树形结构，浏览器会怎么渲染？注意：以下截图都来源于 Chrome 浏览器，不同浏览器可能会产生不同的渲染结果。先看正常代码 <section> <span>span标签</span> <div>div标签</div> <p>我是p1标阅读全文

posted @ 2025-02-28 13:45 前端路引阅读(326) 评论(0) 推荐(1)

Web前端入门第 6 问：HTML 的基础语法结构

摘要： HTML的全称为超文本标记语言（HyperText Markup Language），基础语法结构由标签、元素、属性和内容组成，遵循层级嵌套的树形结构。关键语法规则标签（Tags）双标签语法标签成对出现，由一个开始标签和结束标签组成。如： <div></div> 单标签语法标签只有开始标签阅读全文

posted @ 2025-02-28 13:43 前端路引阅读(409) 评论(0) 推荐(1)

Web前端入门第 5 问：写一个 Hello, World! 踹开程序开发的大门

摘要：创建一个文件夹，并打开文件夹，在文件夹中创建一个 5.txt 文件，双击打开记事本编辑。输入 Hello, World! ， Ctrl + s 保存。修改文件名为 5.html 。打开浏览器，将 5.html 文件拖到浏览器中打开。以上步骤完成，也就一脚踹开程序开发的大门，完成了程序入门的经阅读全文

posted @ 2025-02-28 13:42 前端路引阅读(377) 评论(0) 推荐(1)

Web前端入门第4问：HTML、CSS、JavaScript 的作用分别是什么？

摘要： HTML、CSS、JavaScript 的核心作用 HTML：网页的骨架功能：定义页面的内容结构（如按钮、表格、图片）。示例：<button>提交</button> 创建一个可点击的按钮。类比：如同房屋的钢筋水泥结构。 CSS：网页的视觉设计功能：控制布局、颜色、动画、响应式适配。示例：b 阅读全文

posted @ 2025-02-28 13:37 前端路引阅读(490) 评论(0) 推荐(1)

Web前端入门第3问：前端需要学习哪些技术？

摘要： Web前端开发技术学习路径基础知识必备 HTML+CSS+JavaScript ，就目前来看，这三板斧是入门前端开发的门槛，无论如何都是逃不掉了。进阶知识必须会一门主流的前端框架，比如：React/Vue/Angular/Svelte，就国内的从业环境来看，Vue占有绝对优势，后续也会写一些阅读全文

posted @ 2025-02-28 13:36 前端路引阅读(747) 评论(0) 推荐(1)

Web前端入门第2问：前端开发是什么？与后端、全栈的区别是什么？一个完整的Web项目有哪些角色参与？

摘要：一个完整的Web项目有哪些角色参与？提出需求（这一步可以是甲方，也可以是用户）需求分析，画出原型图（产品经理）根据原型图输出 UI 界面及交互图（UI/UX设计师）根据UI及交互效果画出页面，并与后端联调接口（前端工程师）根据需求完成后端逻辑开发，并输出接口文档（后端工程师）前后端联调完阅读全文

posted @ 2025-02-28 13:35 前端路引阅读(555) 评论(0) 推荐(1)

随记

公告