amikly

## 行内元素 一个行内元素只占据它对应标签的边框所包含的空间 #### 特点 1.总是和相邻的行内元素在同一行上 2.设置宽高无效，水平方向的padding和margin属性可以设置，但是垂直方向上的无效 3.默认宽度是它自身内容的宽度 4.行内元素只能容纳其他行内元素或者文本（a比较特殊，可以放块级元素，但是链接里面不能再放链接） #### 常用： ```html 通过它的 href属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL的超链接 表示一个提供选项菜单的控件 短语内容的通用行内容器 表示文本十分重要 将一份图像嵌入文档 为基于Web的表单创建交互式控件，以便接受来自用户的数据 表示用户界面中某个元素的说明 表示一个多行纯文本编辑控件 表示一个可点击的按钮 在文本中生成一个换行（回车）符号 "用于嵌入或引用可执行脚本" 用于吸引读者的注意到该元素的内容上（如果没有另加特别强调） 用于表现因某些原因需要区分普通文本的一系列文本 标记出需要用户着重阅读的内容 使文本的字体变小一号 html5被重新定义为表示边注释和附属细则，包括版权和法律文本...

# 理解 圣杯布局和双飞翼布局基本上是一致的，都是两侧宽度固定，中间宽度自适应的三栏布局，而且中间一栏放在文档流的前面，先渲染出来。 # 区别 ​ 圣杯布局的中间栏(内容在此标签)与左右两栏为兄弟标签，通过给其父标签设置paddiing来为左右两栏腾出位置，使中间栏不被遮挡，效果上表现为三栏独立分开。 ​ 双飞翼布局在中间栏中嵌套了一个div标签来存放内容，通过给该嵌套div设置margin来使左右两栏不遮挡中间栏的内容，中间栏宽度还是100%，效果上表现为左右两栏在中间栏上面，中间栏内容则在中间； # 代码 ## 圣杯布局 ```html Document body { min-width: 500px; } div { text-align: center; } #header { background-color: #f1f1f1; }...

1.link是HTML提供的标签，可以加载CSS、定义rel连接属性等；@import是CSS提供的语法规则(@规则之一)，只能加载CSS。 2.在加载页面时，link标签引入的CSS文件被同时加载；@import引入的CSS文件在页面加载完毕后被加载。 3.link标签是HTML元素，不存在兼容性问题；@import是CSS2.1的语法，不兼容IE5以下的浏览器。 4.link标签可以通过JavaScript操作DOM来插入到页面中改变样式；@import则不行。 5.在link标签引入的CSS文件中使用@import时，@import引入的CSS文件与该CSS文件相同的样式会被覆盖。

## sort() ```js // ES5 function randArr(arr) { return arr.sort(function () { return Math.random() - 0.5; }); } console.log(randArr([1, 2, 3, 4, 5])); // ES6 let arr = [1, 2,...

```javascript function deleteTabNew(str) { return typeof str === "string" ? str.replace(/\n|\t|\v/g, "") : new Error("please input a string"); } console.log(deleteTabNew("as d\ndf\tere\rdfef\vss")); ```

## 含义 ```javascript function print(callback) { callback(); } ``` 在上述代码中，print() 函数将另一个函数作为参数，并在函数体内调用它，这叫做**回调** 被传递给另一个函数作为参数并且最终被调用的函数叫做**回调函数** ## 作用 回调函数能帮助我们编写**异步**代码（I/O、HTTP 请求等），它能确保函数在某个任务完成之前不运行，在任务完成后立即运行 ## 实现 ```javascript // 在控制台打印一条消息（message），它在 3 秒之后显示 const message = function() { console.log("This message...

**`new` 运算符**创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例 ## 实现 ```js function _new(constructor, ...arg) { // 1.创建一个空对象 let obj = {}; // 2.为步骤1新创建的对象添加属性__proto__，将该属性链接至构造函数的原型对象prototype obj.__proto__ = constructor.prototype; // 3.将步骤1新创建的对象作为this的上下文 let res = constructor.apply(obj, arg); // 4.如果该函数没有返回对象，则返回this //...

## target属性 此属性指定激活链接时要在其中打开文档的浏览上下文的名称（例如，浏览器选项卡或（X）HTML iframe或object元素） | 属性值 | 作用 | | :------: | :----------------------------------------------------------: | | _self | 默认，在与当前SVG图像相同的浏览上下文中，当前SVG图像被链接的内容替换 | | _parent | SVG图像的直接父浏览上下文将被链接的内容替换（如果存在），并且可以从此文档中安全地访问它 | | _top | 完整活动窗口或选项卡的内容将由链接的内容替换（如果存在），并且可以从此文档中安全地访问 | |...

## 基本选择器 [通用选择器](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Universal_selectors)（[Universal selector](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Universal_selectors)） 选择所有元素。（可选）可以将其限制为特定的名称空间或所有名称空间。 **语法：**`*` `ns|*` `*|*` **例子：**`*` 将匹配文档的所有元素。 [元素选择器](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Type_selectors)（[Type selector](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Type_selectors)） 按照给定的节点名称，选择所有匹配的元素。 **语法：**`elementname` **例子：**`input` 匹配任何 [``](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input) 元素。 [类选择器](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Class_selectors)（[Class selector](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Class_selectors)） 按照给定的 `class` 属性的值，选择所有匹配的元素。 **语法**：`.classname` **例子**：`.index` 匹配任何 `class` 属性中含有 "index" 类的元素。...

## 值属性 这些全局属性返回一个简单值，这些值没有自己的属性和方法 - [`Infinity`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Infinity) - [`NaN`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/NaN) - [`undefined`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/undefined) - [`globalThis`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/globalThis) ## 函数属性 全局函数可以之间调用，不需要在调用时指定所属对象，执行结束后会将结果直接返回给调用者 - [`eval()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/eval) - [`uneval()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/uneval) - [`isFinite()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/isFinite) - [`isNaN()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/isNaN) - [`parseFloat()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseFloat) - [`parseInt()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseInt) - [`decodeURI()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/decodeURI) - [`decodeURIComponent()`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent)...