es6——set，微信web开发者工具，web开发选型

// [“green”, “green”]

// [“blue”, “blue”]

s.forEach((value, key)=>{

console.log(value);

})

// red

// green

// blue

用途：

• 用来数组去重

[...new Set(array)]

• 字符串去重

[...new Set('abcdda')].join("")

WeakSet与Set结构的区别

• WeakSet 的成员只能是对象

• 垃圾回收机制不考虑 WeakSet 对该对象的引用

---

map

类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

1. 方法：

• size属性

• Map.prototype.set()

• Map.prototype.get()

。。。。和set方法相同

2. map与其他数据类型之间的转化：

1. Map 转为数组

let myMap = new Map()

.set(true, 7)

.set({foo: 3}, [‘abc’]);

console.log([…myMap]);

//[ [ true, 7 ], [ { foo: 3 }, [ ‘abc’ ] ] ]

2. 数组 转为 Map

new Map([

[true, 7],

[{foo: 3}, [‘abc’]]

])

3. Map 转为对象

function strMapToObj(strMap) {

let obj = Object.create(null);

for (let [k,v] of strMap) {

obj[k] = v;

}

return obj;

}

const myMap = new Map()

.set(‘yes’, true)

.set(‘no’, false);

console.log(strMapToObj(myMap));

//{ yes: true, no: false }

4. 对象转为 Map

function objToStrMap(obj) {

let strMap = new Map();

for (let k of Object.keys(obj)) {

strMap.set(k, obj[k]);

}

return strMap;

}

console.log(objToStrMap({yes: true, no: false}));

// Map {“yes” => true, “no” => false}

5. Map 转为 JSON

function strMapToJson(strMap) {

return JSON.stringify(strMapToObj(strMap));

}

let myMap = new Map().set(‘yes’, true).set(‘no’, false);

console.log(strMapToJson(myMap));

// ‘{“yes”:true,“no”:false}’

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

. vuex**

5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

[外链图片转存中…(img-IsRFnDyX-1710593871414)]

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-6WDfVHXv-1710593871415)]