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为前端开发者提供了友好的访问方式。