winfyho-CSDN博客

原创移动端适配之rem布局方案

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

2020-03-25 18:45:52 685

原创 AJAX：原生Js封装AJAX网络请求

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...

2020-03-02 16:02:20 242

原创 ES6（一）：let和const、块级作用域、解构赋值

推荐学习 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+...

2020-02-24 16:19:56 275

原创 flex布局(四) : 设置item上的属性

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

2020-01-23 01:37:02 1134 1

原创 flex布局(三) : 多行显示

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

2020-01-16 03:03:43 4676

原创 flex布局(二) : 位置与排列方式

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

2020-01-16 03:00:29 4895

原创 flex布局(一) : container和items

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

2020-01-16 02:54:05 1194

原创使用Git创建个人的github远程仓库

安装Git进入Git官网https://git-scm.com/downloads，根据自己的系统选择对应的版本运行安装程序，选择安装目录时注意不要带空格和中文通常情况按默认状态安装即可，在Select Components时注意勾选Git Bash Here即可1. 进入git命令行在你的电脑选择或者创建一个本地文件夹，在本地文件目录下右键点击 git bash here，mk...

2019-10-12 18:05:56 612

h284306976的博客