今天终于想起来把笔记写上来啦哈哈哈哈,已经开课好久了,这是第一天的课程笔记。
前端语言的基本能力
前端开发涉及多种编程语言和技术,其中三个基本能力尤为重要:
-
HTML(超文本标记语言):HTML是构建网页结构的基础,通过标签定义了网页的内容、布局和链接。它提供了许多元素,如标题、段落、图像和超链接,用于展示信息并创建用户友好的界面,并且HTML并非图灵完备,它只是一门标记语言。
-
CSS(层叠样式表):CSS用于控制网页的外观和样式,通过定义颜色、字体、布局等属性来实现视觉效果。它使得开发人员能够轻松地调整网页的外观,从而为用户带来愉悦的浏览体验。
-
JavaScript:JavaScript是一种脚本语言,为网页添加了交互性和动态性。通过JavaScript,开发人员可以响应用户的操作、操作DOM元素、进行数据处理以及与后端进行通信,从而创造出丰富的用户体验。
而三者在浏览器中的运作过程又分为五步,分别是:构建DOM树,计算CSS树,排版,渲染合成以及绘制。
前端语言的协作配合
在现代的前端开发中,不同的前端语言需要紧密协作,以构建高效的应用程序。协作配合涉及以下几个方面:
-
开发团队协作:前端开发通常不是一个人的工作,而是一个多人团队的协作过程。设计师、前端开发人员和后端开发人员需要密切合作,以确保网站或应用的一致性和功能完整性。
-
版本控制:使用版本控制工具(如Git)可以帮助团队成员协同开发,跟踪代码更改,并解决潜在的冲突。这有助于确保代码的稳定性和可维护性。
-
任务自动化:前端开发中常常需要进行一些重复性的任务,如代码压缩、图像优化和文件合并。使用自动化工具(如Webpack、Gulp)可以提高开发效率并减少人为错误。
-
适应不同设备:现代应用程序需要在各种设备和屏幕尺寸上进行良好的显示。响应式设计和移动优先开发是确保应用程序在不同平台上良好运行的关键。
你不知道的HTML
除了基本的HTML标签和属性外,还有一些你可能不知道的HTML技巧和知识:
-
语义化标签:HTML5引入了许多语义化标签,如<header>、<nav>、<article>和<footer>,有助于更好地描述页面结构和内容。
-
数据属性:通过使用"data-"前缀,可以在HTML元素中嵌入自定义数据,这些数据可以在JavaScript中访问和操作。
-
多媒体支持:HTML5使多媒体元素得以加强,包括<video>和<audio>,使得在网页中嵌入音频和视频内容更加简单。
-
表单增强:表单元素可以通过一些新属性(如"placeholder"、"required")和输入类型(如"email"、"date")得到增强,提升用户交互体验。