前端笔记,第二篇|青训营

105 阅读3分钟

①什么是前端?

解决gui人机交互问题,跨终端,web技术栈

②前端应该关注的问题

美观、安全、兼容、功能、体验、性能、无障碍

③前端的边界 前端的边界是指前端开发所涉及的技术范围和应用领域。它主要涵盖HTML、CSS和JavaScript等技术,用于创建响应式网页、交互式界面和网页应用程序。前端开发的边界还包括与服务器端通信、数据处理、性能优化等方面的技术。随着技术的发展,前端的边界不断拓展,涵盖了移动端开发、桌面应用程序、游戏开发等领域。同时,前端开发人员也在不断学习新的技术和工具,以适应行业的发展和不断变化的需求。 ④开发环境 前端开发环境是指用于进行前端开发的软件、工具和配置。常见的前端开发环境包括代码编辑器(例如Visual Studio Code、Sublime Text)、命令行工具(例如Git、Node.js)、调试工具(例如Chrome开发者工具)、包管理器(例如npm、Yarn)、版本控制系统(例如Git)、自动化构建工具(例如Webpack、Gulp)等。这些工具和配置提供了创建、调试、测试和部署前端应用程序所需的基础设施,以提高开发效率并确保代码的质量和性能。 ⑤HTML DOM树

image.png

⑥HTML语法

标签和属性不区分大小写,推荐小写

空标签可以不闭合,比如input、meta

属性值推荐引用双引号包裹

某些属性值可以省略,比如required、readonly

标题h1~h6

链接: a href属性(url) target="_blank"新窗口打开

图片:img alt属性(替代性的文本)

音频: audio control属性默认控件

输入: input placeholder属性(占位符) type属性(range拖动条 number数字 date日期 checkbox多选框 radio单选)

⑦语义化

语义化是HTML中的元素、属性及属性值都拥有某些含义。开发者应该遵循语义来编写HTML,有序列表用ol,无序列表用ul,lang属性表示内容所用的语言

语义化的好处是代码可读性、可维护性、搜索引擎优先和提升无障碍性。

⑧感受 学习HTML非常有趣和富有挑战性。HTML作为一种标记语言,是构建网页的基础。学习HTML让我能够理解网页结构和组成部分的功能。通过学习HTML,我能够创建简单的网页,添加文本、图片和链接等元素。同时,我发现HTML的学习过程相对简单,并且有很多在线资源和教程可供参考。通过不断实践和探索,我能够逐渐提高自己的HTML编码技能,并应用在实际项目中,这给我带来了很大的成就感。总体而言,学习HTML是一个有趣且有益的过程,它为我打开了进入Web开发领域的大门。