前端
程序猿余某人
这个作者很懒,什么都没留下…
展开
-
vue渲染高德地图
vue渲染高德地图原创 2023-01-18 15:50:02 · 689 阅读 · 0 评论 -
vue时间戳转年月日
vue中时间戳转年月日原创 2023-01-17 16:22:51 · 490 阅读 · 0 评论 -
js 将对象转化为url参数
js 将对象转化为url参数var changes = function(obj) { var arr = []; for (var p in obj) if (obj.hasOwnProperty(p)) { arr.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return arr.join("&");}serialize({name:"名原创 2021-04-21 17:08:42 · 1889 阅读 · 0 评论 -
js实现base64转blob二进制
base64 to blob二进制function dataURItoBlob(dataURI) { var base64Arr = dataURI.split(","); var imgtype = ""; var base64String = ""; if (base64Arr.length > 1) { //如果是图片base64,去掉头信息 base64String = base64Arr[1]; imgtype = base64Arr[0].subs原创 2021-03-20 13:31:25 · 621 阅读 · 0 评论 -
js正则表达式获取地址栏参数
js正则表达式获取地址栏参数function GetQueryString(name) { //name为参数名 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}...原创 2021-03-20 09:07:22 · 243 阅读 · 0 评论 -
js实现弹框效果
js实现弹窗效果利用display来控制弹窗的现实和隐藏<!-- 弹出层 --><div id="popLayer"></div> <!--黑色蒙版 --><div id="popBox"> <div class="close"> X </div> <div> <!-- 内容 --> </div>原创 2021-03-16 09:35:09 · 921 阅读 · 1 评论 -
vue验证码倒计时
vue实现验证码倒计时发送获取验证码请求成功以后利用setInterval每秒在原有时间上减1实现。<span class="yzm" @click="codes" v-if="!btnBool" >{{yzmtext}}</span><span class="yzm" v-if="btnBool">{{yzmtext}}</span>export default { name: "Login", data() { return原创 2021-03-12 14:14:12 · 763 阅读 · 0 评论 -
vue实现倒计时功能
vue倒计时通过父组件传入的结束时间减去当前日期得到剩余时间1.子组件部分 <div class="itemend"> <p class="itemss">倒计时<span>{{day}}</span>天<span>{{hour}}</span>时<span>{{minute}}</span>分<span>{{second}}</span>秒</p> <原创 2021-03-11 16:39:58 · 718 阅读 · 0 评论 -
vue分页效果
vue项目中实现分页效果1.这里我们使用element-ui来实现,先使用npm安装npm i element-ui -S2.在main.js中全局引入import ElementUI from "element-ui"import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI) //将element-ui挂在到全局3.封装组件<template> <div class="block">原创 2020-09-17 16:17:20 · 232 阅读 · 0 评论 -
vue实现tab切换功能
vue实现tab选项卡功能效果图 <div class="study-title"> <button @click="study1">寓教于乐</button> <button @click="study2">寓教于学</button> <button @click="study3">学以致用</button> <button @c原创 2020-09-15 11:55:19 · 233 阅读 · 0 评论 -
js几种常见的遍历数组方法
1.for通过for循环遍历数组元素,可以把计数器 i 当成数组元素的下标来访问var arr = [1, 2, 3, 4, 5]for (var i = 0, len = arr.length; i < len; i++) { console.log(arr[i])}2.for-in//遍历的是下标var arr = [1, 2, 3, 4, 5]for (var index in arr) { console.log(arr[index])}3.for-of原创 2020-07-08 16:02:59 · 1549 阅读 · 0 评论 -
vue简单的Axios封装
vue简单的Axios封装1.引入文件import axios from "axios";import router from "@/router/router";import qs from "qs";2.axios 全局默认设置axios.defaults.baseURL = "http://xxx.com" //全局默认请求地址// 全局设置post请求的数据编码格式axios.defaults.headers.post["Content-Type"] ="applicatio原创 2020-06-19 15:07:51 · 209 阅读 · 0 评论 -
vue中获取当前日期(年月日)
addDate() {var nowDate = new Date();var date = {year: nowDate.getFullYear(),month: nowDate.getMonth() + 1,date: nowDate.getDate(),}var systemDate = date.year + ‘-’ + 0 + date.month + ‘-’ + 0 + date.date;console.log(systemDate);}原创 2020-06-05 17:18:56 · 9054 阅读 · 6 评论 -
在vue中实现文件的上传
vue+element实现文件上传我们这里使用element-ui中的upload组件来实现文件的上传下载(https://element.eleme.cn/#/zh-CN/component/upload#shou-dong-shang-chuan),这里我们以excel文件为例<el-upload class="upload-demo" ref="upload" :limit="1" :before-upload="bef原创 2020-06-02 15:51:11 · 2068 阅读 · 0 评论