随笔分类 - js
摘要：前面有一章节介绍了使用html+css实现小兔鲜儿网页案例，但是这是一个纯静态网页。最近因为又补充学习了一下前端基础知识WebAPI篇，看到了老师实现的放大镜效果和固定侧边栏效果，因此，突发奇想，直接在小兔鲜儿案例上实现了上述两种功能。 首先，先看下商品详情页面的放大镜效果是什么样子的。由于手上没有
阅读全文
摘要：词云也叫标签云，是文本数据的可视化展示，通常根据字体颜色和大小表示每个标签的重要性。d3并没有词云模块，因此需要独立导入d3-cloud这个模块。 词云用到的数据形式是一组数组对象。通常，默认使用text表示显示标签，value用来计算字体大小。用户也可以使用自定义的名称，这时候需要改变函数。 下面
阅读全文
摘要：预解析是js中一个很重要的知识，为了防止忘记和便于后续查找，本博客记录了预解析的重要概念和一些例子。 一、什么是预解析。 js引擎运行js会分成两个步骤，一是预解析，二是代码执行。 （1）预解析指的是，代码执行之前，首先会将js其中所有的变量var和function提前到当前作用域的最前面。 （2）
阅读全文
摘要：棒棒糖图与普通的条形图功能相似。从图形上来看，棒棒糖图是由一条锚定在x轴或y轴上的线和点组成的。使用d3js绘制棒棒糖图很简单，因此这次为了学习d3js的一些方法，使用按钮动态改变棒棒糖图。效果如下： 图1：Value1的结果 图2：Value2的结果 一、准备数据 是一个csv数据 role,Va
阅读全文
摘要：为了防止后续忘记css一些常见的属性，每隔一段时间会记录有关于css相关的知识。这一章节主要介绍css 的float属性。 1、一些常见float的值 值 介绍 left 左浮动 right 右浮动 none 默认值 inherit 继承父元素float的值 2、特点 （1）会脱标， 在标准流中不占
阅读全文
摘要：当数据量过大时，使用d3.js渲染各种图时，如果一下子加载出来，会出现加载过慢，这样使用效果就不是太好，为了解决这个问题，使用了分页加载数据并渐进渲染各种图。 一、数据格式 数据如下：这里是一个example.csv文件， x,y,value 0,1,0.2 0,2,0.70,3,0.01.....
阅读全文
摘要：今天介绍如何将svg转成pdf，这里介绍两种方法。 第一种方法： 这种方法需要使用jspdf和svg2pdf包，分别使用的版本是2.5.1和2.2.0 downloadSvg2Pdf(imageBase64, svg, outFileName = 'newplot.pdf') { // 如果仅有im
阅读全文
