大前端
关注
分享
扫一扫
zhengTornado
这个作者很懒，什么都没留下…
展开
-
基于vue的echart 正态分布图
<template> <div> <div class="bar-vertical-pic" style="width: 100%"> <div id="distributeMathBar" style="width: 100%;height: 270px"></div> </div> </div></template><!--https://www.makeapi.原创 2021-07-21 16:48:50 · 5172 阅读 · 0 评论 -
div中绝对定位与相对定位和流式布局使用案例
p标签和img标签使用的是绝对定位， 他们的父级 3个div盒子用的是相对定位。3个div盒子用的流式布局排版 /*模型信息*/ .tem-info { /*border: 1px solid red;*/ margin-top: 18px; height: 80px; display: flex; justify-content: space-between; ...原创 2021-07-20 16:51:00 · 323 阅读 · 0 评论 -
Echart 直方图和折线计算残差率
<template> <div> <div class="bar-vertical-pic" style="width: 100%"> <div id="distributeMathBar" style="width: 100%;height: 270px"></div> </div> </div></template><script> export de原创 2021-07-20 14:40:37 · 432 阅读 · 0 评论 -
Antd table表格隔行变色
效果展示 <div class="high-table"> <a-table ref="table" size="middle" bordered :showHeader="false" :columns="columnsHP" :dataSource="dataSour原创 2021-07-20 13:38:44 · 2680 阅读 · 0 评论 -
基于vue 柱状图Demo02
<template> <div> <div class="bar-vertical-pic" style="width: 100%"> <div id="taskRunStatusLine" style="width: 100%;height: 400px;border: 1px solid green"></div> </div> </div></template>&l原创 2021-07-06 14:30:20 · 288 阅读 · 0 评论 -
折线图样式Demo01
<template> <div> <div class="line-picture" style="width: 100%"> <div id="taskRunStatusLine" style="width: 100%;height: 400px;border: 1px solid green"></div> </div> </div></template><sc原创 2021-07-06 14:27:52 · 208 阅读 · 0 评论 -
HTML5 新增标签
1. H5 新增了语义化标签header — 头部标签nav — 导航标签article — 内容标签section — 块级标签aside — 侧边栏标签footer — 尾部标签3. 使用语义化标签的注意- 语义化标签主要针对搜索引擎- 新标签可以使用一次或者多次- 在 `IE9` 浏览器中，需要把语义化标签都转换为块级元素- 语义化标签，在移动端支持比较友好2.多媒体音频标签多媒体标签有两个，分别是音频 –原创 2021-01-01 08:41:56 · 157 阅读 · 0 评论 -
Css相当定位与绝对定位案例
1 子绝父相意思如果要对一个子元素使用定位，那么应该是子元素是绝对定位，它的父元素为相对定位。让子元素 以其父元素为标准来定位。如果不这么做，子元素就会相对body或浏览器定位产生不好的效果。CSS的三种布局之定位（子绝父相）2 父盒子和子盒子都使用绝对定位出现的情况<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo原创 2020-12-20 11:53:48 · 372 阅读 · 1 评论 -
块元素、行元素、行内块元素的介绍与转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>元素原创 2020-12-14 11:21:12 · 805 阅读 · 0 评论 -
css流式布局应用——同一行文字左右平均对齐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>同一行文字左右平均对齐</title></head><style> a{原创 2020-12-14 10:13:57 · 634 阅读 · 0 评论 -
echart案例双刻度的坐标轴
<div class="shichang-bar" id="shichangBar"></div>echart案例 export default { name: "shangyousuozhu", data() { return {}; }, components: { slotContent, }, created() { }, mounted() { this.shicha原创 2020-12-09 23:03:45 · 752 阅读 · 0 评论 -
Echarts制作横向坐标轴，并且文字名称和数值都在横向坐标轴的上面
参考下面Denohttps://www.makeapie.com/editor.html?c=xgNHRfHRfAvar getmydmc=['数学','语文','英语'];//数据点名称var getmyd=[86.25,90.26,77.88];//学生满意度var getmydzd =[];//学生满意度100%for (let i = 0; i < getmyd.length; i++) { getmydzd.push(100)}option = { gri原创 2020-12-08 19:05:07 · 3840 阅读 · 5 评论 -
npm ERR! code ENOLOCAL Could not install from "" as it does not contain a package.json file.解决
Could not install from “core-js\modules\es.function.name” as it does not contain a package.json file解决参考：https://blog.csdn.net/u014182411/article/details/78964344转载 2020-05-13 23:18:19 · 3983 阅读 · 0 评论