m0_65696193的博客

Fetch API 是一种现代的、功能强大的网络请求工具，它允许你通过 JavaScript 异步地请求资源，而不需要使用传统的 XMLHttpRequest 对象。Fetch API 可以简洁地发起 HTTP 请求，并处理服务器的响应。Fetch API 基于 Promise 设计，使得异步操作更加简洁和易于理解。catchCORS。

AJAX 可用来与 JSON 文件进行交互式通信。

用一个callback函数创建一个XMLHttpRequest，并从一个TXT文件中检索数据。创建一个XMLHttpRequest从XML文件中检索数据并显示在一个HTML表格中。创建一个简单的XMLHttpRequest，从一个TXT文件中返回数据。创建一个简单的XMLHttpRequest，从一个XML文件中返回数据。当用户在文本框内键入字符时网页如何与Web服务器进行通信。用AJAX网页如何获取数据库中的信息。检索资源（文件）的指定头信息。检索资源（文件）的头信息。

AJAX 可用来与 XML 文件进行交互式通信。

AJAX 可用来与数据库进行动态通信。

AJAX 用于创造动态性更强的应用程序。

当请求被发送到服务器时，我们需要执行一些基于响应的任务。每当 readyState 改变时，就会触发 onreadystatechange 事件。readyState 属性存有 XMLHttpRequest 的状态信息。存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。

如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

XMLHttpRequest 对象用于和服务器交换数据。

XMLHttpRequest 是 AJAX 的基础。

AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：微博、淘宝、知乎等。

AJAX 与 Flash、Silverlight 和 Java Applet 等 RIA 技术是有区分的。运用 XMLHttpRequest 或新的 Fetch API 与网页服务器进行异步资料交换；AJAX 不需要任何浏览器插件，但需要用户允许 JavaScript 在浏览器上执行。XMLHttpRequest 只是实现 Ajax 的一种方式，当然也可以使用。如果您想学习这些基础知识，您可以在我们的首页找到相应的教程。AJAX 不是新的编程语言，而是一种。1、使用 AJAX 修改该文本内容。

所以浏览器主要兼容性问题我一般分为两大部分：css兼容、js兼容。

属性包括内容，内边距和边框，但不包括外边距。这是当文档处于 Quirks模式 时Internet Explorer使用的。内容框不能为负，并且被分配到0，使得不可能使用border-box使元素消失。导致在浏览器中呈现的宽度为350px的盒子。注意，填充和边框将在盒子内 , 例如,

结果 代码 结果 代码 结果 代码 结果 代码 结果 代码。

标记上使用语言属性来声明页面中文本的默认语言。当页面包含另一种语言的内容时，将语言属性添加到该内容周围的元素。属性用于作为 XML 的页面。对于 XHTML 1.x 和 HTML5 多语言文档，请同时使用两者。如果它用于翻译，即使语言设置为英语并且文档中有所有中文文本，属性用于作为 HTML 的页面，将。其检测为中文，而不是英语。在 HTML 中，最好在。（这意味着谷歌忽略了。

随便找一个，文件窗口，在空白处，鼠标右击，打开“Git Bash here”项目推送到工蜂远程仓库。

这两个是一样的127.0.0.1：5500/MI/index.html与localhost：5500/MI/index.html。实时更新Visual Studio Code工具与浏览器HTML修改同步更新_live_server的使用。（路径相当于已经搭建了一个服务器，可以实时更新，就不需要再手动刷新了）127.0.0.1等于localhost，都是本地意思。4、点击Open with Live Server。2、在搜索框输入live ser，点击下载。观察，原本的路径url，与现在的区别。

一、CSS媒体查询案例。

使用`var`这个单词，告诉浏览器，我们要定义一个变量，使用`=`号告诉浏览器，我们要把左边的数据存储到变量里面。如果我们使用prompt()方法让用户输入了数据，我们又想要把用户输入的数据保存起来，怎么办呢？//计算两个数字的和。在JavaScript中有一种专门用于保存数据的语法：**变量**当我们想使用这个数据的时候，就可以直接使用这个变量代替这个实际数据。上面代码中，`200`被称为变量`b`的`值`变量定义分为两个过程：变量声明和变量赋值。var 变量名 = 数据;变量就是存储数据的容器。

