自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 vue 添加埋点,记录访问次数,数据请求情况

首先要store创建状态store.js 文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)//创建VueX对象const state = { routerName:'', // 当前路由 routerUrl:'', // 当前url asyncMethods:[], // 页面访问的数据接口 startTime:new Date().getTime() // 开始进入页面时间}con

2022-01-18 15:47:35 1197

原创 利用vant组件上传照片 修改自定义上传照片样式 exif插件整理照片旋转 照片添加水印

前端只能简单压缩一次,循环压缩 安卓没问题 iphone 会卡死机安装exif-jscnpm i exif-js --savenpm i exif-js --save当前页面引入import EXIF from 'exif-js'html 代码<label for='uploadOne' class='photo-main' > <div class="show"> <div class="picture">

2021-12-13 17:47:03 1374

原创 利用 icon 图标库 自定义loading

盒子包裹 需要的 图标和文字提示<div class="player-loading"> <div class="loading-spinner"></div> <p class="loading-bot-toast">正在加载中</p></div>在icon图标库下载需要的图标icon图库地址阿里矢量图库文字搜索需要的图标名称即可例如 loading、 人物、 电视、 房子.loading-spinn

2021-12-09 10:20:11 200

原创 vant 上传照片 压缩 旋转

html 代码<label for='uploadOne' class='photo-main' > <div class="show"> <div class="picture"> <img style="width:100%" :src="url" alt=""> </div> </div></label><div v-show="fal

2021-12-05 15:04:13 313

原创 git 功能 记录

1.查看当前分支git branch -a2.查看本地分支git branch3.切换分支到testgit checkout test4.克隆项目git clone 项目地址

2021-12-05 14:55:59 14

原创 三大运营商(联通、电信、移动)的手机号正则判断

三大运营商(联通、电信、移动)的手机号正则判断checkMobile(telphone){ let isChinaMobile = /^134[0-8]\d{7}$|^(?:13[5-9]|147|15[0-27-9]|178|18[2-478])\d{8}$/; //移动方面最新答复 let isChinaUnion = /^(?:13[0-2]|145|15[56]|166|176|18[56])\d{8}$/; //向联通微博确认并未回复 let isChinaTelcom

2021-05-19 14:49:14 551

原创 JS 判断终端 ipad || iphone || Android

var bForcepc = fGetQuery("dv") == "pc"; //判断是否是pc端function fBrowserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphon

2020-09-01 08:45:27 502

原创 vue router 路由 拦截器 登录权限设置

运用vue 的 router 防止地址栏路由输入跳转 需要设置路由监听拦截器新建路由拦截器文件书写 拦截器内容import router from './router'router.beforeEach((to, from, next)=>{ if(window.sessionStorage.userData){ // 判断是否登录 if(to.path === '/' || to.path === '/login'){ // //登录状态

2020-08-18 19:52:52 922

原创 vue axios 请求拦截器 根据请求返回的错误代码 跳转错误页面

编辑拦截器文件 挂载到 vue实例上在该文件夹中书写 拦截内容import Axios from 'axios'import router from '../router/index'// 请求拦截器Axios.interceptors.request.use(config => { // 发送请求之前可以在这里写一些东西 return config;}, error => { // 请求报错的时候做一些事情 return Prom

2020-08-18 19:47:52 1455

原创 vue 利用axios发送请求 和 promise

首先下载axios依赖cnpm i axios --save在接口文档中使用在api.js文件中使用import axios from 'axios';import qs from 'qs' // qs是处理请求参数的一个插件 因为后台接收参数的方式有几种 所以根据不同的参数 // 传递 进行参数的处理 class apiContract{ constructor(){ // 这里写一下全局变量 比如 域名 this,url = '192.168.1.102

2020-08-18 19:41:14 695

原创 CSS最常用到的属性 垂直居中 flex布局 自适应布局

1、属性选择器[style] // 只要是这个属性的都被选中 p[style] // 具有 style 属性的 p 元素。 li[class = "red"] // 具有 class 属性且属性值等于 red 的 li 元素。 li[class ~= "red a "] // 具有 class 属性且 中间 以空格隔开的 其他属性 其中一个等于 red 的 li 元素 li[class ^= "

2020-08-18 17:22:56 510

原创 es6 常用的方法

1、声明变量的两种方式 在es6之前所使用的var 因为有变量提升 不适合大型项目 es6中的 let 和 const let 不具备变量提升 只在该声明的同一层 和该层后 使用 const 定义常量 不具备变量提升 如果声明的对象 可以改变 该对象里的属性值 2、箭头函数 es6之前 声明一个方法 function a () { 这种方法闭包 this指向 window } 箭头函数 let a = () => {

2020-08-07 20:24:54 1778

原创 css中几种自适应宽高百分比

知识点:width: 1vw; 等于 可视窗口 宽度的1%height: 1vh; 等于 可视窗口 高度的1%calc()使用通用的数学运算规则,但是也提供更智能的功能:1、使用“+”、“-”、“*” 和 “/”四则运算;2、可以使用百分比、px、em、rem等单位;3、可以混合使用各种单位进行计算;4、表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的;5、表达式中有“*”和“/”时,其前后可以没有空格,

2020-08-07 19:56:41 607

原创 js 保留两位小数时 不足两位 补0

function a(num) { if(typeof(num) == 'number'){ // 判断是否为数字类型 数字类型自动 舍0 num = num.toString() // 先转成 字符串类型 if(num.indexOf(".") != -1){ // 判断 有无小数点 1 表示 有小数点 -1 表示没有小数点 let b = ...

2019-11-14 14:08:04 3275

原创 css控制滚动条的样式,大小,颜色

.my-scroll::-webkit-scrollbar { /滚动条整体样式/width: 5px; /高宽分别对应横竖滚动条的尺寸/height: 1px;}.my-scroll::-webkit-scrollbar-thumb { /滚动条里面小方块/border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0, ...

2019-10-28 16:25:18 810

原创 react-native第一天 初始化项目 禁止运行脚本 解决

PowerShell 执行 react-native init demo 时报错 报错为无法。。。react-native 地址 因此本系统禁止运行脚本解决办法电脑屏幕左下角 搜索框搜索 PowerShell 右键管理员身份运行输入get-ExecutionPolicy如果回复Restricted 表示状态为禁止然后打开这个状态 输入 set-ExecutionPolicy Re...

2019-10-18 09:20:29 190

原创 常用的js小功能 四舍六入五单一 取范围内日期 整数补0

四舍六入五单一的方法var CommonUtil = {};CommonUtil.evenRound = function(num, decimalPlaces = 1) { var d = decimalPlaces; var m = Math.pow(10, d); var n = +(d ? num * m : num).toFixed...

2019-09-30 08:47:58 141

原创 js 数组对象合并去重

json数据的合并 去重数组对象的合并 去重// 合并数组对象let arrObj = [ {a: 1, b: 2}, {a: 1, c: 3, d: 4}, {a: 1, b: 2}, {a: 1, c: 3, e: 5}, {a: 1, c: 3, f: 6} ]arrObj.map((item,index) => { // 合并 数据 ...

2019-09-17 12:38:38 350

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除