2020年9月12日
去除img下方的空白（vertical-align：middle）——原理
摘要： 去除img下方的空白（vertical-align：middle）——原理 代码如下：一个简单的div装在一个img中， 然而在预览时却发现这种情况 也就是说img下方会无缘无故出现一个空隙。然后你发现，只要给img元素加上一个属性 vertical-align:middle 就解决了问题！！！ 所 阅读全文
posted @ 2020-09-12 11:04 MIKE-CHOW 阅读(308) 评论(0) 推荐(0)
2020年9月11日
less介绍
摘要： css需要书写大量看似没有逻辑的代码，不凡便维护和拓展，不利于复用。造成这些困难的原因源于css是一门非程序式语言，没有变量，函数，作用域等概念，less/sass为web开发者带来了福音，它在css语法基础之上，引入了变量，混入，运算以及函数等功能，大大简化了css的编写，并且降低了css的维护成 阅读全文
posted @ 2020-09-11 13:45 MIKE-CHOW 阅读(200) 评论(0) 推荐(0)
2020年9月10日
视口
摘要： 在移动端，如果把一个盒子的宽度设置成100%，盒子的宽度并不是浏览器的宽度，而是980px移动端网页的布局不是基于浏览器可视区域宽度，而是基于一个虚拟的布局区域（视口），视口宽一般默认980px这个是历史原因导致的，早期的电脑屏幕分辨率通常是1024的分辨率，所以版心的宽度通常是980px，由于手机 阅读全文
posted @ 2020-09-10 17:59 MIKE-CHOW 阅读(310) 评论(0) 推荐(0)
二倍图和三倍图
摘要： 物理像素：由屏幕硬件决定，一个物理像素大小在不同的屏幕上是不一样的由于不同的屏幕一个物理像素的大小不一样，如果采用物理像素布局，会导致网页在不同分辨率的屏幕显示时布局差异很大CSS像素：px可以解决不同分辨率屏幕布局盒子大小不一样的问题px可以屏蔽物理像素点大小不一致的差异看不懂了吧~举个例子 一倍 阅读全文
posted @ 2020-09-10 17:02 MIKE-CHOW 阅读(2314) 评论(0) 推荐(0)
PC端布局和移动端布局差异
摘要： PC端布局和移动端布局差异一、pc端让一个网页在不同的屏幕适配 设置版心：1200px二、在移动端 让一个网页在不同的屏幕适配，要充分利用屏幕空间 宽度自适应， 流式布局：百分比布局 伸缩布局 宽高自适应： rem 阅读全文
posted @ 2020-09-10 16:06 MIKE-CHOW 阅读(477) 评论(0) 推荐(0)
获取地理位置
摘要： 在HTML规范中，新增了获取用户地理位置的API，这样使得我们可以基于用户位置开发互联网应用，即基于位置服务LBS（location base service）定位方式：IP、基站、GPS、北斗隐私HTML5规范提供了一套保护用户隐私的机制，必须先得到用户明确的许可，才能获取用户的位置信息。在获取地 阅读全文
posted @ 2020-09-10 13:23 MIKE-CHOW 阅读(373) 评论(0) 推荐(0)
读取文件
摘要： h5中新增了读取文件的方法，网页可以读取文件的内容了1-当文件域标签选中文件后，获取选中文本文件，读取文件内容 <input type="file"> <script> var input = document.querySelector('input') input.onchange=functi 阅读全文
posted @ 2020-09-10 12:35 MIKE-CHOW 阅读(173) 评论(0) 推荐(0)
localStorage和sessionStorage
摘要： 本地存储cookie：1- 容量小 4kb左右2- 操作不方便，因为那蹩脚的API3- cookie中的数据会通过请求头 自动 发送给服务器4-服务器设置cookie是通过响应头，响应报文发送给浏览器头，浏览器会解析响应报文，根据报文自行设置cookieh5中新增的两个本地存储容器容量：大约5M 只 阅读全文
posted @ 2020-09-10 11:31 MIKE-CHOW 阅读(159) 评论(0) 推荐(0)
2020年9月9日
拖拽
摘要： h5中新增了拖拽事件，原则上所有的元素都可以被拖拽，默认情况下，只有图片和连接可以被拖拽如果需要被拖拽，需要给元素设置一个属性draggable = ‘true’被拖拽元素事件:ondragstart 拖拽开始ondrag 拖拽中ondragend 拖拽结束目标元素事件1.ondragover 当被 阅读全文
posted @ 2020-09-09 17:59 MIKE-CHOW 阅读(356) 评论(0) 推荐(0)
2020年9月8日
伸缩布局
摘要： 之前常用的布局方式：每种布局方式都有自己的布局特点，不同的布局方式相互独立，互不干扰1-标准流　块级——独占一行　行内——没有宽高，由内容撑开，独占一行　行内块——有宽高，不独占一行　从上到下，从左到右2-浮动　左浮动　右浮动　清除浮动3-定位　参照： 绝对定位：有定位的父元素 相对定位：相对于自身 阅读全文
posted @ 2020-09-08 17:49 MIKE-CHOW 阅读(179) 评论(0) 推荐(0)