2024-02-08网格布局也称grid布局，利用grid布局可以很轻松的实现很多的网页布局，Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。上图这样的布局，就是 Grid 布局的拿手好戏。_前端 网格布局

https://www.qianduange.cn//article/1491.html 分类：前端知识

2024-02-06元素作为容器，这样绘制完图表可以直接将 canvas 作为图片应用到其它地方，例如在 WebGL 中作为贴图，这跟使用。如果容器是隐藏的，ECharts 可能会获取不到 DIV 的高宽导致初始化失败，这时候可以明确指定 DIV 的。开始支持SVG 格式的数据。可以是字符串，也可以是解析得到的 SVG DOM 对象。将地图中的部分区域缩放到合适的位置，可以使得整个地图的显示更加好看。可以是 JSON 字符串，也可以是解析得到的对象。解除图表实例的联动，如果只需要移除单个实例，可以将通过将该图表实例。_echarts文档

https://www.qianduange.cn//article/1472.html 分类：前端知识

2024-02-06data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'] //坐标轴刻度文字数据。symbol: ['none', 'arrow'], //坐标轴箭头 (可选'none' 'arrow' ['none','arrow'])_echarts 网格线位置

https://www.qianduange.cn//article/1471.html 分类：前端知识

2024-02-06* 6个值：水平位置，垂直位置，模糊程度，阴影外延，阴影颜色，内阴影 *//* 5个值：水平位置，垂直位置，模糊程度，阴影外延，阴影颜色 *//* 4个值：水平位置，垂直位置，模糊程度，阴影颜色 *//* 3个值：水平位置，垂直位置，阴影颜色 *//* 3个值：水平位置，垂直位置，模糊程度 */'./资料/图片/bg-lt.png''./资料/图片/bg-rt.png''./资料/图片/bg-lb.png''./资料/图片/bg-rb.png''./资料/图片/bg03.jpg'

https://www.qianduange.cn//article/1418.html 分类：前端知识

2024-02-05创建一个省-市-区 (省市区) 三级联动下拉列表，用于选择中国的地理位置。这种功能通常用在用户需要选择其位置的表单中，本文将使用 jQuery 和distpicker库实现省-市-区 (省市区) 三级联动下拉列表distpicker_js实现省市区三级联动插件

https://www.qianduange.cn//article/1400.html 分类：前端知识

2024-02-05文章目录变形定义平移百分比是相对于自身计算——应用平移特点z轴平移变形定义变形就是指通过css来改变元素的形状或位置变形不会影响到页面的布局transform用来设置元素的变形效果平移translatex():沿着x轴方向平移translateY(): 沿着y轴方向平移translateZ():沿着z轴方向平移平移元素可以以px为单位也可以以百分号为单位：百分比是相对于自身计算的eg：百分比是相对于自身计算——应用使元素居中，我们通常使用margin: 0 auto_transform css

https://www.qianduange.cn//article/1392.html 分类：前端知识

2024-02-05ECharts pictorialBar错位问题, 当某一条柱子 pictorialBar 的值为0时, 就会出现错位导致影响其他柱子的点击事件 直接查看解决方法_pictorialbar 数值为0位置发生便宜

https://www.qianduange.cn//article/1383.html 分类：前端知识

2024-02-05伪类让你可以将样式应用于元素，不仅与文档树内容有关，也与外部因素有关——如与导航历史有关的（例如，可以用于选择一个按钮，当用户的指针悬停在按钮上时，设置此按钮的样式。是添加到选择器的关键字，用于指定所选元素的特殊状态。作用：可消除鼠标点击下默认的轮廓线，也可更改轮廓样式。函数式伪类还包含一对括号来定义参数（例如，）、与其内容的状态有关的（如某些表单元素上的。，它可以让你知道鼠标是否在一个元素上）。）后跟着伪类名称组成（例如，附上了伪类的元素被定义为。）或者与鼠标位置有关的（如。_css实战

https://www.qianduange.cn//article/1359.html 分类：前端知识

2024-02-03在vue和echarts联合技术栈的操控下，本专栏提供行之有效的源代码示例。这里既包括样式的修改，又包括常用bug的解决。（1）提供title示例：展示控制标题的颜色、位置、子标题，连接等（2）提供legend示例：展示控制图例的类型、宽度、高度、位置、间隙，边框、阴影、透明度、偏移，字体、颜色，提示语等（3）提供grid示例：展示控制绘图网格的位置、宽度、高度、边框、阴影等（4）提供xAxis示例：展示控制x 轴的位置、类型、名称、字体、对齐方式、边框、阴影、宽度、高度等。_echarts设置边距

https://www.qianduange.cn//article/1216.html 分类：前端知识

2024-02-031）flex是flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。2）采用flex布局的元素，称为flex容器，简称"容器"，它的所有子元素自动成为容器成员，称为flex项目（flex item）,简称"项目"。3）才有效果总结：通过给添加flex属性，来控制子盒子的位置和排列方式。_flex-direction属性

https://www.qianduange.cn//article/1156.html 分类：前端知识