技巧
rainbowyx
这个作者很懒,什么都没留下…
展开
-
网页布局(标准流布局+浮动布局+flex布局)
【1】标准流标签按照固定的方式进行排列1.块级元素独占一行,从上往下排列常用元素:div,hr,p,h1-h6,ul,ol,form,table2.行内元素会按照顺序从左至右排列,碰到父元素边缘则自动换行常用元素:span,a,em【2】浮动1.浮动的元素会脱离标准流,浮动的盒子不再保留原来的位置,这个盒子让其他标准流的盒子来占用。2.设置浮动,是将盒子的上沿自动平齐,浮动的元素仅仅贴在一起,中间不会有间距,如果屏幕变小,屏幕装不下的话,盒子会往下挤,想要给浮动之间的元素设置原创 2022-06-15 11:13:20 · 534 阅读 · 0 评论 -
vue项目中使用flexible.js和rem进行适配
【1】下载flexible.jsnpm i -s lib-flexible【2】在mainjs中引入import 'lib-flexible/flexible.js'【3】在nodemodule/lib-flexible/flexible.js中修改代码如下:这是按照1920px来划分的,因为分为24等份,故每份为80,故需在cssren的设置中需要将root font size改为80【4】安装cssrem【5】根据稿件像素修改值...原创 2022-03-24 16:54:17 · 1610 阅读 · 0 评论 -
从gitee下载的用yarn运行的vue项目如何启动
【1】如果打开文件看到有yarn-lock则说明是用yarn运行且是用yarn安装依赖的,那先用命令yarn -v看看是否有安装yarn,如果没有安装,则用cmd打开项目文件的根目录【2】在根目录运行npm install -g yarn【3】使用命令查看是否安装成功yarn -v【4】安装成功则用vscode打开项目,然后打开终端,运行yarn install安装项目需要的依赖【5】用yarn run serve启动项目...原创 2022-03-22 11:49:55 · 6567 阅读 · 0 评论 -
vue项目单独剥离css文件并在项目中进行引入
【1】自己项目中的css文件1)新建一个css文件,把所有的css都写到里面。注意里面不用写<style></style>2)在需要引入vue里面的<script></script>里面写入引入路径即可原创 2022-03-11 09:36:03 · 1518 阅读 · 0 评论 -
vue2+element的table滚动显示
本文阐述了如何做到标题不滚动,表格内容滚动,且鼠标移入时暂停原创 2022-03-10 12:18:20 · 820 阅读 · 0 评论 -
echarts的treemap如何给展示出来的内容添加百分比
drawline4() { this.chartColumn4 = echarts.init(this.$refs.refcolumn4); // this.chartColumn1.clear(); this.chartColumn4.setOption({ title: { text: "", left: "center", textStyle: { fontSize.原创 2022-03-10 11:14:36 · 1661 阅读 · 0 评论 -
vue2获取当前时间并时时刷新显示在当前页面
【1】在一个dom元素里面放一个要显示的时间<div class="updatetime">更新时间:{{ nowDate }}</div>【2】在data里面定义一个nowDate和一个定时器data() { return { nowDate: null, nowtimer: "",}【3】在methods里面写一个获取当前时间的方法: methods: { gettime() { this.now原创 2022-03-10 11:08:15 · 3692 阅读 · 0 评论 -
vue2路由的基础知识及使用
VUE路由的基础用法,嵌套路由,动态路由的用法原创 2022-03-09 16:17:30 · 1111 阅读 · 0 评论 -
宏任务和微任务
都属于异步任务,先执行微任务再执行宏任务原创 2022-03-08 13:55:20 · 51 阅读 · 0 评论 -
elemenet ui使用手册
【1】修改表格表体内容的背景颜色,除表头和合计行外.el-table__body-wrapper { tr { background-color: red !important; }}或者:row-style="{ background: '#2a3049', color: '#fff' }"【2】将合计行展示到除标题外的第一行.el-table { display: flex; flex-direction: column;}.el-table_.原创 2022-06-15 11:13:44 · 341 阅读 · 0 评论 -
vuejs里面全屏插件screenfull的使用
【1】下载安装npm install screenful -s【2】在项目vue中配置import screenfull from "screenfull";【3】给按钮添加事件在methods里面定义方法: screenFull() { if (!screenfull.enabled) { this.$message({ message: "不支持全屏", type: "warning",原创 2022-02-28 11:45:47 · 834 阅读 · 0 评论 -
vuejs时间插件moment的使用以及获取当前日期和往前推30天
【1】下载npm install moment -s【2】mainjs里面注册import * as moment from 'moment'Vue.prototype.$moment = moment【3】使用凡是注册时用的是vue.prototype使用时都需要加this.$原创 2022-02-28 11:40:22 · 3637 阅读 · 0 评论