- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue+file-saver+xlsx+xlsx-style导出table为excel，自定义表格样式
vue实现file-saver+xlsx+xlsx-style导出table为excel，自定义表格样式
2023-03-17 18:26:40
2125
1
原创 vue + swiper7 双向控制
vue + swiper 实现大图和缩略图双向控制 参考：下载Swiper - Swiper中文网 其他可实现双向控制swiper：🚥 Vue Slick Carousel with True SSR Written for Faster Luxstay （注：v-if="bigImg.length != 0“ 否则数据未加载完就初始化会报错）slick - the last carousel you'll ever need......
2022-07-05 11:07:15
842
原创 前端-》 文件流 预览 + 下载pdf
1.预览pdf后端返回数据： previewPdf () { service( 'https://XXX.com/dev-api/AssetReport/getAssetRepostPDF/true', { responseType: 'blob', //响应blob文件流 method: 'post', headers: { Authorizat...
2022-02-25 14:06:01
1511
原创 富文本：vue +tinymce tinymce-vue+powerpaste可复制word
vue实现tinymce富文本编辑器，可复制word保留格式
2022-02-16 17:44:11
5719
3
原创 vue-amap 实现高德地图定位 + 搜索 +回显
html：<template> <div class="amap-page-container"> <!-- 搜索条件 是个对象searchOption 属性是city城市名，citylimit：false； 搜索回调函数 --> <el-amap-search-box class="search-box" :search-option="searchOption" :on-search-result.
2022-02-10 15:02:19
9404
3
原创 vue中axios的封装及应用(未梳理完)
1.安装axios：npm install --save axios vue-axios qs2.main.js引入：// 引入axios，并加到原型链中import axios from 'axios';Vue.prototype.$axios = axios;import QS from 'qs'Vue.prototype.qs = QS;3.封装axios（1）在 src 下面创建文件夹 request 在分别创建 api.js统一管理我们的接口http.js封...
2021-12-21 10:17:16
136
原创 vue中返回页面---公共组件 back.vue
1.html<template> <div class="back" @click="back"> <img src="../../../static/img/back.png" alt /> </div></template>2.js（1）父页面 引入back页面 传值给子页面 父传子<template> <div class="container"> <...
2021-11-03 16:32:09
758
原创 Css 特效
C3新特性： Div盒子360度旋转//html <div class="fengche"> <img src="../../../static/img/fengche.png" alt="" /> </div> /* css */<style scoped>.fengche { width: 100px; height: 100px; margin: auto; /* background: tu.
2021-10-13 11:35:51
107
原创 vue+Echarts 实现折线图
html<template> <div class="container"> <div class="all"> <div class="topname">{{ jgname }} - 喵喵喵系统</div> <div class="topimg"> <img :src="topimg" alt="" /> </div> <.
2021-09-23 16:53:20
434
原创 vue-video-player 实现动态渲染后端传来的视频
1.安装vue-video-playernpm install vue-video-player --save2.在main.js入口文件中引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)3.在页面中使用<template.
2021-09-23 14:37:42
4227
2
原创 vue实现正向计时器
<template> <div class="container"> <div class="all"> <div class="topname">{{ jgname }} - 考试系统</div> <div class="topimg"> <img :src="topimg" alt="" class="zhou" /> </div> .
2021-09-22 17:49:07
1044
原创 表单验证的多种方法
1.含有文字提示//html： <form onSubmit="return inputNull(this)"> <div class="form-group"> <label for="exampleInputEmail1">姓名</label> <input type="name" class="form-control" id="name" placeholder="请输入您的姓..
2021-09-01 15:42:06
678
原创 选项卡自动切换（有定时器）
html：<template> <div class="main"> <div class="all"> <dl class="all-one"> //选项卡标题 <div class="top"> <dt class="title one">nav1</dt> <dt class=".
2021-09-01 15:15:37
433
原创 前端(h5)页面须知（原生h5）
1、引入环境 使用bootstrap js jquery<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap --> <link rel
2021-08-16 19:15:00
1682
原创 前端小奈叽须知---js/jquery（目前分不清）
1.一些小按钮效果 //向下按钮 （点击后 页面向下滚动显示主内容） $(".icon-xiangxiajiantou").click(function () { var h = $(window).scrollTop(); //获取当前滚动条距离顶部的位置 $("html,body").animate({ scrollTop: h + 800 }, 800);//点击按钮向下移动800px，时间为800毫秒 }); //置顶按钮 $("...
2021-08-05 15:40:10
208
原创 前端小奈叽须知---组件篇
、引入公共组件 （common: header footer ）1.全局引入 在 vue 的 main.js 中引入 （注：底部组件放在router-view下面自动显示在页面底部）importHeaderfrom'./components/common/Header.vue' //文件所在位置Vue.component("Header",Header) //第一个参数是你所起的别名importFootusfrom'./components/common/Footus.vue'...
2021-08-04 10:53:00
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人