bug如风常伴汝身-CSDN博客

原创 vue+css漂亮的导航栏

最终样式预览html <div class="nav_box"> <div :class="[isActive>=1?'in in_on':'in in_off']" @click="choose_tab(1)"> 基本信息 </div> <div :class="[isActive>=2?'in in_on':'in in_off']" @click="choose_tab(2)" st..

2021-01-14 11:39:44 1595 7

首先还是要先引入XLSX,然后通过以下操作可以获得表头 import XLSX from "xlsx"; var excelFile; var reader = new FileReader(); reader.readAsBinaryString(file); reader.onload = function(e) { var data = e.target.result; excelFile = XLSX.read(data,

2021-03-18 17:12:04 4134 5

原创 vue对象转数组

let arr = []; for (let i in obj) { arr.push(obj[i]); }

2021-03-09 09:30:20 6833 1

原创 js监测是否阅读完毕（是否滚动到底部）

监测是否阅读完毕（是否滚动到底部） this.$nextTick(() => { const el = document.querySelector('.pdf_box'); const offsetHeight = el.offsetHeight; el.onscroll = () => { const scrollTop = el.scrollTop; const scrollHeight =

2021-03-05 11:02:21 939 1

原创 swiper实现类似虎牙斗鱼直播平台竖向轮播图样式

先上最终效果图直接上代码 <div class="bg_banner"> <div class="bg_banner_player"> <div class="swiper-box" style="height: 500px" v-if="is_ok">  <swiper :options="swiperOptionTop" class="gallery-top" ref="swi

2021-01-29 16:18:11 691

原创比较两个日期大小

check_time(date1, date2) { var data_a = new Date(date1); var data_b = new Date(date2); return parseInt(data_a.getTime())-parseInt(data_b.getTime()) > 0 ? true : false },

2021-01-28 18:13:07 81

原创 vue常用60秒短信验证码倒计时方法

验证码<template> <div> <div class="height-5"></div> <div class="display-1 text-align-center">注册</div> <div class="padding-3 border-1 bg-white shadow-box"> <Row>

2021-01-28 18:09:31 501

原创 PHP转盘抽奖

<?phpinclude __DIR__ . '/header.php';$input = SFRequest::json();//查询用户当前有多少票$chance_num = TUserInfo::query() ->leftJoin('t_wechat_user','t_wechat_user.f_openid','=','user_info.f_open_id') ->where('f_open_id', (string)$input['f_ope.

2021-01-21 17:31:50 173

原创 js获取各种高度宽度

js获取各种高度宽度网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (包括边线的高)网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.scrollHeight网页被卷去的高： docum

2021-01-21 17:27:56 76

原创 vue 防止页面后退

防止用户从页面后退回页面1写在main.js里router.beforeEach((to, from, next) => { if(to.name === '页面1') { if(from.name === '页面2') { router.push({ name:'页面2' }) }else{ next(); } }else{ next(); }})...

2021-01-21 17:26:31 557

原创 vue+css漂亮的定制日历

最终预览图html<div class="data_box"> <div class="list list_top"> 週日 </div> <div class="list list_top"> 週一 </div> <div class="list list_top"> 週二

2021-01-15 10:14:00 388

原创萤石云视频播放器来回切换视频报错bug

AudioRenderer.js里面t多次定义var t=window.AudioContext||window.webkitAudioContext;this.oAudioContext=window.AudioContext?t:new t;

2021-01-12 10:26:14 728

原创改变placeholder样式方法

.input_right input::-webkit-input-placeholder { color:black; font-weight:bold; font-size:1.1rem;}

2021-01-12 10:25:29 141

原创 CSS加载动画

CSS加载动画<template> <div id="main"> <div class="middle_box"> <div class="animations"> <span style="height:20px"></span> <span style="height:20px"></span&gt

2021-01-12 10:24:52 82

原创 vue全局变量

vue全局变量好，下面介绍一种方式，把全局变量引入。1、新建js文件：文件内容如下：const BASE_URL = 'http://192.168.0.108:7878/zkview/'export default { BASE_URL}2、修改入口main.js文件import global_ from './../static/config/global'然后使用变量Vue.prototype.GLOBAL = global_;axios.defaults.baseUR

2021-01-12 10:20:09 103

原创 js JSON数组字符串互转

//数组转json串var arr = [1,2,3, { a : 1 } ];JSON.stringify( arr );//json字符串转数组var jsonStr = '[1,2,3,{"a":1}]';JSON.parse( jsonStr );

2021-01-12 10:19:26 778

原创移动端点输入框底部元素顶起解决方法

<div class="bottom" v-show="hidshow"> 底部内容</div>return { docmHeight: document.documentElement.clientHeight, showHeight: document.documentElement.clientHeight, hidshow:true,}mounted:function(){ window.onresize = ()=>{

2021-01-12 10:18:24 190

原创 vue子向父传值$emit方法

子页面 this.$emit('question_id',0);父页面 <question1 v-if="question_num===0" @question_id = "question_id"></question1>``` question_id(id){ this.question_num=id },

2021-01-12 10:17:39 221

原创选星星组件

组件<template> <div > <div class="start"> <span class="img_box"> <img :src="starNum>=1?start_show:start_hide" @click="change_star(1)"> </span> <span

2021-01-12 10:15:18 109

原创 VUE父向子传值

父页面<div class="rate_star"> <star @star_num1 = "star_num1" ></star></div>methods: { star_num1(id){ this.star1=id; this.check_star(); },｝子页面export default { props: { starNum: Number,

2021-01-12 10:13:32 50

原创 VUE基本格式

VUE基本格式

2021-01-12 10:09:29 737

qq_26388781的博客