-
Fetch入门介绍
fetch是一种在JavaScript脚本里面发出HTTP请求的方式，是XMLHttpRequest的一种替代方案fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象fetch和XMLHttpRequest的不同点：1、fetch不使用回调函数，大大简化了写法 2、fetch返回的promise将不会拒绝http的错误状态，即使响应是一个HTTP404或者500 3、在默认情况下fetch不会接受或者发送cookies 4、fetch采用模块化设计，API分散在多个对象上(Response、Request、Headers、ReadableStream...
2021-04-23 -
javascript中的async和await操作符简介
async操作符用于创建一个异步函数，await操作符用于等待一个Promise对象async操作符在函数创建语句前添加async操作符可以把函数转化为异步函数，异步函数的特点：异步函数永远只会返回一个Promise 1、当函数中显示的return一个Promise时返回该Promise 2、如果return的是一个具体的值，会返回一个resolve为该值的Promise 3、如果使用了throw语句那么会返回一个reject为该值的Promise 3、其他情况下会转换为一个resolve为undefined的Promise</pre><strong>await操...
2021-04-23 -
CSS中的砌体布局
前端布局中的Flex、Grid和更古老的浮动布局，在处理不规则高度的元素时存在一定的复杂，需要用到大量的@meida，javascript来解决细节问题砌体布局一种类似砖块堆砌的通过CSS实现的布局方式，自由排列不同高度的元素，使得页面布局更加灵活且符合实际内容的特点砌体布局通过CSS的column-*属性来实现columns简写属性，设置元素的列宽和列数也可以单独设置每个属性 column-count 将一个元素的内容分成指定数量的列 默认值auto，可设置为具体的正整数 column-width 设置每一列的最小列宽，如果容器的宽度小于该值那么单列的宽度比会声...
2020-10-14 -
CSS中的grid网格布局
Grid布局与Flex布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局Grid布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局既可以设置容器为块元素(display:grid)，也可以设置容器为行内元素(display:inline-grid)设为网格布局以后，容器子元素的float、display: inline-block、display: table-cell、vertical-align和column-*等设置都将失效设置容器网...
2020-10-14 -
CSS中的flex布局
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局它即可以设置容器为块元素(display:flex)，也可以设置容器为行内元素(display:inline-flex)设为Flex布局以后，子元素的float、clear和vertical-align属性将失效目前，它已经得到了所有浏览器的支持。定义容器的六个属性flex-direction：容器内元素的排列方向(默认row)row，沿水平主轴从左向右排列 row-reverse，沿水平主轴从右向左排列 column，沿垂直主轴从...
2020-10-13