伊莎贝拉狗剩

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能...

1、数组去重 2、从数组中过滤所有虚值 3、将字符串转换为数字 4、将数字转换为字符串 5、使用 && 符号简写条件判断语句 6、console.table() 打印特定格...

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你...

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单...

###全局透明度的设置globalAlpha=value这个属性影响到canvas里所有图形的透明度，有效的值范围是0.0（完全透明）到1.0（完全不透明）默认是1.0##...

sx:将要被提取的图像数据矩形区域的左上角 x 坐标。 sy:将要被提取的图像数据矩形区域的左上角 y 坐标。 sw:将要被提取的图像数据矩形区域的宽度。 sh:将要被提取...

当前我们用来绘制文本的样式. 这个字符串使用和 CSS font 属性相同的语法. 默认的字体是 10px sans-serif。 文本对齐选项. 可选的值包括： left...

其中 image 是 image 或者 canvas 对象，x 和 y 是其在目标 canvas 里的起始坐标。 position 参数必须是一个 0.0 与 1.0 之间...

我们先介绍 translate 方法，它用来移动 canvas的原点到一个不同的位置。 translate 方法接受两个参数。x 是左右偏移量，y 是上下偏移量， 这个方法...

绘制二次贝塞尔曲线，cp1x,cp1y为一个控制点，x,y为结束点。 绘制三次贝塞尔曲线，cp1x,cp1y为控制点一，cp2x,cp2y为控制点二，x,y为结束点。...

图形的基本元素是路径。路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。 1.首先，你需要创建路径起始点。 3.之后你把路径封闭。 4.一旦路径生成，你就能...

###角度与弧度的js表达式:radians=(Math.PI/180)*degrees。 按照anticlockwise给定的方向（默认为顺时针）来生成。 startAn...

HTML中的元素canvas只支持一种原生的图形绘制：矩形。所有其他的图形的绘制都至少需要生成一条路径 ---->清除指定矩形区域，让清除部分完全透明。 x与y指定了在ca...

例如，它可以用于绘制图形，创建动画。<canvas> 最早由Apple引入WebKit ----->使用<canvas>标签时，建议要成对出现，不要使用闭合的形式。 <ca...

ENV：用来在构建镜像过程中设置环境变量。 COPY:类似ADD,拷贝文件和目录到镜像中，但是它只是拷贝，不会自动处理URL和解压tar压缩包。COPY将从构建上下文目录中...