总结
-
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。
-
算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯
-
在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
-
要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！
.area-chart {
/* Reset */
margin: 0;
padding: 0;
border: 0;
/* Dimensions */
width: 100%;
max-width: var(–chart-width, 100%);
height: var(–chart-height, 300px);
/* Layout */
display: flex;
justify-content: stretch;
align-items: stretch;
flex-direction: row;
}
如果面积图包装器是列表，则应删除列表样式，以使我们更具样式灵活性。
ul.area-chart,
ol.area-chart {
list-style: none;
}
此代码为整个图表中的所有列设置样式。使用条形图很简单：我们为每一列使用background-color和height。随着地区焦炭TS，我们将使用clip-path属性设置应显示的区域。
首先，我们设置每一列：
.area-chart > * {
/* Even size items */
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
/* Color */
background: var(–color, rgba(240, 50, 50, .75));
}
要创建一个覆盖_整个_区域的矩形，我们将到达clip-path属性，并使用polygon()包含该区域坐标的函数。目前，这基本上什么也不做，因为多边形覆盖了所有内容：
.area-chart > * {
clip-path: polygon(
0% 0%, /* top left */
100% 0%, /* top right */
100% 100%, /* bottom right */
0% 100% /* bottom left */
);
}
现在最好的部分！
为了仅显示该列的一部分，我们将其裁剪以创建类似于面积图的效果。为了只显示我们想要的区域，我们在多边形内使用–start和–end自定义属性clip-path：
.area-chart > * {
clip-path: polygon(
0% calc(100% * (1 - var(–start))),
100% calc(100% * (1 - var(–end))),
100% 100%,
0% 100%
);
}
认真地讲，CSS的这一部分完成了_所有_工作。这是我们得到的：
处理多个数据集
===========
现在我们已经了解了基础知识，让我们创建一个包含多个数据集的面积图。面积图通常可以测量一组以上的数据，其效果是对数据进行分层比较。
这种图表需要几个子元素，因此我们将用代替我们的
-
方法。
表是可访问的，并且对搜索引擎友好。而且，如果由于某种原因未加载样式表，则所有数据仍在标记中可见。
同样，我们将使用–start和–end自定义属性，其数字介于0和1之间。
因此，首先，我们将为包装元素（即表格）的总体布局设置样式，并为其提供了一个.area-chart类：
.area-chart {
/* Reset */
margin: 0;
padding: 0;
border: 0;
/* Dimensions */
width: 100%;
max-width: var(–chart-width, 600px);
height: var(–chart-height, 300px);
}
接下来，我们将使元素成为flex容器，连续显示项目并按大小均匀显示：
.area-chart tbody {
width: 100%;
height: var(–chart-height, 300px);
/* Layout */
display: flex;
justify-content: stretch;
align-items: stretch;
flex-direction: row;
}
.area-chart tr {
/* Even size items */
flex-grow: 1;
flex-shrink: 1;
框架相关
原生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 路由
6371)**
Vue框架
知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式
[外链图片转存中…(img-Rv4G1a1f-1715054961734)]
React框架
知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由
[外链图片转存中…(img-U3yXBD2S-1715054961735)]
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
