随笔分类 - Web前端入门
Web前端入门入门笔记
摘要:HTML 标签语法遵循层级嵌套的树形结构,如果写出来的代码不是树形结构,浏览器会怎么渲染? 注意:以下截图都来源于 Chrome 浏览器,不同浏览器可能会产生不同的渲染结果。 先看正常代码 <section> <span>span标签</span> <div>div标签</div> <p>我是p1标
阅读全文
摘要:HTML的全称为超文本标记语言(HyperText Markup Language),基础语法结构由标签、元素、属性和内容组成,遵循层级嵌套的树形结构。 关键语法规则 标签(Tags) 双标签语法 标签成对出现,由一个开始标签和结束标签组成。如: <div></div> 单标签语法 标签只有开始标签
阅读全文
摘要:创建一个文件夹,并打开文件夹,在文件夹中创建一个 5.txt 文件,双击打开记事本编辑。 输入 Hello, World! , Ctrl + s 保存。 修改文件名为 5.html 。 打开浏览器,将 5.html 文件拖到浏览器中打开。 以上步骤完成,也就一脚踹开程序开发的大门,完成了程序入门的经
阅读全文
摘要:HTML、CSS、JavaScript 的核心作用 HTML:网页的骨架 功能:定义页面的内容结构(如按钮、表格、图片)。 示例:<button>提交</button> 创建一个可点击的按钮。 类比:如同房屋的钢筋水泥结构。 CSS:网页的视觉设计 功能:控制布局、颜色、动画、响应式适配。 示例:b
阅读全文
摘要:Web前端开发技术学习路径 基础知识 必备 HTML+CSS+JavaScript ,就目前来看,这三板斧是入门前端开发的门槛,无论如何都是逃不掉了。 进阶知识 必须会一门主流的前端框架,比如:React/Vue/Angular/Svelte,就国内的从业环境来看,Vue占有绝对优势,后续也会写一些
阅读全文
摘要:一个完整的Web项目有哪些角色参与? 提出需求(这一步可以是甲方,也可以是用户) 需求分析,画出原型图(产品经理) 根据原型图输出 UI 界面及交互图(UI/UX设计师) 根据UI及交互效果画出页面,并与后端联调接口(前端工程师) 根据需求完成后端逻辑开发,并输出接口文档(后端工程师) 前后端联调完
阅读全文
摘要:HELLO,这里是大熊学习前端开发的入门笔记。 本系列笔记基于 windows 系统。 在入门之前,是否有这样的疑问: 程序员的英语是否很牛?毕竟程序员的代码像天书一样,比如这样: 答案是否定的。 英语并不是编程的前置条件,不要被看似天书的代码吓到,程序代码都存在一定的语法结构,英语能看懂26个字母
阅读全文