摘要：
好久没有更新内容了，今天记录下弹性布局的知识点，比较简洁，不多说其他话了，直接开写。 一、flex布局的设置方式和组成部分 设置方式：在需要弹性布局区域的父元素上添加dispaly: flex，这个父元素必须是直系父元素。 组成部分：弹性容器、弹性盒子、主轴、侧轴或交叉轴。 二、属性： 1、just 阅读全文
摘要：
前面有一章节介绍了使用html+css实现小兔鲜儿网页案例，但是这是一个纯静态网页。最近因为又补充学习了一下前端基础知识WebAPI篇，看到了老师实现的放大镜效果和固定侧边栏效果，因此，突发奇想，直接在小兔鲜儿案例上实现了上述两种功能。 首先，先看下商品详情页面的放大镜效果是什么样子的。由于手上没有 阅读全文
摘要：
d3.arc()是一个弧度生成器，该生成器在被调用时会返回一个字符串，可以赋值给path元素的d属性，用于生成圆弧、圆形和环形。其中0弧度位于12点钟方向，正弧度沿着顺时针方向设置路径。 例如： const arc = d3.arc()({ innerRadius: 0, outerRadius: 阅读全文
摘要：
词云也叫标签云，是文本数据的可视化展示，通常根据字体颜色和大小表示每个标签的重要性。d3并没有词云模块，因此需要独立导入d3-cloud这个模块。 词云用到的数据形式是一组数组对象。通常，默认使用text表示显示标签，value用来计算字体大小。用户也可以使用自定义的名称，这时候需要改变函数。 下面 阅读全文
摘要：
预解析是js中一个很重要的知识，为了防止忘记和便于后续查找，本博客记录了预解析的重要概念和一些例子。 一、什么是预解析。 js引擎运行js会分成两个步骤，一是预解析，二是代码执行。 （1）预解析指的是，代码执行之前，首先会将js其中所有的变量var和function提前到当前作用域的最前面。 （2） 阅读全文
摘要：
棒棒糖图与普通的条形图功能相似。从图形上来看，棒棒糖图是由一条锚定在x轴或y轴上的线和点组成的。使用d3js绘制棒棒糖图很简单，因此这次为了学习d3js的一些方法，使用按钮动态改变棒棒糖图。效果如下： 图1：Value1的结果 图2：Value2的结果 一、准备数据 是一个csv数据 role,Va 阅读全文
摘要：
本博客主要用途是记录学习笔记。 最近在跟着黑马课程学习搭建小兔鲜儿项目，现阶段主要用HTML+CSS完成静态页面的展示，因此为了加深使用css样式的记忆和学习搭建项目的一些小技巧，此文留下了小笔记。 下面是小兔鲜儿页面展示效果： 一、项目的整体结构 本项目是在vscode环境中完成的。项目结构如下所 阅读全文
摘要：
css中的position是个很重要的属性，这里介绍常见的四种定位方式。 定位方式 static 静态定位 默认定位，标准流， 不配合方位属性移动 relative 相对定位 相对自己之前的位置进行移动，没有脱标 absolute 绝对定位 脱标。相对于除静态定位的父元素定位移动，有两种情况 （1） 阅读全文
摘要：
为了防止后续忘记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..... 阅读全文