- 博客(18)
- 收藏
- 关注
RSS订阅原创 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
2600
原创 利用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
2107
原创 利用 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
721
原创 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
526
原创 git 功能 记录
1.查看当前分支git branch -a2.查看本地分支git branch3.切换分支到testgit checkout test4.克隆项目git clone 项目地址
2021-12-05 14:55:59
48
原创 三大运营商（联通、电信、移动）的手机号正则判断
三大运营商（联通、电信、移动）的手机号正则判断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
906
原创 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
681
原创 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
1060
原创 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
2086
原创 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
841
原创 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
638
原创 es6 常用的方法
1、声明变量的两种方式 在es6之前所使用的var 因为有变量提升 不适合大型项目 es6中的 let 和 const let 不具备变量提升 只在该声明的同一层 和该层后 使用 const 定义常量 不具备变量提升 如果声明的对象 可以改变 该对象里的属性值 2、箭头函数 es6之前 声明一个方法 function a () { 这种方法闭包 this指向 window } 箭头函数 let a = () => {
2020-08-07 20:24:54
2416
原创 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
838
原创 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
3642
原创 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
1918
原创 react-native第一天 初始化项目 禁止运行脚本 解决
PowerShell 执行 react-native init demo 时报错 报错为无法。。。react-native 地址 因此本系统禁止运行脚本解决办法电脑屏幕左下角 搜索框搜索 PowerShell 右键管理员身份运行输入get-ExecutionPolicy如果回复Restricted 表示状态为禁止然后打开这个状态 输入 set-ExecutionPolicy Re...
2019-10-18 09:20:29
269
原创 常用的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
257
原创 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
446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人