guo_tonight-CSDN博客

原创设备像素比，设备独立像素

1.一些有关像素的概念： 1）设备像素：指的是实际存在的像素，设备屏幕的大小所占有的像素，就是设备像素 2）设备独立像素：独立于设备的用于逻辑上衡量像素，计算机控制的打出来的一个点 3）css像素：是一个相对单位，相对不同屏幕，其实际像素不同（原因是这样，假设我们屏幕是640*320，设备像素比为2，那么说明在这个设备下面我设置css像素为320*160就会充满整个屏幕，如果我设置cs

2017-09-14 14:42:10 565

原创未知宽高实现水平居中

<!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 327

原创实现三列布局

<!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 286

原创 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 370

原创文章标题

利用其它方法实现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 135

原创数组去重-两种方法

<!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 169

原创遮罩层显示，框的移动拖拽功能

<!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 701

原创各种元素的高度

console.log(document.documentElement.scrollHeight);//返回的是整个元素的盒子模型总高度（元素总高度） console.log(document.body.scrollHeight);//返回的是整个元素的盒子模型总高度（包括margin） console.log(document.documentElement.

2017-08-08 19:59:57 986

原创 JS编程-寻找字符串中出现最多的字符以及重复次数

2017-08-05 10:45:47 459

guo_tonight的博客