目前移动端页面主流的处理方式是：pc端用响应式原理来书写，移动端做成自适应的效果（例如: [www.taobao.com](http://www.taobao.com) 和 m.taobao.com）响应式页面原理：**根据浏览器窗口的宽度，来加载不同的样式代码css**，从而使元素在不同分辨率下有完好的展示效果 （需要检测这个宽度）/*在大于等于600px且小于等于1000px的时候，渲染这里的css代码：*//*当浏览器宽度**大于等于1000px**的时候渲染这里面的代码，例如：*/

根据W3标准 ，em 单位是相对于使用em单位的元素的字体大小( 也是相对于字体大小，有可能是父亲的元素也有可能是自身的元素字体大小 )每个网页默认都会有一个**视口**，视口其实是一个**虚拟的窗口** ，**移动端**默认的尺寸是**980**像素;使用em单位时，像素值是em值乘以使用em单位的元素的字体大小( `像素px=em值 * fontSize大小`)为了兼容移动设备，一般让**网页视口的宽度和设备的宽度的比例为 1:1 , 并且不允许用户缩放网页**;

侧重点：pc端的兼容和适配，pc端的事件（鼠标）用手机端 消费 的人越来越多。1.1、PC端开发 VS 移动web开发。使用的技术：html css js。使用的技术：html css js。侧重点：手机端适配，移动端事件（触摸）京东双十一销售额( 2015 )京东双十一销售额 ( 2016 )3.2、为什么学习移动web。一、移动web介绍(了解)

less是一种css 的预处理语言，简化了css的书写，增强了css的功能，赋予css动态语言的特点，是css的升级版。/*书写一个宽300px，高200px的盒子(设计图宽度为75)*///width: @w - 200px;2.2、less嵌套。

往复运动：表示是否往复执行动画，如是，则值为 `alternate`， 如否，则不写。animation: 动画名称 动画持续时间 运动曲线 重复次数 往复运动;重复次数：没有单位，值为数值。如果是无数次，值为 `infinite`。其中，0%和100%可以写为 `from` 和 `to`。过渡属性 `animation` 是实现css动效的属性。运动曲线：值多为 `linear`。100% { css状态 }@keyframes 动画名称 {50% { css状态 }0% { css状态 }

底面

css3属性perspective（可以理解为 人眼到物体的距离）(一般我们会给700px~1500px);

我们可以通过 transform-origin 这个属性配合旋转来控制元素的旋转中心点和旋转轴。配合Transform:rotate()做旋转中心点的设置，两个值，单位可以是px %配合Transform:rotateY()/rotateX()做旋转轴的设置。转换属性 `transform` 可将元素进行旋转、位移和缩放等转换。过渡属性 `transition` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。值与值之间以空格隔开，单位为deg。值与值之间以空格隔开，单位为px。

往复运动：表示是否往复执行动画，如是，则值为 `alternate`， 如否，则不写。如果是无数次，值为 `infinite`。转换属性 `transform` 可将元素进行旋转、位移和缩放等转换。过渡属性 `transition` 是实现css动效的属性。其中，0%和100%可以写为 `from` 和 `to`。过渡属性 `animation` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。运动曲线：值多为 `linear`。值与值之间以空格隔开，单位为deg。

右</div><div class="child left">左

为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？核心技术就是利用CSS精灵（主要是背景位置）和盒子padding撑开宽度, 以便能适应不同字数的导航栏。2. span 设置背景右侧， padding撑开合适宽度 剩下由文字继续撑开宽度。

vertical-align 不影响块级元素中的内容对齐，它只针对于 行内元素或者行内块元素，特别是行内块元素， **通常用来控制图片/表单与文字的对齐**。vertical-align 垂直对齐， 这个看上去很美好的一个属性， 实际有着不可捉摸的脾气，否则我们也不会这么晚来讲解。但是我们从来没有讲过有垂直居中的属性， 我们的妈妈一直很担心我们的垂直居中怎么做。以前我们讲过让带有宽度的块级元素居中对齐，是margin: 0 auto;以前我们还讲过让文字居中对齐，是 text-align: center;

我是小白</li><li style="cursor:pointer">我是小手</li><li style="cursor:move">我是移动</li><li style="cursor:text">我是文本

:nth-of-type` 和 `:nth-child` 选择器，两者都是选择作为第几个子元素某标签，但是又有区别。.father>div{ /*只选择到 .father 标签的第一级子级div标签， 子级的子级不会被选中*/-- 这一个就是变粉色的盒子 -->`:nth-of-type` 选中的是同类型的第几个，前提在于同类型。`:nth-child` 选中的是同级中的第几个，前提在于同级。过渡属性 `transition` 是实现css动效的属性。值为数值，值与值之间以空格隔开，无单位。

侧边栏文章段落1</p><p>文章段落2</p><p>文章段落3头部导航

::before和::after前面的双冒号，也可以写为单冒号。- content是必备属性，里面可以填写简单的文字内容。- 伪元素产生时，默认是行内元素，无法指定宽高。- JavaScript无法操作伪元素。

浮动造成的影响

<input type="text" name="txt" id="txt" value="" placeholder="请输入文字">

</td>即可。在上面的语法中包含三对HTML标签，分别为 <table></table>、<tr></tr>、<td></td>，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释。03.td /td：用于定义表格中的单元格，必须嵌套在<tr></tr>标签中，一对 <tr> </tr>中包含几对<td></td>，就表示该行中有多少列（或多少个单元格）。01. <tr></tr>中只能嵌套<td>