前端语言串讲笔记|青训营

95 阅读2分钟

今天学习了:前端语言串讲笔记

前端的“三剑客”

HTML的功能是控制基本的框架结构,是所有web页面的基石(Hypertext Markup Language)

CSS可以添加样式,响应网站的外表和特征(Cascading Style Sheet)

JavaScript是网页的灵魂,可以处理复杂的函数。

image.png

三者之间的关系

通过style标签等方式将css写入html

image.png

用script标签将js写入html image.png

image.png css动态操作JavaScript,使用标签封装

image.png html的标签 image.png head标签 image.png 1.title 标题,全局唯一

2.base 向页面所有相对URL提供前缀 全局唯一,不建议使用

3.meta 通常是约定好的键值对 例外: charset、http-equiv

4.link rel决定类型,href决定引入地址

5.script type指定MIME类型 可内嵌代码,可外链文件

html5

语义化标签:用对比不用好,不用比用错好——可以用于帮助开发者维护网站结构

表单增强

存储:离线存储能力,相比cookie更强

indexeddb:存储数据,更强大的数据库:容量高,支持事务性

Audio:音频相关

video:视频相关

——————————

web的风靡:前途一片光明 image.png

image.png 总结

对于前端“三剑客”的学习,我个人的理解是:HTML用于构建页面结构,CSS用于确定样式,而JavaScript用于实现页面的交互和行为。这三个部分的结合是实现丰富多彩的前端页面所必需的。

现代前端发展非常繁荣,HTML也扩展出了许多语义化标签,这使得页面结构更加清晰明了。同时,CSS的属性也变得更为丰富,使得样式设计更加灵活多样。另外,预处理器如LESS与SASS为前端工程提供了可靠的支持,使得样式代码的维护更加高效便捷。

主流的前端框架如Vue、React等,也是未来前端发展的趋势。它们提供了组件化的开发模式和更好的代码组织结构,使得前端开发更加高效和可维护。

因此,若想学好前端开发,必须打牢前端三件套的基础,深入理解HTML、CSS和JS,并且跟上前端技术的发展趋势,不断学习和提升自己。只有牢固掌握这些基础,才能在前端领域有更好的发展和应用。