05 2020 档案
摘要：1 // 获取元素属性值的兼容写法 2 function getStyle(obj,attr){ 3 if(obj.currentStyle){ 4 //兼容IE 5 obj.currentStyle[attr]; 6 return obj.currentStyle[attr]; 7 }else{
阅读全文
摘要：获取鼠标当前位置 clientY、clientX： 鼠标当前位置 相对于 浏览器可视区域顶部、浏览器可视区域左部 的位置； pageY、pageX： 鼠标当前位置 相对于 文档顶部、文档左部的位置； screenY、screenX：鼠标当前位置 相对于 屏幕顶部、屏幕左部的位置； offsetY、o
阅读全文
摘要：undefined的中场景 1.变量被声明了，但没有赋值时，就等于undefined //打印a的时候，找到a了 但是找不到a的值，所以返回一个undefined var a; console.log(a); console.log(a+1);//undefined+1 计算不了 //不声明b，直接
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <script type="text/javascript"> 10 // var str='
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 7 <style type="text/css"> 8 9 ul{ 10 list-style: none; 11 } 12 li{ 13
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0,
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 8 9 .box1{ 10 width: 200px; 11 height: 100p
阅读全文
摘要：1.win+r, 调出命令窗口， 进入命令提示符，输入netsh int ip reset回车，重置端口， 2.继续输入ipconfig /flushdns回车，刷新dns服务器，然后重启电脑 3.如果不能恢复，接下来win+R 调出运行，运行中输入ncpa.cpl回车，如下图所示 4.右键单击网络
阅读全文
摘要：Bootstrap的栅格源码 1.固定和流体容器的公共样式 1 // 固定和流体容器的公共样式 2 //@grid-gutter-widt：槽宽 3 .container-fixed(@gutter: @grid-gutter-width) { // 4 margin-right: auto; 5
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>02_多Tab点击切换</title> 6 7 <style> 8 * { 9 margin: 0; 10 padding: 0; 11 }
阅读全文
摘要：css 1 /*base*/ 2 body { 3 background: #fff; 4 } 5 6 .btn { 7 display: inline-block; 8 padding: 4px 12px; 9 margin-bottom: 0; 10 font-size: 14px; 11 li
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 4 <head> 5 <meta http-equiv="Content-Type" con
阅读全文
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 .toTop{ 8 width: 40px; 9 height: 40px; 10 ba
阅读全文
摘要：事件委托 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <ul> 9 <li>11111</li> 10 <li>2
阅读全文
摘要：html 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>焦点轮播图</title> 7 <style type="text/css"> 8 /*去除内边距,没有链接下划线*/ 9 * { 10 marg
阅读全文
摘要：闭包面试题 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <script type="text/javascript
阅读全文
摘要：元素的尺寸 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>14_元素的尺寸</title> 6 </head> 7 <style> 8 div { 9 width: 100px; 10 height: 15
阅读全文
摘要：隔行变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01__表格隔行变色</title> <style> div, span, p { width: 140px; height: 140px; marg
阅读全文
摘要：过滤选择器 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>07_过滤选择器</title> 7 </head> 8 9 <body> 10 11 <div id="div1" class="box">c
阅读全文
摘要：初识jQuery 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>01_初识jQuery</title> 7 8 <!--使用原生DOM--> 9 <script type="text/javascrip
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 /*禁止浏览
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 #box{
阅读全文
摘要：进程与线程 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>01_进程与线程</title> 6 </head> 7 <body> 8 <!-- 9 1. 进程：程序的一次执行, 它占有一
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <script type="text/javascript"> 10 // 需求,求出字符窜的字
阅读全文
摘要：你应该知道，javascript语言是一门“单线程”的语言，不像java语言，类继承Thread再来个thread.start就可以开辟一个线程，所以，javascript就像一条流水线，仅仅是一条流水线而已，要么加工，要么包装，不能同时进行多个任务和流程。 那么这里说的同步和异步到底是什么呢？如果
阅读全文
摘要：构造函数创建正则表达式 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 /* 8 * 正则表达式 9 * - admi
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 .box{
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <div id="box"> 9 <p>唱歌</p> 10 <p>滑雪
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 #box{
阅读全文
摘要：删除tr 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type"
阅读全文
摘要：定时器，控制div移动的移动1 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 *{ 9 margin: 0; 10 paddin
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <script type="text/javascript"> 7 /* 8 * BOM 9 * - 浏览器对象模型 10 * - B
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 //创建一个字符串 8 var str = "Hello Atguig
阅读全文
摘要：事件的委派 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <script type="text/javascript"> 7 8 window.onload = function(
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 #box1{ 9 width: 100px; 10 height: 100px;
阅读全文
摘要：使用dom操作css 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 #box1{ 9 width: 100px; 10 heig
阅读全文
摘要：dom查询练习 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Typ
阅读全文
摘要：dom 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <button id="btn">我是一个按钮</button> 9 <script typ
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #box1{ 8 width: 100px; 9 height: 100px; 10
阅读全文