- 博客(9)
- 收藏
- 关注
原创 设备像素比,设备独立像素
1.一些有关像素的概念: 1)设备像素: 指的是实际存在的像素,设备屏幕的大小所占有的像素,就是设备像素 2)设备独立像素: 独立于设备的用于逻辑上衡量像素,计算机控制的打出来的一个点 3)css像素:是一个相对单位,相对不同屏幕,其实际像素不同(原因是这样,假设我们屏幕是640*320,设备像素比为2,那么说明在这个设备下面我设置css像素为320*160就会充满整个屏幕,如果我设置cs
2017-09-14 14:42:10 578
原创 未知宽高实现水平居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>闭包练习</title> <style> .sup{ display: table; width: 500px; height: 200px;
2017-09-06 17:42:37 335
原创 实现三列布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现三列等宽布局</title> </head> <style> html,body{ width: 100%; font-size: 0; } /*利用弹性盒子实现三列布局*/ .cont
2017-09-06 08:43:08 315
原创 html5-localstorage操作(小demo)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="get"> <label for="name">姓名:</label> <input type="text" id
2017-09-05 22:29:14 381
原创 文章标题
利用其它方法实现document.getElementById方法<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现利用其他方法实现byclassname功能</title> </head> <body> <div class="name"> 你好</div> <div cl
2017-08-17 10:45:20 143
原创 数组去重-两种方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数组去重</title> </head> <div><span></span></div> <body> <script> function delRepeat1(arr){//直接利用数组的indexOf去查找新数组,看
2017-08-08 22:59:00 178
原创 遮罩层显示,框的移动拖拽功能
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .button{ width: 100px; height: 40px; border-radius
2017-08-08 21:11:54 715
原创 各种元素的高度
console.log(document.documentElement.scrollHeight);//返回的是整个元素的盒子模型总高度(元素总高度) console.log(document.body.scrollHeight);//返回的是整个元素的盒子模型总高度(包括margin) console.log(document.documentElement.
2017-08-08 19:59:57 991
原创 JS编程-寻找字符串中出现最多的字符以及重复次数
<script> function sort(str){ var num=0; var element = ""; var arr=str.split(""); var obj={}; for(var i=0;i<arr.length;i++){
2017-08-05 10:45:47 484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人