Ada_疯丫头

1. 定义 帕累托法则，即：80/20 法则、关键少数法则、二八定律。 变量分布不均匀，20% 的因素操控着80% 的局面。 2. 意义 优先优化最值得优化的代码，则只要投入差不多20%的努力就可以获得80%的性能优化产出，享受最大的投入产出比。 1. 定义 阿姆达尔定律，本是…

程序媛的生活不止是眼前的代码，还有效率和性能优化。 1. 吞吐量 Throughput，单位时间处理请求的数量。 2. 服务延迟 Service latency，客户请求的处理时间。 3. 扩展性 Scalability，系统在高压的情况下能不能正常处理请求。 4. 资源使用效…

身为一名程序媛，深知一个软件应用的性能高低决定着用户体验（互联网服务质量）的好坏，这在以人为本的核心开发理念（用户体验开发）下是不容小觑的一个课题。 2021年，公司对前端就提出了一个明确的要求：用户体验将纳入绩效考核范畴。 2020年，数据大屏项目的优化经历，让我深刻体会到写…

1. 依赖包版本 2. 业务说明 页面投放方式为主机加载后，有场景会涉及需要使用浏览器内置的缩放功能展示。 项目的页面缩放方案参考了 百度云 页面的实现思路，按照固定的宽高比（如：16:9）来计算出最合适的缩放比进行缩放渲染。 1. 理论梳理 Canvas 更适合绘制图形元素数…

1. 理论梳理 诚如 数据可视化实现方案对比分析 ，浏览器端图表库大多会选择 Canvas 或者 SVG 进行渲染。这两种渲染方式 ECharts 都有支持。 Canvas 更适合绘制图形元素数量非常大的图表，也利于实现某些 视觉特效。 SVG 内存占用更低、渲染性能略高、用户…

GPU 执行 WebGL 程序，输出结果。 1. 创建 WebGL 上下文 2. 创建 WebGL 程序 在绘图的时候，WebGL 是以顶点和图元来描述图形几何信息的。 顶点：几何图形的顶点。 顶点着色器（Vertex Shader）：负责处理图形的顶点信息。 可以改变顶点的信…

SVG（Scalable Vector Graphics）可缩放矢量图，是浏览器支持的一种基于 XML 语法的图像格式。 SVG 是 HTML 的增强版。 都是由标签+属性构成。可以作为浏览器支持的一种图片格式独立使用 img 标签加载或通过 Canvas 绘制。 浏览器的 C…

画布宽高：Canvas元素上的width和height属性。 样式宽高：Canvas元素的CSS样式属性。 画布宽高缺省，等同于样式宽高。 画布宽高决定了可视区域的坐标范围。 类似浏览器窗口的坐标系：默认左上角为坐标原点，x 轴水平向右，y 轴垂直向下。 旋转或三维对应左手系。…

通过一个最原始的开发模式（CDN版：在文件中通过script标签引入Vue资源的方式）的简单Vue案例，初步了解Vue的实例化及其常见指令，并抽象出对应的一个开发模板以便复用。