上一页 1 ··· 3 4 5 6 7 8 下一页
摘要: d3.js是一个不错的可视化框架,同时对于操作dom也是十分方便的。今天我们使用d3.js配合es6的类来制作一个童年小游戏--俄罗斯方块。话不多说先上图片。 1. js tetris类 由于方法拆分的比较细所以加上了一些备注(这不是我的风格!) 2. css 代码 3. html代码 想预览或者下 阅读全文
posted @ 2019-09-09 15:45 郭先生的博客 阅读(851) 评论(0) 推荐(1) 编辑
摘要: 上一节记录没有加上echarts的legend功能,这一小节补一下。 1. 数据 我们可以从echarts中看出,折线数据并不是我们传进入的原始数据(多数情况下我们也不会修改原始数据),而是原始数组的一个备份而已。备份数组的方法有很多。这里我是用了ES6的方法。 2.渲染上部分legend 如图 首 阅读全文
posted @ 2019-09-05 15:00 郭先生的博客 阅读(1164) 评论(0) 推荐(0) 编辑
摘要: 今天我们来仿echarts折线图,这个图在echarts是折线图堆叠,但是我用d3改造成了普通的折线图,只为了大家学习(其实在简单的写一个布局就可以)。废话不多说商行代码。 1 制作 Line 类 2 css 文件 3 HTML 文件 想预览和下载demo的朋友可以移步原文 原文地址 http:// 阅读全文
posted @ 2019-09-05 09:41 郭先生的博客 阅读(1605) 评论(0) 推荐(0) 编辑
摘要: 由于最近工作不是很忙,隧由把之前的charts项目用d3.js重写的一下,其实d3.js文档很多,但是入门不是很难,可是想真的能做一个完成的,交互良好的图还是要下一番功夫的。今天在echarts找到了一个柱状图,如图。 模仿了一番,废话不多说。下面就开始我们的代码(注意是D3.v4版本)。 1. j 阅读全文
posted @ 2019-09-03 22:37 郭先生的博客 阅读(1164) 评论(0) 推荐(0) 编辑
摘要: D3的全称是Data-Driven Documents(数据驱动的文档),是一个用来做数据可视化的JavaScript函数库,而JavaScript文件的后缀通常为.js,所以D3被称为D3.js。 d3.js可以定制出各种图形,今天来用d3.js制作一个简易的仪表盘,废话不多说先上demo,接下来 阅读全文
posted @ 2019-08-02 16:23 郭先生的博客 阅读(3628) 评论(0) 推荐(0) 编辑
摘要: 说到数据可视化,我们会行到很多优秀的框架,像echarts、highcharts,这些框架很优雅,健壮,能满足我们对可视化的大部分需求,但是缺点也很明显,就是这些框架几乎是不可定制化的,当遇到特殊的需求,那就太难了。这个时候,聪明的小伙伴会转而学习一些基础的,定制化程度更高的框架,而其中最杰出的就是 阅读全文
posted @ 2019-07-30 16:25 郭先生的博客 阅读(1650) 评论(1) 推荐(0) 编辑
摘要: 学习数据结构非常重要。首要原因是数据结构和算法可以很高效的解决常见问题。作为前端,通过javascript学习数据结构和算法要比学习java和c版本容易的多。 在讲数据结构之前我们先了解一下ES6的一些方法。因为这可能对我们了解数据结构有帮助。 ES6操作数组的方法 首先我们来用箭头函数定义一个函数 阅读全文
posted @ 2019-06-21 15:48 郭先生的博客 阅读(393) 评论(0) 推荐(0) 编辑
摘要: uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 今天有空就来介绍一下uni-app这个能够跨平台开发,并且一套代码可以适配多端的开发方案。uni-app是dcloud公司推出的,旨在解决现在前端开发的诸 阅读全文
posted @ 2019-04-22 15:27 郭先生的博客 阅读(6843) 评论(0) 推荐(0) 编辑
摘要: Ramda 基本的数据结构都是原生 JavaScript 对象,我们常用的集合是 JavaScript 的数组。Ramda 还保留了许多其他原生 JavaScript 特性,例如,函数是具有属性的对象。 今天我来说说javascript函数式的方法库--Ramda。Ramda主要特性如下: Ramd 阅读全文
posted @ 2019-04-15 09:06 郭先生的博客 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 函数式编程是种编程方式,它将电脑运算视为函数的计算。函数编程语言最重要的基础是λ演算(lambda calculus),而且λ演算的函数可以接受函数当作输入(参数)和输出(返回值)。和指令式编程相比,函数式编程强调函数的计算比指令的执行重要。和过程化编程相比,函数式编程里函数的计算可随时调用。 最近 阅读全文
posted @ 2019-04-10 10:13 郭先生的博客 阅读(917) 评论(4) 推荐(1) 编辑
上一页 1 ··· 3 4 5 6 7 8 下一页