web学习总结
html
编写XHTML的规范：
（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：
<h1><font></font></h1>
（2）所有的标记都必须小写。
（3）所有的标签都必须闭合。
- 双标签：
<span></span> - 单标签：
<br>建议写成<br />````<hr>建议转成<hr />，还有
（4）所有的属性值必须加引号。<font color="red"></font>
（5）所有的属性必须有值。<hr noshade="noshade">、<input type="radio" checked="checked" />
（6）XHTML文档开头必须要有DTD文档类型定义。
HTML的基本语法特性
（1）HTML对换行不敏感，对tab不敏感
- HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被谁嵌套了，和换行、tab无关。换不换行、tab不tab，都不影响页面的结构。
- 也就是说，HTML不是依靠缩进来表示嵌套的，而是看标签的嵌套关系。但是，我们发现有良好的缩进，代码更易读。建议大家都正确缩进标签。
- 百度为了追求极致的显示速度，所有HTML标签都没有换行、都没有缩进（tab），HTML和换不换行无关，标签的层次依然清晰，只不过程序员不可读了。
（2）空白折叠现象
- HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。
（3）标签要严格封闭
- 标签不封闭的结果是灾难性的。
css
CSS样式的组成部分
一个样式规则由三部分组成：
- 选择器–选择器是 HTML 标记，用于选择要设置样式的内容。 它根据其
ID，类和名称选择 HTML元素。 - 属性–属性是 HTML 标签的一种属性。 简而言之，所有 HTML 属性都转换为 CSS 属性。
- 值– CSS中的值定义CSS属性的一组有效值。
CSS 可以集成为三种方式
1、内联：直接在HTML元素上使用
<p style=”colour:skyblue;”>hello world</p>
2、外部:在工作空间中创建单独的CSS文件，然后在创建的每个web页面中链接它们
<head>` `<link rel=”text/css”href=”your_CSS_file_location”/>` `</head>
3、内部: web 页面的 head 元素在其中实现了内部 CSS。
<head>
<style>
P{
color : lime;
background-color:black;
}
</style>
</head>
js
变量
我们可以使用 var、let 或 const 声明变量来存储数据。
- let — 现代的变量声明方式。
- var — 老旧的变量声明方式。一般情况下，我们不会再使用它。但是，我们会在 旧时的 “var” 章节介绍 var 和 let 的微妙差别，以防你需要它们。
- const — 类似于 let，但是变量的值无法被修改。
变量应当以一种容易理解变量内部是什么的方式进行命名。
数据类型
JavaScript 中有八种基本的数据类型（译注：前七种为基本数据类型，也称为原始类型，而 object 为复杂数据类型）。
- number 用于任何类型的数字：整数或浮点数，在 ±(253-1) 范围内的整数。
- bigint 用于任意长度的整数。
- string 用于字符串：一个字符串可以包含 0 个或多个字符，所以没有单独的单字符类型。
- boolean 用于 true 和 false。
- null 用于未知的值 —— 只有一个 null 值的独立类型。
- undefined 用于未定义的值 —— 只有一个 undefined 值的独立类型。
- symbol 用于唯一的标识符。
- object 用于更复杂的数据结构。
我们可以通过 typeof 运算符查看存储在变量中的数据类型。
- 两种形式：typeof x 或者 typeof(x)。
- 以字符串的形式返回类型名称，例如 “string”。
- typeof null 会返回 “object” —— 这是 JavaScript 编程语言的一个错误，实际上它并不是一个 object。
数据类型
重点，难点
b和strong的区别（em）
- 共同点：两者虽然在网页中显示效果一样,但实际目的不同。 < b>为了加粗而加粗，< strong> 为了标明重点而加粗。
- 区别：最重要的区别的就是样式标签与语义化标签的区别。最容易理解的场景就是盲人朋友使用阅读设备阅读网页时: < strong> 会重读，< b>不会
- < em>标签强调效果仅次于< strong> 标签
src和href的区别
sre
- src是source的缩写，表示外部文件的引用代表了指向外部资源的位置，把引用的文件加载到ntml页面的指定位置中去。
- src属性是页面内容中不可缺少的一部分，常用到js脚本，img图片和frame等元素
herf
- 是超文本引用的简写，表示超文本引用，代表了指向网络资源的所在位置，它与页面直接的关系方链接的关系。
区别
- src是指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置，在请求src资源时会将其指向的资源下载并应用到文档内，如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，知道将该资源加载、编译、执行完毕，所以一般js脚本会放在底部而不是头部。
- href是指向网络资源所在位置（的超链接)，用来建立和当前元素或文档之间的连接，当浏览器识别到它指向的文件时，就会并行下载资源，不会停止对当前文档的处埋。
img标签的tittle和alt
含义不同
- alt是当图片不存在时的替代文字，title是对图片的描述与进一步说明。
alt属性的特点
- 如果图片加载不成功未能显示出来，就会在图片未显示的地方出现一段文字。
- 为了给未加载出来的图片提供信息，方便用户浏览。
- 方便开发人员维护网页。
title属性的特点
- title属性可以用在任何元素上，当用户把鼠标移动到元素上时，就会出现title的内容，起到图片说明的作用，相当于一种备注或者注释。
link 和 @import 都能导入一个样式文件，它们有什么区别
- link 是 HTML 标签，除了能导入 CSS 外，还能导入别的资源，比如图片、脚本和字体等。
- 而 @import 是 CSS 的语法，只能用来导入 CSS。
- link 导入的样式会在页面加载时同时加载，@import 导入的样式需等页面加载完成后再加载。
- link 没有兼容性问题，@import 不兼容 ie5 以下。
- link 可以通过 JS 操作 DOM 动态引入样式表改变样式，而@import不可以。
c s s 选择器优先级
高到低：
- !important；
- 内联样式；
- ID 选择器；
- 类选择器、伪类选择器、属性选择器；
- 元素选择器、伪元素选择器；
- 通配选择器、后代选择器、兄弟选择器；
可以看到内联样式（通过元素中 style 属性定义的样式）的优先级大于任何选择器；而给属性值加上 !important 又可以把优先级提至最高，就是因为它的优先级最高，所以需要谨慎使用它，以下有些使用注意事项：
- 一定要优先考虑使用样式规则的优先级来解决问题而不是 !important；
- 只有在需要覆盖全站或外部 CSS 的特定页面中使用 !important；
- 永远不要在你的插件中使用 !important；
- 永远不要在全站范围的 CSS 代码中使用 !important；
font 的属性？
- Font-style
- Font-variant
- Font-weight
- Font-size/line-weight
- Font-family
在 CSS 中任何元素都可以看成是一个盒子，而一个盒子是由 4 部分组成的：内容（content）、内边距（padding）、边框（border）和外边距（margin）。
null 和 undefined 的区别
- 首先 Undefined 和 Null 都是基本数据类型，这两个基本数据类型分别都只有一个值，就是 undefined 和 null。
- undefined 代表的含义是未定义，null 代表的含义是空对象。一般变量声明了但还没有定义的时候会返回 undefined，null，主要用于赋值给一些可能会返回对象的变量，作为初始化。
this和bind的理解和区别
-
在浏览器里，在全局范围内this 指向window对象；
-
在函数中，this永远指向最后调用他的那个对象；
-
构造函数中，this指向new出来的那个新的对象；
-
bind中的this被强绑定在指定的那个对象上；
-
箭头函数其实是没有 this 的，箭头函数中的 this 只取决包裹箭头函数的第一个普通函数的 this ；
-
对一个对象多次 bind ， this 永远由第一次 bind 决定
事件冒泡
事件冒泡刚好与事件捕获相反，当前元素---->body ----> html---->document ---->window。当事件发生在DOM元素上时，该事件并不完全发生在那个元素上。在冒泡阶段，事件冒泡，或者事件发生在它的父代，祖父母，祖父母的父代，直到到达window为止。
设置addEventListener可阻止冒泡。
193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
