记录一下平时用到的css相关的技巧。

转自--https://juejin.im/post/5c94a2f36fb9a070fc623df4  在使用webpack的过程中，你是否好奇webpack打包的代码为什么可以直接在浏览器中跑？为什么webpack可以支持各种ES6最新语法？为什么在webpack中可以书写import ES6模块，也支持require CommonJS模块？模块规范关于模块，我们先来认识下目前主流的模块规范（自从有了ES6 Module及Webpack等工具，AMD/CMD规范生存空间已经很小了）：Common

方法1：    从点P向左做射线，计算与多边形的交点数。如果交点个数为奇数，点P在多边形内部；如果交点个数为偶数，点P在多边形外部。可以按任意顺序考虑多边形的每一条边，来求取交点的总个数。    计算时需要注意：（以边P1P2为例）如果一个多边形顶点以该射线为切线，则直接忽略该顶点（因为射线会与两条线段的端点相交，而这两条线段有一个共同的端点）；如果边P1P2水平，射线与其无交点或有无数个交点，该边也可以直接忽略；如

有时候人们很喜欢造一些名字很吓人的名词，让人一听这个名词就觉得自己不可能学会，从而让人望而却步。但是其实这些名词背后所代表的东西其实很简单。来自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