文章分类 - 前端
摘要：悬浮被遮挡 echarts 鼠标移上去展示的浮窗，超出容器时被遮挡。 tooltip: { //提示信息 trigger: 'item', triggerOn: 'mousemove', confine: true //解决浮窗被截断问题 }, 官网上的描述： 最终效果展示：
阅读全文
摘要：直角坐标系的常见配置 配置1: 网格 grid grid是用来控制直角坐标系的布局和大小, x轴和y轴就是在grid的基础上进行绘制的 显示 grid show: true grid 的边框 borderWidth : 10 grid 的位置和大小 left top right bottom wid
阅读全文
摘要：散点图 如下图示例 散点图的常见效果 气泡图效果 要能够达到气泡图的效果, 其实就是让每一个散点的大小不同, 让每一个散点的颜色不同 symbolSize 控制散点的大小 itemStyle.color 控制散点的颜色 这两个配置项都支持固定值的写法, 也支持回调函数的写法 var option={
阅读全文
摘要：折线图 图表类型 : 在series下设置 type:line <!DOCTYPE html> <html lang="en"> <head> <script src="js/echarts.min.js"></script> </head> <body> <div style="width: 60
阅读全文
摘要：通用配置 标题: title 提示: tooltip 工具按钮: toolbox 图例: legend <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>柱状图</title> <!-- 1。引入echart.
阅读全文
摘要：柱状图相关配置 xAxis：直角坐标系 中的 x 轴 yAxis：直角坐标系 中的 y 轴 series：系列列表。每个系列通过 type 决定自己的图表类型 标记: 最大值 最小值 平均值 markPoint、markLine 显示: 数值显示 柱宽度 横向柱状图 label、barWidth、更
阅读全文
摘要：浮动属性 浮动定位是指： 将元素排除在普通流之外 元素将不在页面中占据空间 将浮动元素放置在包含框的左边或者右边 浮动元素依旧位于包含框之内 浮动的框可以向左或者向右移动，直到他的外边缘碰到包含框或者另一个浮动框的边框为止 浮动元素的外边缘不会超过其父元素的内边缘 浮动元素不会互相重叠 浮动元素不会
阅读全文
摘要：页面布局常用标签 无意义块状元素标签 无意义行内元素标签 段落标签 无序列表 列表项 超链接标签 图片标签 斜体标签 粗体标签 ### css基本语法。选择器+属性+属性取值 id选择器 #id 类选择器 .class 关系选择器 div p、 div>p、div,p 伪类选择器 hover 结构性
阅读全文
摘要：vue之条件渲染 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01_条件渲染</title> <script type="text/javascript" src="../js/vue.js"></scr
阅读全文
摘要：vue之样式绑定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>绑定样式</title> <style> .basic { } .happy { } .sad { } .normal { } .qingmu
阅读全文
摘要：watch和computed之间的区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值语法--姓名案例</title> <script type="text/javascript" src="../js
阅读全文
摘要：监视属性 1。当被监视的属性变化时，回调函数自动调用，进行相关操作。 2。监视的属性必须存在，才能进行监视 3。监视的两种写法： 1。new Vue时传入watch配置 2。通过vm.$watch监视 demo: <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文
摘要：vue之数据代理 概念：通过一个对象代理对另一个对象中属性的操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>何为数据 代理</title> </head> <body> <!--数据代理：通过一个对象代
阅读全文
摘要：理解MVVM模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>理解MVVM</title> <script type="text/javascript" src="../js/vue.js"></scri
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>el和data的两种写法</title> <script type="text/javascript" src="../js/vue.js"></script>
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数据绑定</title> <script type="text/javascript" src="../js/vue.js"></script> </head>
阅读全文
摘要：css文本样式 color 字体颜色设置 body {color:red;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);} text-align 文本的对齐方式 文本排列属性是用来设置文本的水平对齐方式。 文本可居中或对齐到左或右,两端对齐. 当text-
阅读全文
摘要：Css高度和宽度的设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>宽度和高度设置</title> </head> <body> <div style="width: 100px;height: 100p
阅读全文
摘要：CSS语法规范 1.CSS语法规范 CSS规则有两个主要部分构成：选择器以及一条或多条声明。 1.选择器是用于指定CSS样式的HTML标签，在花括号内是该对象设置的具体样式. 2.属性和属性值以“键值对"的形式出现. 3.属性是对指定的对象设置样式属性，例如字体大小、文本颜色等. 4.属性和属性值之
阅读全文
摘要：css常用单位 CSS 有几个不同的单位用于表示长度。 一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。 长度有一个数字和单位组成如 10px, 2em, 等。 数字与单位之间不能出现空格。如果长度值为 0，则可以
阅读全文
浙公网安备 33010602011771号