既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
CORS:
服务端设置 Access-Control-Allow-Origin 即可,前端无须设置,若要带 cookie 请求,前后端都需要设置。代理跨域:
开启一个代理服务器,实现数据的转发。
可参考之前一篇文章详细讲解了跨域相关知识
onmouseover 和 onmouseenter 的区别
onmouseover:
当鼠标移入元素或其子元素都会触发事件,所以有一个重复触发冒泡的过程。对应的移出事件是onmouseout。onmouseenter:
当鼠标移入元素本身(不包含元素的子元素)会触发事件,也就是不会冒泡,对应的移出事件是onmouseleave。
=
=
==
==和
=
=
=
===
===、以及 Object.is 的区别
- == 主要存在:强制转换成 number,null==undefined
" "==0 //true
"0"==0 //true
" " !="0" //true
123=="123" //true
null==undefined //true
- Object.is()方法判断两个值是否是相同的值,主要的区别就是+0 != -0,而 NaN
=
=
==
==NaN
(相对比
=
=
=
===
===和
=
=
==
==的改进)
null == undefined 为什么
要比较相等性之前,不能将 null 和 undefined 转换成其他任何值,但 null == undefined 会返回 true 。ECMAScript 规范中是这样定义的。
this 的指向有哪几种
默认绑定:
全局环境中,this 默认绑定到 window。隐式绑定:
一般地,被直接对象所包含的函数调用时,也称为方法调用,this 隐式绑定到该直接对象。隐式丢失:
隐式丢失是指被隐式绑定的函数丢失绑定对象,从而默认绑定到 window。显式绑定:
通过 call()、apply()、bind()方法把对象绑定到 this 上,叫做显式绑定。new 绑定:
如果函数或者方法调用之前带有关键字new,它就构成构造函数调用。对于 this 绑定来说,称为 new 绑定。
写一个函数,第一秒打印 1,第二秒打印 2
//方法一:用 let 块级作用域
for (let i = 1; i < 6; i++) {
setTimeout(() => {
console.log(i)
}, 1000 \* i)
}
//方法二:闭包
for (var i = 1; i < 6; i++) {
(function (i) {
setTimeout(function () {
console.log(i)
}, 1000 \* i)
})(i)
}
JS 的各种位置,比如 clientHeight、scrollHeight、offsetHeight、以及 scrollTop、clientTop的区别
clientHeight:
表示可视区域的高度,不包含 border 和滚动条。offsetHeight:
表示可视区域的高度,包含了 border 和滚动条。scrollHeight:
表示了所有区域的高度,包含了因为滚动被隐藏的部分。clientTop:
表示边框 border 的厚度,在未指定的情况下一般为 0。scrollTop:
滚动后被隐藏的高度,获取对象相对于由 offsetParent 属性指定的父坐标(css定位的元素或 body 元素)距离顶端的高度。
将原生的 ajax 封装成 promise
var myNewAjax = function (url) {
return new Promise(function (resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('get', url);
xhr.send(data);
xhr.onreadystatechange = function () {
if (xhr.status == 200 && readyState == 4) {
var json = JSON.parse(xhr.responseText);
resolve(json)
} else if (xhr.readyState == 4 && xhr.status != 200) {
reject('error');
}
}
})
}
性能优化
- 减少 HTTP 请求
- 使用内容发布网络(CDN)
- 添加本地缓存
- 压缩资源文件
- 将 CSS 样式表放在顶部,把 javascript 放在底部(浏览器的运行机制决定)
- 避免使用 CSS 表达式
- 减少 DNS 查询
- 使用外部 javascript 和 CSS
- 避免重定向
- 图片 lazyLoad
今天的分享就到这里啦✨
\textcolor{red}{今天的分享就到这里啦✨}
今天的分享就到这里啦✨
原创不易,还希望各位大佬支持一下
\textcolor{blue}{原创不易,还希望各位大佬支持一下}
原创不易,还希望各位大佬支持一下
🤞
点赞,你的认可是我创作的动力!
\textcolor{green}{点赞,你的认可是我创作的动力!}
点赞,你的认可是我创作的动力!
⭐️
收藏,你的青睐是我努力的方向!
\textcolor{green}{收藏,你的青睐是我努力的方向!}
收藏,你的青睐是我努力的方向!
✏️
评论,你的意见是我进步的财富!
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
g-cbn4uI3S-1715712159167)]
[外链图片转存中…(img-WwVT0Xhf-1715712159167)]
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!