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

75 阅读3分钟

1.课程了解

1.1课程介绍

随着前端的不断探索和进化,传统的前端“三剑客”技术也是日新月异,而且彼此之间联系越来越紧密。本次课程会帮你复习一下前端的基本知识,“温故而知新”,同时也扩展交流一下周边有趣的小知识。

1.2课程重点

(1) 前端语言的基本能力

(2) 前端语言的协作配合

(3) 你不知道的HTML

(4) 拓展分享

2.前端语言的基本能力 2.1HTML (1) Hyper Text Markup Language,即超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。文件拓展名为html或者htm。 (2) 构建框架结构,包含控制内容获取,为web设计师提高一个层次结构,是web页面的起始。

2.2CSS

(1) Cascading Style Sheets,层叠样式表,是一种用来表现HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

(2) 具体包含给元素添加样式啊,设为不同的屏幕尺寸,让我们具备我们想要的特征,是网站的外表和体验最重要的一个工具。

 

2.3JS

(1) Javascript,一种具有函数优先的轻量级,解释型或即时编译型的编程语言

(2) 为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

 

2.4HTML、CSS、JS关系

一个网站里面最重要的东西就是这三个元素,HTML元素,CSS样式,JS脚本。HTML构成人的骨骼框架,而CSS基于人的骨骼构建了人的皮囊,而JS作为肌肉构建人的身体,控制和使人运动。

转存失败,建议直接上传图片文件 

2.5如何在浏览器中运转

2.5.1浏览器引擎——渲染引擎和JavaScript引擎

渲染引擎是负责将Web文档解析并将其渲染为文档加载后呈现给用户的引擎。对于一些静态的网站和文档,用户只需下载并观看即可。但对于大多数Web应用程序和动态历史网站,用户的交互将是页面的一个重要部分。

JavaScrip引擎则是负责解释和执行JavaScript代码的引擎。JavaScript在Web前端开发中扮演着重要的角色,因为它以多种方式提高了Web页面的交互性和动态性。

 

2.5.2CSS in HTML

(1) Inline CSS,在标签中写入style属性

(2) internal CSS,在的后面跟着一个,然后把css放在里面。

(3) External CSS,把所有的css定义在另一个文件里,然后通过链接的方法使用它。

 

2.5.3Javascript in HTML

(1) 使用标签对

(2) 引入外部的JavaScript文件

(3) 伪URL引入

 

2.5.4HTML in JavaScript

(1) 事件句柄后写代码

(2) 使用脚本块

(3) 引入外部独立的js文件

 

2.5.5CSS in Javascript

3. HTML 3.1HTML DTD HTML并非图灵完备,它只是一门标记语言。

3.2HTML全部标签分类 文档型,闭合型,换行型,H5新元素

3.3HTML head标签 Title、base、meta、link、script、style

3.4HTML body 功能性标签

3.5HTML ARIA ARIA全称为Accessible Rich Internet Applications,它表现为一组属性,是用于可访问性的一份标准。

3.6HTML5