自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 console.dir()和dir()

来自MDN的定义The Console method dir() displays an interactive list of the properties of the specified JavaScript object. The output is presented as a hierarchical listing with disclosure triangles that let you see the contents of child objects.In other words

2020-08-06 10:21:21 391

原创 Echarts中调色盘的作用

Echarts的教程中,介绍调色盘的文章,太过精简,看完还是不懂讲了什么。调色盘,可以在 option 中设置。它给定了一组颜色,图形、系列会自动从其中选择颜色。 可以设置全局的调色盘,也可以设置系列自己专属的调色盘。option = { // 全局调色盘。 color: ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570'

2020-08-04 15:41:09 1066

原创 Echarts中的dataset组件

Echarts的教程算是相当友好的教程了。然而“使用dataset管理数据”这一篇,却是看得我一头雾水。dataset就是将数据进行单独的管理,允许数据被多个组件复用。 var option = { title: { text: 'Echarts 入门示例' }, tooltip: {}, legend: {}, xAxis: [ {type: 'category'} ], yAxis: {}, dataset: {

2020-08-03 20:23:28 1032

原创 classList和DOMTokenList

The Element.classList is a read-only property that returns a live DOMTokenList collection of the class attributes of the element. This can then be used to manipulate the class list.MDN文档上,classList的英文定义比中文的要更更让人容易明白。。。1.它是一个只读属性2.它返回一个元素的class属性的实时的 D.

2020-08-02 09:34:54 582

原创 Vue中el,render,$mount的一些关系

Vue教程里有一张完整的生命周期图,这里截取它的一部分。在创建好Vue实例后,准备挂载到DOM之前,会经历这样几个步骤。首先会检查el选项,如果没有的话,就需要我们用$mount()进行手动挂载,如果有的话,或者已经手动挂载之后,就会检查是否有‘template’选项。如果有的话说明我们给这组件定义了模板,于是将模板编译进render函数中,如果没有的话,就会取被挂载的DOM元素的HTML模板编译进render函数。而当render函数存在时,上述的两种“模板编译进render函数”情况都不会发生

2020-07-29 18:10:40 642 1

原创 CSS属性定义值语法

在看阮一峰老师的flex布局的时候发现关于CSS的定义看不懂,于是想找找这是什么语法花了半天功夫,才得知这叫:CSS属性定义值语法机智的我赶紧把网址记下来(放在文末)当我学了一圈后,再回来看这个属性,虽然能搞明白它想表达什么,但还是不够明白。首先数量描述符的优先级最高,其次是并置关系,再之后是或的关系,因此,此时互斥号后面的属性值可以表述成:[ [<‘flex-grow’> <‘flex-shrink’>?] || <‘flex-basis’> ]由于或操作

2020-07-28 08:31:49 199

原创 原生JS做一个简易版轮播图

用原生JS做一个简易版滚动轮播图轮播图呢好多种,这里做一个最基本的滚动轮播图,开始我还觉得挺轮播图挺简单的,直到做了之后,才发现还是有不少坑的。轮播图的设计思路灰色为浏览器可视部分,白色为轮播内容展示区域。这是内容部分,一整条为class=’display-bg‘的div,每一个item对应每个图片。将整个class=’display-bg‘的div塞入display展示区,在轮播时,是整个class=’display-bg‘的div在发生移动,超出展示区的内容隐藏,从而实现轮播效果HTM

2020-07-24 17:42:04 266

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除