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