随笔分类 - html
摘要:前面有一章节介绍了使用html+css实现小兔鲜儿网页案例,但是这是一个纯静态网页。最近因为又补充学习了一下前端基础知识WebAPI篇,看到了老师实现的放大镜效果和固定侧边栏效果,因此,突发奇想,直接在小兔鲜儿案例上实现了上述两种功能。 首先,先看下商品详情页面的放大镜效果是什么样子的。由于手上没有
阅读全文
摘要:词云也叫标签云,是文本数据的可视化展示,通常根据字体颜色和大小表示每个标签的重要性。d3并没有词云模块,因此需要独立导入d3-cloud这个模块。 词云用到的数据形式是一组数组对象。通常,默认使用text表示显示标签,value用来计算字体大小。用户也可以使用自定义的名称,这时候需要改变函数。 下面
阅读全文
摘要:棒棒糖图与普通的条形图功能相似。从图形上来看,棒棒糖图是由一条锚定在x轴或y轴上的线和点组成的。使用d3js绘制棒棒糖图很简单,因此这次为了学习d3js的一些方法,使用按钮动态改变棒棒糖图。效果如下: 图1:Value1的结果 图2:Value2的结果 一、准备数据 是一个csv数据 role,Va
阅读全文
摘要:本博客主要用途是记录学习笔记。 最近在跟着黑马课程学习搭建小兔鲜儿项目,现阶段主要用HTML+CSS完成静态页面的展示,因此为了加深使用css样式的记忆和学习搭建项目的一些小技巧,此文留下了小笔记。 下面是小兔鲜儿页面展示效果: 一、项目的整体结构 本项目是在vscode环境中完成的。项目结构如下所
阅读全文