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

112 阅读2分钟

1.前端语言的基本能力

这个应该没啥好说的,前端三件套(html,css,js)

Html

一门标记语言,基本语法:

标题(元素)Element 开闭标签<></>

文本Text:

1.text

2.<![CDATA[text]]>

注释<!-- comments -->

DTD Document Type Defination <!Doctype html>

处理信息ProcessingInstruction <?a 1?>

Html全部标签分类

文档型

<!Doctype html> <head> <body>

闭合型

闭合标签

<p> </p>

空标签

<img> <input> <br>

换行型

块级标签
行内标签

H5新元素

语义化标签

<header>...

媒体标签

<video>...

表单标签

<input type="date">...

功能标签

<canvas> <progress>

HTMLhead元素

title:标题,全局唯一

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

meta:通常是约定好的键值对;例如charset

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

script:type制定MIME类型;可内嵌代码,可外链文件

事件捕获和冒泡

捕获Document->target 对计算机 冒泡target->Document 对用户

宏任务和微任务

三件套并不是割裂开来的,原本我觉得这三者之间的联系不过是,js操作dom,css负责样式,html展示内容而已,上完这节课后我知道了js也能操作css,而且css样式也能写在js代码里

Accessible Rich Internet Applications(WAI-ARIA,简称 ARIA) 是能够让残障人士更加便利的访问 Web 内容和使用 Web 应用(特别是那些由 JavaScript 开发的)的一套机制。最值得注意的是,它包含了一组属性,我们可以添加到 HTML 元素中,将更多的语义信息嵌入其中,这些信息可以被辅助技术读取。

H5语义化标签,用好比不用好,不用比用错好,那其实是还是需要学习和掌握的。

更方便开发者维护网站。

h5已经不再是一门简单的标记语言,他也有了许多的规范。

如果用cookie存储数据可能会变得很大,localstorage和sessionstorage只为前端服务。

DB为前端开发者提供了友好的访问方式。

H5拖拽api

websocket

SVG和CANVAS