![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
xiaoxiede_wo
这个作者很懒,什么都没留下…
展开
-
JS 计算时间
new Date() =>Wed Jul 21 2021 17:30:30 GMT+0800 (中国标准时间)//获取时间戳new Date().getTime()=>1626859949626时间戳转时间var currentDate = new Date(1626859949626);//new Date(时间戳) 获得当前时间currentDate.toLocaleDateString().replace(/\//g, "-") + " " + curr..原创 2021-07-21 18:45:24 · 589 阅读 · 0 评论 -
正则表达式
[]中代表一个字符的可能取值1、/./g:任意一个非断行字符;/3\.14/g 可以准确匹配到3.142、\w: 匹配阿拉伯数字、英文大小写字母和下划线3、\W: 匹配被\w排除在外的字符4、\d: 仅匹配数字5、\s: 匹配空白符:空格、制表符、断行等6、\S: \s的补集7、[abc]:匹配字符a,b,c8、[b-z]:匹配b,c,d.....z字符9、yo...原创 2019-07-26 14:34:48 · 144 阅读 · 0 评论 -
attachevent和addeventlistener和on绑定事件的区别
1.on绑定事件 js : div.onclick=function(){ console.log(11111); }JQuery: $('div').on('click',function(){ })在IE,FF,Chrome,Safari,Mozilla,Opera下都适用。但是,同一个...原创 2019-06-27 21:53:03 · 365 阅读 · 0 评论 -
页面加载过程中触发的事件
readyState属性描述了文档的加载状态,在整个加载过程中 document.readyState会不断变化,每次变化都会触发readystatechange事件。readyState的值变化:1.loading(加载) 文档被加载时2.loaded (加载完毕)文档数据加载完毕3.interactive(交互)文档结束加载并且被解析,可以操作对象,但部分资源还没有加载完成;...原创 2019-06-27 21:05:50 · 7064 阅读 · 0 评论 -
JS判断数据类型
JS的基本数据类型:String、Number、Boolean、Null、Undefined、symbol(ES6);引用类型:Object一、typeof:(可以对基本类型(包括function)做出准确的判断引用类型就只会返回Object;二、求得对象的具体类型1.instanceof运算符用于测试 构造函数的prototype属性是否出现在对象的原型链中的任何位置....原创 2019-06-23 21:27:49 · 159 阅读 · 0 评论 -
作用域,作用域链
预编译四部: 1.创建GO/AO对象 2.找形参和变量声明,将变量和形参名作为AO属性名,值为undefined 3.将实参值和形参统一 4.在函数体里面找函数声明,值赋予函数体(为了深刻理解预编译搬来自牛客的错题解析)var foo = {n:1};(function(foo){ //形参foo...原创 2019-06-22 23:22:31 · 162 阅读 · 0 评论 -
原型继承-圣杯模式
function inhert(Target,Origin){ function F(){}; F.prototype = Origin.prototype; Target.prototype = new F(); Target.prototype.constructor = Target;//更正Target上正确的构...原创 2019-06-25 23:10:02 · 167 阅读 · 0 评论 -
es6总结
一、let/const 命令:声明的变量只在所在的块级作用域内有效 不存在变量声明提升 不允许重复声明 const:只声明不赋值,会报错 声明后常量的值就不能改变(引用值另当别论)ES5 只有全局作用域和函数作用域,没有块级...原创 2019-06-25 22:29:57 · 280 阅读 · 0 评论 -
js求对象的深度
样例: var obj = { a:{ b:{ x:'a' } }, b:{ b:{ c:{ x:'x', arr:[1,2,...原创 2019-06-18 10:55:45 · 1150 阅读 · 0 评论 -
js练习笔录
1.预编译与引用类赋值 var foo = {n: 1}; (function(foo){ console.log(foo.n);//1 foo.n = 3; var foo = {n: 2}; console.lo...原创 2019-06-18 08:55:47 · 182 阅读 · 0 评论 -
闭包
<style> div{ height: 20px; width: 200px; margin-top: 10px; background:red; } </style><body> <div>...原创 2019-06-05 16:55:27 · 102 阅读 · 0 评论 -
ajax请求封装
var sub = document.getElementById('sub'); sub.onclick = function(e){ e.preventDefault(); var data = "username=" + userName.Value + '&age=' + age.value; ...原创 2019-05-10 15:41:20 · 127 阅读 · 0 评论 -
JS封装 多物体多值链式运动方法
html部分: <div class="top"></div> <div class="bottom"></div>css部分: div{ width: 100px; height: 100px; background:red; ...原创 2019-04-30 20:43:11 · 226 阅读 · 0 评论 -
封装一个获取具有某class属性值的所有元素的方法
我们要知道数组的slice方法的底层实现原理: Array.prototype.slice = function(a,b){ var newArr=[]; for(var i = 0;i < b;i++){ newArr.push(arr[i]); } return newArr; }如果有以下dom结构: <input id="de...原创 2019-04-29 21:11:58 · 844 阅读 · 0 评论 -
封装轮播图
在HTMLDivElement上封装方法createTurnPage();功能;使得传入的图片按照某一宽高空气内轮播;如arr=['img1.jpg','img2.jpg','img3.jpg','img4.jpg'];div.createTurnPage(arr,700,300);可以让arr里的图片在width = 700 px ;height = 300 px的框里轮播;1...原创 2019-05-03 21:48:01 · 287 阅读 · 2 评论 -
拖拽,碰撞,重力减速运动
<!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-...原创 2019-05-03 11:46:55 · 132 阅读 · 0 评论