前端
~莫~言~
共同进步,共同成长
展开
-
js 按照类型分割数组
分割数据样式let data= [ { Name: '张三', Item: 'AA', Value: 18 }, { Name: '张三', Item: 'BB', Value: 28 }, { Name: '张三', Item: 'CC', Value: 19 }, { Name: '张三', Item: 'DD', Value:...原创 2020-07-15 16:15:06 · 823 阅读 · 1 评论 -
vue自带的弹出组件提示
// if(this.flag){ //自定义的属性 // Vue.prototype.$message({ // message: '提示内容', // title:'提示', // type: '提示类型', info warning 等 // }).then(...原创 2020-05-24 14:19:49 · 2936 阅读 · 0 评论 -
vue element UI中table控件 数字、字母、中文混合排序问题
1、排序方式数字(0->9)->大写字母(A->Z)->小写字母(a->z)->中文拼音(a->z)2.页面代码<el-table ref="multipleTable" border tooltip-effect="dark" class="xg-table" style="width: 100%" max...原创 2020-05-01 16:14:51 · 2238 阅读 · 1 评论 -
Element UI 自定义Loading方法
先引入element.js一、在main.js 界面添加方法Vue.prototype.openLoading = function () { const loading = this.$loading({ // 声明一个loading对象 lock: true, // 是否锁屏 text: '加载...原创 2020-04-17 09:06:32 · 4213 阅读 · 0 评论 -
element-ui el-table sortable属性 参数详解
表格组件的排序功能,点击排序表头可以进行升序和降序进行排序上代码<el-table :data="tableData" style="width: 100%" <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order --> @sort-change="changeSort" <!--...原创 2020-04-13 09:50:10 · 8223 阅读 · 0 评论 -
antv G2柱状图
一、首先需要引用antv-g2.1.直接在html引用外部js文件,<script src=’‘相对路径’’>2.如果是vue,需要安装 npm install @antv/g2 --save 但是在vscode安装后,按照提示修复一下就行了二、初始化柱状体表格const chart=new Chart({ container:'attendanceChartDiv...原创 2020-04-07 09:23:35 · 3853 阅读 · 0 评论 -
Javascript 严格模式详解
一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全; - 提高编译器效率,...原创 2019-04-01 13:14:25 · 77 阅读 · 0 评论 -
CSS高级属性(五)
CSS3多列属性 column-count:将指定文本分割成几列 column-gap:指定文本分割后 列之间的间距 column-rule-style:指定文本分割后,设置分割线样式 column-rule-width:指定文本分割后,指定分割线的宽度 column-rule-color:指定文本分割后,指定分割线的颜色 column-r...原创 2019-05-05 10:56:46 · 1139 阅读 · 0 评论 -
CSS高级属性(四)
CSS3可分为:选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。CSS3已完全向后兼容。CSS边框和圆角transform:可以旋转、缩放、倾斜、平移的元素;border-radius:圆角;单独分离:border-top-left-radius、border-top-right-radius、border-bottom-right-radius...原创 2019-05-05 10:56:55 · 286 阅读 · 0 评论 -
Html/CSS基础知识(三)
HTML属性属性一般都是以键值对的形式出现的,键就是属性名;值就是你自定义的,一般值用双引号或者单引号括起来;属性也是不区分大小写的,但是建议都用小写。class 为标签添加一个类名,如果了解css的,可以多个标签公用一个类名 id 为标签添加一个唯一的标识 style 设置标签的样式和展示效果 title 标签的标题 这些属性大部分标签都可以...原创 2019-03-20 14:59:15 · 216 阅读 · 0 评论 -
Html/CSS基础知识(二)
HTML 标题:<h1> -- <h6> <h1>这是一个标题</h1><h2>这是一个标题</h2><h3>这是一个标题</h3>HTML 段落:HTML 段落是通过标签 <p> 来定义的. <p>这是一个段落。</p>...原创 2019-03-20 14:59:09 · 191 阅读 · 0 评论 -
CSS属性大全(三)
visibility:隐藏标签--hidden;表格可以写成visibility:类名;display:不显示标签,也不占用控件(none:隐藏;block:显示;inline:两个元素显示同一水平线)position:相对于浏览器位置(relative :相对位置;absolute:绝对位置;fixed:固定位置;这是一些常见的位置属性值)当属性值为absolute的时候:可以调整t...原创 2019-04-09 14:05:34 · 307 阅读 · 0 评论 -
CSS属性大全(二)
a:hover 必须在 a:link 和 a:visited 之后,需要严格按顺序才能看到效果。a:active 必须在 a:hover 之后。border:1px solid black;指定边框样式(边框大小 实体 黑色)border-collapse:默认边框会分开(collapse:单一边框;inherit:继承父元素border-collapse)caption-sid...原创 2019-04-09 14:05:26 · 149 阅读 · 0 评论 -
CSS 属性大全(一)
color:文本颜色text-align:文本位置(center:居中;right:右对齐;left:左对齐;)text-decoration:下划线格式(none:没有;overline:上边有下划线;line-through:中间;underline:下边)text-transform:控制文本字母(uppercase:大写;lowercase:小写;capitalize:开头字母...原创 2019-04-09 14:05:19 · 124 阅读 · 0 评论 -
数据加载完成之前,显示动态的加载图片
CSS样式#loading{ width: 100%; height: 100%; background-color: #ffffff; position: fixed; top:0; left: 0; z-index: 9999; }...原创 2019-03-11 16:53:17 · 1158 阅读 · 0 评论 -
在vue项目中快速使用element UI
推荐使用npm安装1.安装:npm install element-ui -S2.整体引入: 在你项目的main.js中写入: import ElementUIfrom'element-ui' import'element-ui/lib/theme-default/index.css' Vue.use(ElementUI)3.可以仅引入你需要的部分 ...原创 2019-03-15 08:51:18 · 353 阅读 · 0 评论 -
javascript异步编程讲解
一般知道,js脚步语言的执行环境是单线程的,就是它会等一个任务完成,才会进行第二个任务,然后一直向下进行,这样的执行环境简单,但是处理不了复杂的运用,当一个请求需要非常旧的时间的时候,下一个流程就会被搁浅,如果长时间得不到反馈,进程就这样的奔溃了。为了解决这个硬性需求,Javascript语言提出了二种语言模式: 同步(Synchronous)和 异步 (Asynchronous)。异步的...转载 2019-03-14 11:00:04 · 235 阅读 · 0 评论 -
前端学习——模拟百度首页
注意:1:模拟百度首页时,有些数据可以看看百度首页的设置,打开百度首页,按f12键,然后点这个小箭头再右键点击你需要查看的地方。2:将百度首页分为三个div,头部,中部和底部,为了区分开来,可以先分别设置不同的背景色,完成后再删除。<html> <head> <title>百度一下,你就知道</title> <meta ch...转载 2019-03-14 10:58:19 · 467 阅读 · 0 评论