- 博客(19)
- 收藏
- 关注
RSS订阅原创 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
1773
原创 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
555
原创 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
202
原创 js实现弹框效果
js实现弹窗效果利用display来控制弹窗的现实和隐藏<!-- 弹出层 --><div id="popLayer"></div> <!--黑色蒙版 --><div id="popBox"> <div class="close"> X </div> <div> <!-- 内容 --> </div>
2021-03-16 09:35:09
890
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
728
原创 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
680
原创 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
200
原创 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
190
原创 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
1519
原创 js构造函数及原型对象
构造函数1.构造函数时在JavaScript中用，new来调用的函数。2.如果我们创建对象需要写很多重复的无意义的代码是我们就需要使用构造函数，如下图。function Person(name,age){ this.name = name, this.age = age}var p1 = new Person("赵家义",22)var p2 = new Person("骆志海",20)3.(1)当以new关键字调用时，会创建一个新的储存空间，标记为Person的实例(2)这
2020-07-02 11:58:16
151
原创 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
184
原创 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
8939
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
2030
原创 js上传图片或视频
利用input属性中的type="file"实现图片或视频的上传1.在html代码中插入input标签并添加属性type=“file”<input type="file" id="photo" name="photo">2.在js代码中获取file的值var photo = $("#photo")[0].files[0];3.新建formData用于提交表单var formData1 = new FormData();let infro1 = {"abc": "abc",}
2020-06-02 15:50:31
1417
1
原创 vue项目在线预览pdf
vue项目中在线预览pdf1.在这里我用到了pdf.js插件来实现在线预览pdf的效果（pdf.js下载地址”http://mozilla.github.io/pdf.js/“）2.下载好pdf.js插件以后我们将插接放在vue根目录静态资源文件夹下（vue3.0以前为static、vue3.0以后为public）[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OkpTgAMz-1591080890389)(C:\Users\Administrator\Desktop\v
2020-06-02 14:55:45
1054
原创 vue项目打包npm run build 打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
npm run build 打包报错（Failed to load resource: net::ERR_FILE_NOT_FOUND）将vue.config.js中的 publicPath 改为 publicPath: process.env.NODE_ENV === “production” ? “./” : “/” 即可
2020-06-02 14:54:05
1573
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人