自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 JS加载时间线

创建Document对象,开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段document.readyState = ‘loading’。 遇到link外部css,创建线程加载,并继续解析文档。 遇到script外部js, 并且没有设置async、 defer, 浏览器加载,并阻塞,等待js加载完成并执行该脚本,然后继续解析文档。 遇到...

2020-04-15 16:45:39 134

原创 JavaScript笔记:DOM基本操作(二)

查看滚动条的滚动距离 window.pageXOffset/pageYOffset (IE8及IE8以下不兼容) doucument.body/documentElement.scrollLeft/scrollTop 兼容性比较混乱,用时取两个值相加,因为不可能存在两个同时有值 查看可视区域窗口尺寸 window.innerWidth/innerHeight (IE8及IE8以下不兼容) d...

2020-04-05 22:55:30 137

原创 JavaScript笔记:封装查看浏览器窗口尺寸

function getViewportOffset() { if(window.innerWidth) { return { w : window.innerWidth, h : window.innerHeight } }else{ if(document.compatMode ==...

2020-03-29 21:13:35 116

原创 JavaScript笔记:封装获取滚动条坐标方法

function getScrollOffset() { if(window.pageXOffset) { return { x : window.pageXOffset, y : window.pageYOffset } }else{ return { x : ...

2020-03-29 20:37:38 110

原创 JavaScript笔记:DOM基本操作

1.对节点的增删改查 查 查看元素节点 document代表整个文档 document.getElementById():元素id在ie8以下的浏览器,不区分id大小写,而且也返回匹配name属性的元素 .getElementsByTagName():标签名 .getElementsByName():需注意,只有部分标签name可生效(表单,表单元素,img,iframe) .getElemen...

2020-03-19 10:59:35 91

原创 JavaScript笔记:封装myChildren方法

Element.prototype.myChildren = function () { var child = this.childNodes; var len = child.length; var arr = []; for(var i = 0; i < len; i ++) { if(child[i].nodeType == 1) { arr.push(child[...

2020-03-19 09:40:39 186

原创 JavaScript笔记:封装函数,返回元素e的第n层祖先元素节点

function retParent(elem, n) { while(elem && n) { elem = elem.parentElement; n --; } return elem; }

2020-03-19 09:27:53 156

原创 JavaScript笔记:try catch

在try里面发生错误,不会执行错误后try里面的代码,如果try里面的代码有错,catch会捕捉错误,会把error.message和error.name传递给error供catch使用 try{ console.log('a'); console.log(b); console.log('c'); }catch(e){ //e为形参,表示error,可以随意定义 ...

2020-03-15 22:32:51 91

原创 面试题练习:一个字符串[a-z]组成,找出字符串第一个只出现一次的字母

第一次做JavaScript面试题练习,自己瞎琢磨出来的,望大佬们轻喷 var str = 'fjeogeofeoeoglsgjwgjbnrbhogrofjjbrorgrejlbrjeljlbnerjsljrojgz'; function firstLetter (str) { var arr = [], newArr = [], obj = {}; ...

2020-03-15 13:17:49 259

原创 JavaScript笔记:数组去掉重复的值

var arr = [1,7,2,8,1,2,7,8,7,5] Array.prototype.unique = function () { var temp = {}, //定义空对象 arr = [], //定义空数组 len = this.length; //要判断的数组的长度 for(var i = 0; i < len; i ++) ...

2020-03-14 22:40:23 179 1

原创 JavaScript笔记:type方法封装typeof方法增强

利用 typeof 和 toString 方法进行封装,可以判断传入的值的具体类型,相当于typeof的增强版。 function type(target) { var ret = typeof(target); var template = { //设置模版值 '[object Array' : 'array', '[object Object]' : ...

2020-03-14 21:44:37 245

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除