这是一份超详细的阿里前端p6/p6+/p7的水平和素质参考路线，也可理解为知识图谱。 来自阿里淘系技术部的前端技术专家磐冲，总结了一下之前所有的面试经历，写下自己总结的方法，希望能给前端同学一个参考。

商品SKU组合的创建与查询，是电商业务最经典的开发场景之一，也是整个电商系统最基础的功能。如果缺少了它，那么在电商系统里也许连如何准确的描述一件商品都将变得困难，商品的库存管理也就无处谈起。

我们作为前端，平时遇到的一大类工作就是展现各种的数据，而列表就是其中一个通用的形式，无论是像Google这样的搜索引擎，到像Facebook、Twitter这样的用户社区，列表都是最为重要的展现形式。

现有需求，当点击颜色时进行校验，若蓝色6.0寸无库存时禁选。 当前规格组合中 蓝色6寸 和 黑色中6寸 的库存均为0. 例如：当选择蓝色时，进行循环遍历组合。组合结果为: 蓝黑，蓝5.5寸，蓝6.0寸，再进行校验，拿出对应组合的库存，判断库存为0时禁选

项目地址：https://github.com/hackftz/sku-implement/tree/master 前言：最近正好有sku商品的需求，看了一些思想后，自己实现了，如果路过的觉得写得还行

5w字长文讲述一个前端小白如何从零开始搭建项目，来感受小白首次使用这些令人眼花缭乱的技术时的艰辛与坎坷。

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。

参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论 Vue3 版本。 element-plus - 经典中的经典，全面支持 Vue 3 tdesign-vue-next - 鹅厂优质 UI

给前端的docker 10分钟真 · 快速入门指南 还没有了解过docker吗，没关系，咱模拟几个场景，两分钟就给你搞明白它是什么，我们什么时候需要它