08 2019 档案
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> <script> ////ES5： ////普通中文：U+4位16进制 ////生僻字：两个四位十六进制 var str = "��"; console.log(str.charCode
阅读全文
摘要：1、DOM0级和DOM2级的共同优点：能添加多个事件处理程序，按顺序执行，HTML事件处理程序无法做到~2、关于dom0级和dom2级的区别DOM0级事件处理：同时绑定几个不同的事件，例如在绑定onclick的基础上再绑定一个onmouseover为按钮2设置背景颜色（这里注意不能onclick、o
阅读全文
摘要：let const class 类 import 引入模块 export 暴露接口 // var a = 10; // let b = 20; // const c = 30; var和let比 console.log(a) //undefined var a = 10; // 不存在变量提升 console.log(a) //报错 let a = 10; // var a = 10; var a
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：表达式全集 常用正则表达式 正则的写： 正则的读： 一、校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最
阅读全文
摘要：正则的创建方式： 1.构造函数方式 var reg1 = new RegExp("a"); var str = "adassdfsd"; console.log(str.match(reg1)) //输出匹配a的字符 2.字面量方式，古老的perl语言风格 var reg2 = /a/; ...
阅读全文
摘要：Document link1 link2 link3 link4 link5
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
阅读全文
摘要：Document 北京 北京 上海 广州 深圳 杭州 西安 ...
阅读全文
摘要：demo：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g
阅读全文
摘要：// 键盘事件加给谁？事件源是谁？ // var obox = document.querySelector(".box") // 通过事件对象的属性，得知按下的是哪个按键 document.onkeydown = function(eve){ var e = eve || window.event; if(e.keyCode =...
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .box{width:500px;margin: 300px auto;border: solid 1px black;position: relative;}
阅读全文
摘要：Title 1JAN 2FER 3MAR 4APR 5MAY 6JUN 7JUL 8AUG 9SEP 10OCT 11NOV 12DEC ...
阅读全文
摘要：// 事件冒泡 // 当触发某个元素的某个事件时，它会先触发自己的对应事件，然后，依次向上触发所有父级的相同事件,如果中间有父级没有相同事件，继续向上触发 // IE提出的 var obox1 = document.querySelector(".box1") var obox2 = document.querySelector(".box2") var obox3 = document.quer
阅读全文
摘要：var obox = document.querySelector(".box") obox.onclick = function(){ console.log(1) } // 事件源：obox，触发事件的源头 // 事件类型：onclick，通过什么行为触发事件 // 事件处理函数：function，触发这个行为时，要做的事情 ...
阅读全文
摘要：Navigator 对象包含有关浏览器的信息。 appName 返回浏览器的名称。 appCodeName 返回浏览器的代码名称的字符串。 cookieEnabled 指明浏览器中是否启用 cookie 的布尔值。 platform 返回运行浏览器的操作系统平台。 appVersion 返回浏览器的
阅读全文
摘要：Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内 语法 element.scrollIntoView(); // 等同于element.scrollIntoView(true) element.scrollIntoView(alignToTop); //
阅读全文
摘要：for可以遍历所有数组，在for里加条件 break可以用于循环语句内的if,相当于跳出循环 demo：
阅读全文
摘要：onload当文档加载完成后执行一些操作 window.onload = function(){ console.log("页面加载完成") } onscroll当页面发生滚动时执行一些操作 window.onload = function(){ console.log(1) //当页面发生滚动时，打印1 ...
阅读全文
摘要：1.innerHTML 你好 就是喜欢你 输出结果： 就是喜欢你 2.outerHTML 你好 就是喜欢你 输出结果： 就是喜欢你 注意： 1.innerHTML 设置或获取位于对象起始和结束标签内的HTML 2.outerHTML设置或获取对象及其内容的HTM...
阅读全文
摘要：1.myStr.charCodeAt(num) 返回指定位置的字符的Unicode（是字符编码的一种模式）编码。 2.String.fromCharCode() String的意思就是不能用自己定义的字符串名字来调用，只能用String来定义调用。接受一个或多个指定的Unicode值，然后返回一个或多个字符串。(把unicode编码转换为字符串)。 var str = "中国"; console.
阅读全文
摘要：新增的数组常见方法：以下说明中，红色为必选参数，蓝色为可选参数 1.indexOf(data,start); 用于返回某个数组或者字符串中规定字符或者字符串的位置； var arr = ["a","b","c","d","e"]; arr.indexOf("a"); //0 //返回当前查询字符所在的位置的下标，如果查询不到，返回-1，start表示从第几位开始查询。 2.forEach(call
阅读全文
摘要：// 十进制转其他： var num = 123; console.log(num.toString(2)); console.log(num.toString(8)); console.log(num.toString(16)); // 其他进制转十进制： var str = "110"; console.log(parseInt(str,2)) console.log(parseInt(s...
阅读全文
摘要：js 关于全局变量和局部变量的简单理解 1.简单来说在 函数里边定义的变量是局部变量，在函数外边访问不到； 全局变量是在函数外边的，在函数内外都可以被访问； var a = 10; function test() { var b = 100; console.log(a);//打印结果是10 a=1
阅读全文
摘要：// 日期格式化功能： // 计算两个日期间的差值： //拖拽的封装 //多元素多属性的链式缓冲 事件委托的封装
阅读全文
摘要：var str="nothing impossible" //indexOf 返回某个字符串的位置 var a=str.indexOf("h") console.log(a) //3 console.log(str.indexOf("i",6)) //从a[6]的位置开始查询i；//8 //查询不到返回-1//charAt通过索引（下标）返回指...
阅读全文
摘要：任何上过网的用户对浏览器是再熟悉不过了。只是用户看到仅仅只是浏览器本身，却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww（Library WorldWideWeb）浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Ope
阅读全文
摘要：第二种方法：将数组的每一个元素依次与其他元素做比较，发现重复元素，删除
阅读全文
摘要：function fn2(a){ return [1,2,3,"hello"];}console.log(fn2(2)[3])//hello 这个2是混淆视线的，即使没有这个2.函数依然可以正常执行。 console.log(fn2()[3]) 就是求数组中的第四个值
阅读全文
摘要：转载于：https://www.jianshu.com/p/7e160067a06c 最下方本人自己总结 js中数组的方法种类众多，有ES5之前版本中存在的，ES5新增，ES6新增等；并且数组的方法还有原型方法和从object继承的方法，这里我们只介绍数组在每个版本中原型上的方法。 一、在使用数组的
阅读全文
摘要：1.src 是指向物件的来源地址，是引入。在 img、script、iframe 等元素上使用。 2.href 是超文本引用，指向需要连结的地方，是与该页面有关联的，是引用。在 link和a 等元素上使用。 使用区别： src通常用作“拿取”（引入），href 用作 "连结前往"（引用）。 1.sr
阅读全文
摘要：var a=1.55;var b=1.65;var c=a.toFixed(1);var d=b.toFixed(1);console.log(c);console.log(d);
阅读全文
摘要：浮动 5236 这个方法容易理解，但是记住不要给center设置宽度
阅读全文
摘要：双飞翼布局 451 主要思想：用container单独包裹center，container宽度设置为100%，里面的center设置宽度为100%，然后设置margin-left:left的宽度，margin-right:right的宽度。container，left，right全部左浮动。left通过设置m...
阅读全文
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m
阅读全文
