- 博客(11)
- 收藏
- 关注
原创 JS加载时间线
创建Document对象,开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段document.readyState = ‘loading’。遇到link外部css,创建线程加载,并继续解析文档。遇到script外部js, 并且没有设置async、 defer, 浏览器加载,并阻塞,等待js加载完成并执行该脚本,然后继续解析文档。遇到...
2020-04-15 16:45:39
183
原创 JavaScript笔记:DOM基本操作(二)
查看滚动条的滚动距离window.pageXOffset/pageYOffset (IE8及IE8以下不兼容)doucument.body/documentElement.scrollLeft/scrollTop 兼容性比较混乱,用时取两个值相加,因为不可能存在两个同时有值查看可视区域窗口尺寸window.innerWidth/innerHeight (IE8及IE8以下不兼容)d...
2020-04-05 22:55:30
167
原创 JavaScript笔记:封装查看浏览器窗口尺寸
function getViewportOffset() { if(window.innerWidth) { return { w : window.innerWidth, h : window.innerHeight } }else{ if(document.compatMode ==...
2020-03-29 21:13:35
147
原创 JavaScript笔记:封装获取滚动条坐标方法
function getScrollOffset() { if(window.pageXOffset) { return { x : window.pageXOffset, y : window.pageYOffset } }else{ return { x : ...
2020-03-29 20:37:38
151
原创 JavaScript笔记:DOM基本操作
1.对节点的增删改查查查看元素节点document代表整个文档document.getElementById():元素id在ie8以下的浏览器,不区分id大小写,而且也返回匹配name属性的元素.getElementsByTagName():标签名.getElementsByName():需注意,只有部分标签name可生效(表单,表单元素,img,iframe).getElemen...
2020-03-19 10:59:35
125
原创 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
247
原创 JavaScript笔记:封装函数,返回元素e的第n层祖先元素节点
function retParent(elem, n) { while(elem && n) { elem = elem.parentElement; n --; } return elem;}
2020-03-19 09:27:53
207
原创 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
120
原创 面试题练习:一个字符串[a-z]组成,找出字符串第一个只出现一次的字母
第一次做JavaScript面试题练习,自己瞎琢磨出来的,望大佬们轻喷var str = 'fjeogeofeoeoglsgjwgjbnrbhogrofjjbrorgrejlbrjeljlbnerjsljrojgz';function firstLetter (str) { var arr = [], newArr = [], obj = {}; ...
2020-03-15 13:17:49
295
原创 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
237
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
276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人