h284306976的博客

一、设备的css像素是不同的1. CSS像素（逻辑像素）可通过浏览器F12控制台查看不同机型的css像素，比如iPhone6为375px，iPhone6Plus为414pxCSS中使用的一个抽象的概念，单位是px值是相对的，并不是绝对的2. 设备像素（物理像素）屏幕的物理像素，任何设备屏幕的物理像素的数量都是固定不变的，单位是pt（点）一般指的是手机的分辨率1pt = 1/7...

W3C官方文档 https://www.w3school.com.cn/ajax/index.aspMDN https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX1. 创建 XMLHttpRequest 对象const xmlhttp=new XMLHttpRequest(); 2. 向服务器发送请求xmlhttp.open("G...

推荐学习 ECMAScript 6 入门 | 作者：阮一峰地址：https://es6.ruanyifeng.com/1. let命令1.1 基本用法ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效for循环的计数器，就很合适使用let命令。var a = [];for (let i = 0; i < 10; i+...

flex布局(四) : 设置item上的属性1.order 决定item的排布顺序设置整数，数值越小排在越前面默认值为0<style>.item1{ order: 3;}.item2{ order: 2;}.item3{ order: 1;}</style>2.align-self 决定单个item在交叉轴上的对齐方式...

flex布局(三) : 多行显示4. flex-wrap 决定items的换行控制item的多行显示nowrap(默认) ：单行显示，如果容器container宽度不够，则压缩item宽度适应wrap ：多行显示，每一行平分容器container高度wrap-reverse ：多行显示，交叉轴上对调顺序。大多数情况下不会使用这个属性<style>.container{...

flex布局(二) : 位置与排列方式1. flex-direction 决定主轴方向改变主轴方向为：水平row(默认) 或者 垂直column并且设置item元素的排序方式start->end(默认) 或者 end->startrowrow-reversecolumncolumn-reverse<style>.container{ /* 改变...

flex布局(一) : container和items案列演示<style>.container{ width: 500px; height: 200px; /* 父元素container设置display开启flex布局 */ display: flex; border: 1px solid #000;}.item{ /* ...