随笔分类 - html页面
摘要：HTML5总体比HTML4多了十个新特性，但其不支持IE8及IE8以下版本的浏览器。 语义化标签 表单功能 视频和音频 Canvas绘图 SVG绘图 地理定位 拖放API WebWorker WebStorage WebSocket 1、语义化标签 Q：对整个HTML结构进行语义化的规范操作有什么好
阅读全文
摘要：van-uploader + 图片压缩 + 图片base64转成file compressImage.js const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 1024 * 1024 * 2; const M
阅读全文
摘要：、单页面实现图片压缩 - 小那 - 博客园 (cnblogs.com) 对上述链接的单页面实现图片压缩的功能进行进一步的修改，并应用到项目中 整体思路： 第一次压缩，将图片转为base64 第二次压缩，利用canvas画布生成图片 最后将base64转为文件流形式返回 function conver
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas图片压
阅读全文
摘要：<el-form-item label="生效时间 :" prop="startTime" > <el-date-picker v-model="ruleForm.startTime" type="datetime" placeholder="请选择生效时间" size="mini" prefix-
阅读全文
摘要：cvs格式 <input text="file" accept=".csv" /> .xls格式 <input text="file" accept="application/vnd.ms-excel"/> .xslx格式 <input text="fiel" accept="application
阅读全文
摘要：rem:是一个相对单位，相对根元素字体大小的单位。就是相对于html元素字体大小的单位。 优点：这样在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算，根本就离不开计算器。 html的字体大小设置为font-size:52.5%原因
阅读全文
摘要：关于sortable的参数 1 <el-table 2 :data="tableData" 3 style="width: 100%" 4 <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order --> 5 @sort-change=
阅读全文
摘要：<el-col> <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="rgb(255,255,255,0)" text-
阅读全文
摘要：实现效果： html展示时间 data中定义数据 在created里设置定时器，重置时间格式 在methods里写过滤小于10 的时候前面加0的方法 在Vue实例销毁前，清除定时器 <div> <span>{{currentTime}}</span> </div> data() { return{
阅读全文
摘要：html 1 <div> 2 <ul v-for="(item,index) in list" :key="index"> 3 <li> 4 {{ item.name }} 5 <ul v-for="(i,cindex) in list[index].chrildList" :key="cindex
阅读全文
摘要：一、app.vue 利用v-if可以刷新页面的属性,同时使用provide和inject将祖先节点的数据传递给子代节点 <template> <div id="app"> <router-view v-if="isShow"></router-view> //① </div> </template>
阅读全文
摘要：方法1： html: <div v-if='imgsback.length>0' class="flex"> <div class="img-box" v-for="(item, i) in imgsback" :key='i' > <img class="img" :src="item" alt=
阅读全文
摘要：this.$refs.table.resetFields(); //table是表单的名称 例子： html <el-form :rules="rules" ref="formLabelAlign" :label-position="labelPosition" label-width="120px
阅读全文
摘要：<meta content="width=device-width, height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> <m
阅读全文
摘要：效果图： 代码： <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta content="width=device-width, height=device-height,initial-scale=1.0, minimum-scale=1
阅读全文
