machuanjia / frount_learning

frount_learning

eslint prettier vscode

https://www.bilibili.com/video/BV12h411z7d5?p=6&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

Cypress

https://www.bilibili.com/video/BV12h411z7d5?p=20&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

Codecov(覆盖率展示)

https://www.bilibili.com/video/BV12h411z7d5?p=25&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

Webpack5性能优化与原理

https://www.bilibili.com/video/BV1jy4y1S7fy/?spm_id_from=333.337.search-card.all.click&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

https://www.bilibili.com/video/BV1Wo4y1n7yy/?spm_id_from=333.337.search-card.all.click&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

https://www.bilibili.com/video/BV1By4y177gX?p=7&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

https://www.bilibili.com/video/BV1pM411r7Hf/?spm_id_from=333.788&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

前端性能优化

https://www.bilibili.com/video/BV1TY411S7Xt/?p=8&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

数据结构及算法

https://www.bilibili.com/video/BV1x7411L7Q7/?spm_id_from=333.337.search-card.all.click&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

window.performance.timing

https://blog.csdn.net/scorpio_h/article/details/109329123

异常捕获

react

https://juejin.cn/post/6844904047313420295

vue

https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649092256&idx=2&sn=cdee1babe03ff7788e3cbb983cb42667&chksm=be5bd70d892c5e1b437a202d0d1f6d8f2ac97291c08384b168f58f9347d2a03b4d5943c8eec1&scene=27

2023年web前端八股文134道高频八股文面试题

https://www.bilibili.com/video/BV1ic411L7jo/?p=133&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

前端模块化发展史以及区别 CommonJS_AMD规范_CMD规范_ES6模块化

https://www.bilibili.com/video/BV1RP411u7m1/?spm_id_from=333.337.search-card.all.click&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

设计模式

https://www.bilibili.com/video/BV1UL4y1h7W9/?p=28&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

珠峰

https://search.bilibili.com/all?vt=98269337&keyword=%E7%8F%A0%E5%B3%B0%E5%89%8D%E7%AB%AF&from_source=webtop_search&spm_id_from=333.1007&search_source=5

http https ssl

https://www.bilibili.com/video/BV1F54y1t7Dx/?spm_id_from=333.337.search-card.all.click

服务端渲染 Nextjs

https://www.bilibili.com/video/BV1F7411R7cN?p=15&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

缓存

https://www.bilibili.com/video/BV1xG4y147G9/?spm_id_from=333.788&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

WEBGL

https://www.bilibili.com/video/BV1LB4y197Ew/?spm_id_from=333.337.search-card.all.click&vd_source=8998db0a932b6ea1dd0cf87debb8cad4

防抖截流

http://hz.itheima.com/news/20230313/110747.html

深拷贝、浅拷贝(类型检测 Array.isArray, 循环引用使用Weakmap)

https://blog.csdn.net/qq_45272642/article/details/124840331 https://juejin.cn/post/6933168401200185351

洗牌算法

const array = [1,2,3,4]
const copy = []
while(array.length > 0 ){
        const random = Math.floor(Math.random()*array.length)
	copy.push(array[random])	
       array.splice(random,1)
} console.log(copy)

[1,2,3,5,6,7] 取 和为8的数组

const out = []
const  array = [1,2,3,5,6,7]
for(let i = 0; i<  array.length; i++){
	for(let j = i; j<  array.length; j++){
		if(array[i] + array[j] === 8){
  			out.push([array[i],array[j]])
                }
	}
}

输入url过程

https://juejin.cn/post/6844904155077672968#heading-3

Get 和 Post区别

https://blog.fundebug.com/2019/02/22/compare-http-method-get-and-post/

https加密

https://segmentfault.com/a/1190000019976390

http2

https://zhuanlan.zhihu.com/p/26559480

缓存

https://juejin.cn/post/6844903764566999054

CORS

https://www.ruanyifeng.com/blog/2016/04/cors.html

单页应用和多页应用

https://juejin.cn/post/6844903512107663368

路由原理

https://segmentfault.com/a/1190000023509417

xss

https://blog.csdn.net/cheng521521/article/details/127423588

mysql

https://www.bilibili.com/video/BV1qo4y1y73h?p=1&vd_source=8998db0a932b6ea1dd0cf87debb8cad4