2020-07-04 html的canvas透明度计算 + css的pseudo + JS的sku

2020-07-04 题目来源：http://www.h-camel.com/index.html

[html] canvas透明度是0.6的矩形和透明度是0.2的矩形叠加到一起，透明度是多少？

首先是透明度值的计算。颜色在本质上是光的产物，假设把透明度理解为玻璃的透光性，则一切就变得很easy。比如一个 alpha = 0.2 的颜色，就能够将其想像为透光率为 80% 的彩色玻璃。我们透过这块玻璃看去，因为 80% 的光都透过了，因此留下来的颜色仅仅剩 20%，即所谓 0.2 的 alpha。如今我们来做一个混合：将 alpha 为 0.2 和 0.6 的颜色进行叠加。这时，我们有了两块玻璃，一块透光率为 80%，还有一块为 40%。一道光束穿过，经过 80% 透光率的玻璃时，光线强度剩下 80%，再经过 40% 透光率的玻璃时，光线进一步被削弱，仅仅剩下 80% * 40% = 32%。这意味着有 32% 的透明性，即 alpha = 0.68。

RGB模式下的Alpha混合公式计算：https://blog.csdn.net/Groundhog_wu/article/details/78815507

[css] pseudo-classes与pseudo-element有什么区别？

1. 伪类 pseudo-classes ： 添加选择器的特殊效果，基于当前元素所处的状态，而不是元素的id class 等静态属性，当达到特定状态时，获得相应状态的样式；失去此状态时，就会失去这个样式。
如<a>标签的伪类顺序 ： link visited hover active

2. 伪元素 pseudo-element ： 对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层。 是基于元素内容的，比如 元素内容的第一个字母。
p:first-letter /*首文本字母*/
{
    color:#ff0000;
    font-size:xx-large;
}
p:first-line /*首行*/
{
    color:#0000ff;
    font-variant:small-caps;
}

[js] 请使用js实现商品的sku，并说说你的思路

SKU： Stock Keeping Uint(库存量单位) 由属性值组合而成（这些属性值属于不通的属性）如 一件衣服 (XL,白色) 它能确定商品的 唯一性 ，同一款式的衣服 可能有不通的颜色和大小 ，把颜色大小限制住，就能确定这件‘商品’了。

简单实现： https://blog.csdn.net/vampire10086/article/details/107173282
关于商城网站商品sku选择的js简易实现(附json数据格式)：https://blog.csdn.net/diaomeng11/article/details/78584834

[软技能] ......