摘要：
数据分析模型组成 《Visualization Analysis & Design》这本书中提到的数据分析模型，这个模型分为三个部分：认识数据、确定任务和设计方案。 认识数据：What 认识数据的核心就是确定数据的类型，只有正确地认识数据类型才能选择正确的可视化方法。总的来说数据分为三个层次：数据集 阅读全文
摘要：
数据可视化的概念 在很多人的印象里，数据可视化就等于制作美丽的图表，但其实数据可视化远不如此：“It's not just about making pretty pictures”。数据可视化是将不可见或难以直接显示的数据转化为可感知的图形、符号、颜色、 纹理等，增强数据识别效率，传递有效信息”的 阅读全文
摘要：
开始之前 在开始使用three.js之前，你需要一个地方来显示它。将下列HTML代码保存为你电脑上的一个HTML文件，同时将three.js复制到该HTML文件所在的目录下的lib/目录下，然后在你的浏览器中打开这个HTML文件。在js目录下创建creatingaScene.js <!DOCTYPE 阅读全文
摘要：
webpack 性能调优与 Gzip 原理 大家可以从第一节的示意图中看出，我们从输入 URL 到显示页面这个过程中，涉及到网络层面的，有三个主要过程： DNS 解析 TCP 连接 HTTP 请求/响应 HTTP 连接这一层面的优化是我们网络优化的核心。因此我们开门见山，抓主要矛盾，直接从 HTTP 阅读全文
摘要：
一道面试题说起 从输入 URL 到页面加载完成，发生了什么？ 我们从先从前端性能优化上来分析一下这个问题 第一步：我们输入在地址会经过DNS解析，将 URL 解析为对应的 IP 地址。 第二步：客户端和对应 IP 服务端建立 TCP 链接。 第三步：客户端向服务器发送 http 请求 第四步：服务端 阅读全文
摘要：
什么是Set，Map Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构 集合 集合，是由一堆无序的、相关联的，且不重复的内存结构【数学中称为元素】组成的组合 字典 字典（dictionary）是一些元素的集合。每个元素有一个称作key 的域，不同元素的key 各不相同 那么集合和字典又 阅读全文
摘要：
vue 2.0 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="yingaxiang" content="width=device-width, initial-scale=1.0"> <title 阅读全文
摘要：
什么是Proxy及其语法 Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，ES6 原生提供 Proxy 构造函数，用来生成 Proxy 实例。我们来看看它的语法： var proxy = new Proxy(target, handler); handler常用的方法 | 方法 阅读全文
摘要：
上一节只是实现了一个静态点的绘制，但是真正的 WebGL 应用总是需要通过网页和用户进行交互，进而改变画面的。所以接下来，我们要实现一个简单交互程序：在鼠标点击过的位置绘制一个点，而且这个点的颜色是随机的。 这要求我们有能力通过 JavaScript 往着色器程序中传入顶点位置和颜色数据，从而改变点 阅读全文
摘要：
绘制渐变三角形：深入理解缓冲区 上节带领大家学习了基本三角形图元的绘制过程，以及如何使用缓冲区向着色器传递多个数据，但上节只演示了往着色器传递坐标这一种数据，本节通过绘制渐变三角形，讲解一下如何通过缓冲区向着色器传递多种数据。 目标 本节通过一个鼠标每点击三次便会绘制一个渐变三角形的示例，带大家深入 阅读全文