- 博客(25)
- 收藏
- 关注
RSS订阅原创 JS基本数据类型、浏览器执行顺序
JS基础一. 数据类型JS基本数据类型number、 string、 boolean 、null、 undefined引用数据类型object： {} 、[] 、/^$/ 、Datefunction区别：基本数据直接赋值，引用类型是引用的堆里面的值二. 浏览器执行顺序当浏览器加载HTML的时候，首先会提供一个供全局JS执行的环境 -> 全局作用域（global / window）预解释在当前作用域中，JS代码执行之前，浏览器首先会默认把带有var和function的进行提前
2021-04-07 15:30:25
690
原创 随机生成32位uid
//随机32位uidfunction uuidGenerator() { var originStr = 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx', originChar = '0123456789abcdef', len = originChar.length; return originStr.replace(/x/g, function(match) { return originChar.charA
2021-03-30 15:53:04
824
原创 javascript之原型与原型链
借鉴原文原型与原型链一、prototype在javascript除外，每一个函数都有一个prototype属性，这个属性指向函数的原型function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //kavinconsole.log(per
2021-03-06 21:11:54
989
原创 vue跳转当前路由报错
router.jsimport Vue from 'vue'import VueRouter from 'vue-router'const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}
2021-03-03 14:41:30
490
1
原创 微信小程序生成二维码
项目中需要把字符串转换成二维码展示，用到了生成二维码工具weapp-qrcode.js（demo的众多文件中只需将util下的这个文件拷贝到自己项目中），可在原文地址里clone demo。1. 在wxml页面中写一个绘制二维码的canvas<canvas class='canvas' canvas-id='canvas'></canvas>2. 页面js中引入var QRCode = require('../../../utils/weapp-qrcode.js');
2021-02-22 16:57:30
283
原创 微信小程序车牌键盘
最近一个项目用到输入车牌号的功能，给网上看了不少，然后自己优化了一下，支持新能源车牌号![在这里插入图片描述](https://img-blog.csdnimg.cn/20210222163502396.jpg1.在components目录下新建carKeyboard组件carKeyboard.wxml<!-- 输入框 --><view class="modal-content" wx:if="{{keyType == 'onlyipt' || keyType ==
2021-02-22 16:45:43
364
原创 Element UI配合七牛云上传
需要先通过七牛云的接口获取到token和key，然后再上传一般项目会涉及到多个上传图片的地方，可以单独写个上传组件<template> <div> <el-upload class="avatar-uploader" action="https://upload.qiniup.com" accept="jpg,jpeg,png" :data="uploadData" :show-file-list="f
2020-10-23 22:25:40
814
1
原创 npm install报错node-sass@4.14.1 postinstall: `node scripts/build.js`
npm install 时报错如下图一开始看Error信息：Error: Can’t find Python executable “python”, you can set the PYTHON env variable.没有python，太奇怪了，然后找了各种方法也没有解决后来看可能还是因为node-sass报错：node-sass@4.14.1 postinstall: node scripts/build.js然后找了一个解决方法：npm config set sass_binary_
2020-10-21 15:55:39
29546
16
原创 vue实现可拖拽div
HTML<div class="drag-box" v-drag id="drag" v-if="isShowDrag"> <Button type="primary" @click.stop="isShowDrag = false">关闭</Button></div>CSS.drag-box { position:absolute; top: 100px; left:100px; width:100px; height:100p
2020-09-28 20:04:55
3260
原创 原生js添加类名、删除类名
1.添加类名document.getElementsByClassName('myEL')[0].classList.add('checked');2.删除类名document.getElementsByClassName('myEL')[0].classList.remove('checked');3.包含类名document.getElementsByClassName('myE...
2020-04-21 17:56:06
2416
原创 前端配合后端接口导出excel表格
1. 接口不需要token相关参数的window.location.href = 接口地址window.open(接口地址)2.接口需要传参或者post请求axios.get('/gss/exports/orders?pageNo=1&pageSize=10', { responseType: 'blob' }).then(res=>{ if(res...
2020-04-19 16:20:11
6929
3
原创 车牌号正则校验
1. 车牌号校验规则常规车牌号：仅允许以汉字开头，后面可录入六个字符，由大写英文字母和阿拉伯数字组成。如：粤B12345最后一个为汉字的车牌：允许以汉字开头，后面可录入六个字符，前五位字符，由大写英文字母和阿拉伯数字组成，而最后一个字符为汉字，汉字包括“挂”、“学”、“警”、“港”、“澳”。如：粤Z1234港新军车牌：以两位为大写英文字母开头，后面以5位阿拉伯数字组成。如：BA12345...
2020-04-14 21:34:02
4248
3
原创 vue使用echarts窗口自适应
1. 使用window.onresizevar myChart = echarts.init(document.getElementById('myChart'));window.onresize = () => { myChart.resize()}优点：可以根据窗口大小实现自适应缺点：window.onresize是绑定到window上的，切换vue页面时监听依然...
2020-04-11 11:07:25
3797
2
原创 vue子组件props写法
Prop-Vue.js文档camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名1. props数组形式props: ['title', 'likes', 'isPublished', 'commentIds', 'author']2.props对象形式props: { title: String, likes: N...
2020-04-08 11:51:49
2895
1
原创 VUE刷新当前页面的三种方法
方法一window.reload()方法二this.$router.go(0)方法一和方法二 缺点：浏览器会重载，闪烁，有空白，体验不好方法三 provide / inject 组合作用：父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量(不论子组件有多深)。provide： 一个对象或返回一个对象的函数inject： 一个字符串数组或一个...
2020-03-28 14:26:41
1109
原创 原生XMLHttpRequest (ajax)的简单使用
第一步：创建XMLHttpRequest对象var httpxml ;if(window.XMLHttpRequest){ //大多数浏览器 httpxml = new XMLHttpRequest();}else{ //古董级浏览器 httpxml = new ActiveXObject("Microsoft.XMLHTTP");}第二步：向服务器发送...
2020-03-26 10:49:54
413
原创 谷歌浏览器禁止默认填充及填充色修改
正常情况下：去掉填充色input:focus:-webkit-autofill,input:-webkit-autofill { box-shadow: 0 0 0px 1000px #F8F9FB inset!important; -webkit-text-fill-color: #232D39!important; font-size: 16px; -w...
2020-03-22 10:22:11
8700
原创 原生input上传图片到七牛云
HTML<input id="logo-file" class="upload-ipt" type="file" accept="image/*" @input="uploadLogoImg" />//accept 规定通过文件上传来提交的文件的类型JS// 上传图片uploadLogoImg(e){ var file = event.target.files[...
2020-03-19 20:14:18
603
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人