KarasWJ-CSDN博客

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

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

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

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

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

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

2020-03-15 13:17:49 255

原创 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 177 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 244

前端小白KarasWJ