有时候人们很喜欢造一些名字很吓人的名词，让人一听这个名词就觉得自己不可能学会，从而让人望而却步。但是其实这些名词背后所代表的东西其实很简单。来自React.js 小书高阶组件定义a higher-order component is a function that takes a component and returns a new component.翻译：高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件。理解了吗？看了定义似懂非懂？继续往下看。函数模拟高阶组件我们通过

node-gyp rebuild fail, brew update , Error: Could not link: 

颜色量化之中位切分算法(Color quantization)最近在翻一些webGL的入门相关的东西，发现有这么个概念，觉得挺有意思的。故看了看相关的介绍，顺手熟悉一下相关的API和概念 维科介绍如下： wikipedia--Color_quantization计算机图形学中，常采用的一种方法是把颜色看成是基于红、绿、蓝三种颜色的混合，也可以采用色度、彩度、亮度等描述颜色，用多种不同的描述符来表示颜色，就称为颜色模型（Color Model）

最近遇到一个hls直播流跨域的问题，排查发现是因为hls.js的xhr对象没有设置跨域凭证当m3u8直播流跨域访问，并且需要校验权限的时候，hls.js 会出现解析流错误，Player error: mediaError - fragParsingErrorcannot recover, last media error recovery failed ...这是因为hls的内部的xhr解析没有设置跨域授权的头

这几天空闲下来，仔细看了看webpack的相关配置，主要的文章是 入门 Webpack，看这篇就够了 一路配置下来，遇到几个问题，特此记录一下

1.

DeprecationWarning: Tapable.plugin is deprecated

最近做需求的时候遇到一个场景需要在浏览器端调用摄像头实现前端识别条形码，于是搜刮了一番，找了一下相关的资料整理如下chrome自带的条形码识别Chrome 57 之后的版本实现了一批图形图像识别的API，Shape Detection API 相关的信息如下人脸识别（FaceDetector）：可以给编码器或自动对焦放放提供提示，也可以给识别的用户做标记等。文本识别（TextDetector）：OCR 配合语音接口（语音能力下文也有提及），朗读图片中的文字等。