Vue 手机端监听屏幕的高度
摘要：mounted() { this.judgePhone() //监听事件 window.onresize = () => { return (() => { this.showHeight = document.documentElement.clientHeight || document.bod
阅读全文
posted @ 2022-05-18 12:09
05 2022 档案
Vue 手机发送短信
摘要：<template> <div class="resentMassage"> <van-nav-bar :title='title' @click-left="onClickLeft" :border="false" > <template #left> <van-icon size="20px"
阅读全文
posted @ 2022-05-18 12:04
Vue 屏幕的限制
摘要：export default { getScreen: function () { var width = document.body.clientWidth; if (width >= 1200) { return 3; //大屏幕 } else if (width >= 992) { retur
阅读全文
posted @ 2022-05-18 12:02
Vue 请求拦截 request
摘要：import axios from 'axios' axios.defaults.withCredentials=true; import store from '@/store/index' import router from '@/router' import { getToken } fro
阅读全文
posted @ 2022-05-18 12:01
Jquery 封装日历
摘要：<template> <div> <van-cell is-link @click="pickDate">展示弹出层</van-cell> <van-popup v-model="show" position="bottom" :style="{ height: '89%' }" > <div @t
阅读全文
posted @ 2022-05-18 12:00
filter过滤器 时间戳
摘要：/* 过滤时间戳 */ const dateFormat = (originVal, type) => { var date = new Date(originVal) var y = date.getFullYear() var m = date.getMonth() + 1 m = m < 10
阅读全文
posted @ 2022-05-18 11:56
Webpack性能优化
摘要：JS代码压缩CSS代码压缩 : css-minimizer-webpack-pluginHtml文件代码压缩文件大小压缩图片压缩Tree Shaking :消除死代码代码分离 :splitChunksPlugin内联 chunk Tree Shaking 工作中如果有您解决不了的问题或者您花费2小时
阅读全文
posted @ 2022-05-18 11:31
Webpack 热更新
摘要：1 热更新Webpack的热更新又称热替换（Hot Module Replacement），缩写为HMR。这个机制可以做到不用刷新浏览器而将新变更的模块替换掉旧的模块。2.常见的Plugin- html-webpack-plugin - mini-css-extract-plugin- servic
阅读全文
posted @ 2022-05-18 11:30
小程序的应用生命周期及页面生命周期
摘要：应用生命周期 1：用户首次打开小程序，触发 onLaunch（全局只触发一次）。: 2：小程序初始化完成后，触发onShow方法，监听小程序显示。 3：小程序从前台进入后台，触发 onHide方法。: 4 onError 错误监听函数 5 onPageNotFound 页面生命周期： onLoad
阅读全文
posted @ 2022-05-18 11:29
JS 数组去重
摘要：1.for循环 + indexOf / includes let arr = [1, 2, 1, 3, 2, 4, 3, 5, 4] let newArr = []for (let i = 0, l = arr.length; i < l; i++) { if (newArr.indexOf(arr
阅读全文
posted @ 2022-05-18 11:18
web应用主动从服务器推送数据到客户端的方式
摘要：轮询、websocket 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:56
es6 promise
摘要：就是 有两个参数 resolve reject 如果执行成功 调用 resolve 失败 reject 执行完毕 在then 里面，第一个函数 返回成功的结果，第二个是返回失败的结果； Promise.allPromise.all([]).then(res => {}).catch(err => {
阅读全文
posted @ 2022-05-18 10:56
浏览器地址栏输入url后会发生什么
摘要：①地址栏输入url并按下回车②浏览器查找当前url是否存在缓存，比较缓存是否过期③DNS解析url对应的IP④根据IP建立TCP连接（三次握手）⑤HTTP发起请求⑥服务器处理请求，浏览器接收HTTP响应⑦渲染页面，构建DOM树⑧关闭TCP连接（四次挥手）如果第一题答上来了——在以上发生过程中，前端可
阅读全文
posted @ 2022-05-18 10:55
什么是ajax？优点和缺点？
摘要：实现局部更新(无刷新状态下)交互网页应用的一门技术优：局部更新，减轻了服务器端的压力缺：请求多了，也会出现页面加载慢；安全性问题不太好；破坏了浏览器前进和后退机制；搜索引擎的支持程度比较低
阅读全文
posted @ 2022-05-18 10:55
html 布局 左右两边是200px 的宽度，中间自适应
摘要：table: 父： display:flex 子 ：3个统一设置 ： display: table-cell; 其中 左右 200 dislay: flex 左右为200 中间Flex 为1 grid: 父： dislay: gridheight: 100vh;grid-template-rows:
阅读全文
posted @ 2022-05-18 10:54
css 清除浮动
摘要：1. 父元素：overflow:hidden2. 给兄弟元素加一个clear：both3.用伪类清除浮动时用after，并且加上content：""可以加内容也可以不加，但是一定要加上display：block；同时还要写clear：both；css代码：#div1:after{content:""
阅读全文
posted @ 2022-05-18 10:53
手机端和PC端浏览器兼容
摘要：1.媒体查询2. 响应式UI库， bootstrap ,elementUI >> 核心是栅格布局3.弹性盒子布局 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:52
js 原型链
摘要：每个对象都可以有一个原型_proto_，这个原型还可以有它自己的原型，以此类推，形成一个原型链。 查找特定属性的时候，我们先去这个对象里去找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去向原型对象的 原型对象里去寻找...... 这个操作被委托在整个原型链上，这个就是我们说的原型链了。
阅读全文
posted @ 2022-05-18 10:50
Vue router 导航守位
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:23
Vue 组件通信
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:22
Vue 什么时候用beforeDestroyed
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:21
Vue ajax 请求放在哪个生命周期
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:20
Vue computed 和 watch 的区别
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:19
Vue minxin
摘要：在组件A 和组件B 里面引入mixin 里面的方法， 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:16
Vue 父子组件生命周期执行顺序
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:14
js 图片懒加载
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:11
函数的防抖和节流
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:09
call 和 apply 的区别
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:07
js 判断变量是不是数组
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:06
js 作用域
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，wx号：18062748486,备注”bug解决“；
阅读全文
posted @ 2022-05-18 10:03
普通函数与箭头函数的区别
摘要：箭头函数没有自己的this,它需要向上去寻找； 箭头函数：默认指向window ; 谁调用他，他就指向谁，同时箭头函数里面没有this ;定时器里面的函数都是window 来调用；
阅读全文
posted @ 2022-05-18 10:01
CSS 去化三角形
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 19:02
CSS优先级
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 19:01
Css 盒模型
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 18:58
echart 切换其他组件统计图时，出现卡顿问题如何解决？怎么清除图例？
摘要：l 每一个图例在没有数据的时候它会创建一个定时器去渲染气泡，页面切换后，echarts图例是销毁了，但是这个echarts的实例还在内存当中，同时它的气泡渲染定时器还在运行。这就导致Echarts占用CPU高，导致浏览器卡顿，当数据量比较大时甚至浏览器崩溃 解决方法：在mounted()方法和des
阅读全文
posted @ 2022-05-17 18:47
uniapp 隐藏自带的导航标题
摘要：在app.json中设置"navigationStyle": "custom" 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 18:33
uni-app的生命周期
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:39
avue colum 验证手机号
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:22
avue onload 方法
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:21
avue 常用 crude 参数与事件
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:20
Bladex 如何配置菜单
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:19
avue 自定义表单
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:17
avue 富文本
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“； 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是180627
阅读全文
posted @ 2022-05-17 17:15
avue 上传图片
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:14
avue -接口下拉框
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:13
Avue常用column 属性
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:12
Avue 常用option 属性
摘要：工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 17:10
js 替换数组的对象
摘要：this.options_bank = res.data.data; let result = this.options_bank.map((item) => ({ text: item.key, values: item.name, })); console.log(result); 工作中如果有
阅读全文
posted @ 2022-05-17 17:08
CSS 文本溢出处理
摘要：text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; // 只显示1行，超过一行则...显示 -webkit-box-orient:vertical; 如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的
阅读全文
posted @ 2022-05-17 16:22
Bladex 隐藏 或 显示 按钮
摘要：option: { height: "auto", calcHeight: 30, dialogWidth: 550, labelWidth: "28%", searchMenuSpan: 4, span: 24, tip: false, searchShow: true, border: true
阅读全文
posted @ 2022-05-17 16:19
// 去掉滚动条
摘要：// 去掉滚动条 box-sizing: border-box;
阅读全文
posted @ 2022-05-17 16:15
Vue 设置 背景图片
摘要：.login { background: url(/img/common/login-bg.jpg) no-repeat; background-size: 100% 100%; height: 100vh; overflow: hidden; box-sizing: border-box; :de
阅读全文
posted @ 2022-05-17 15:47
Vue style 三目表达式
摘要：:style="dataList.length != 0 ? 'background: #f7f8fa;' : ''"
阅读全文
posted @ 2022-05-17 15:45
element confirm的使用
摘要：this.$dialog.confirm({ title: "投递成功", allowHtml: true, message: "<div style='color:#969799'> 投递成功，待平台匹配成功后， 将会在三个工作日内通过电话的方式联系您，请保持电话畅通。</div>", cance
阅读全文
posted @ 2022-05-17 15:43
android 或者 IOS 的判断
摘要：const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端 const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 如果
阅读全文
posted @ 2022-05-17 15:39
JS 身份证验证
摘要：/** * 判断身份证号码 */ export function cardid(code) { let list = []; let result = true; let msg = ''; var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 1
阅读全文
posted @ 2022-05-17 15:37
JS 判断是否为空
摘要：export function validatenull(val) { if (typeof val == 'boolean') { return false; } if (typeof val == 'number') { return false; } if (val instanceof Ar
阅读全文
posted @ 2022-05-17 15:35
JS 姓名的正则表达式（只能中文或者英文）
摘要：export function validatename(name) { var regName = /^[\u4e00-\u9fa5]{2,4}$/; if (!regName.test(name)) return false; return true; } 如果您想快速高效解决问题，这里可以有偿
阅读全文
posted @ 2022-05-17 15:34
JS 判断是否为小数
摘要：/** * 判断是否为小数 */ export function validatenumord(num, type) { let regName = /[^\d.]/g; if (type == 1) { if (!regName.test(num)) return false; } else if
阅读全文
posted @ 2022-05-17 15:34
JS 验证是IPAD 还是PC端
摘要：export const vaildatePc = function() { const userAgentInfo = navigator.userAgent; const Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "
阅读全文
posted @ 2022-05-17 15:32
JS 判断是IOS 还是安卓
摘要：// 判断是ios还是安卓 export function isiOS() { const u = navigator.userAgent; return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 } 如果您想快速高效解决问题，这里可以有
阅读全文
posted @ 2022-05-17 15:30
eventBus 的使用
摘要：1.创建一个eventBus 文件 function EventBUS() { let all = {} return { all, on: (type, handle) => { all[type] = handle }, emit: (type, event) => { let handlers
阅读全文
posted @ 2022-05-17 15:26
JS 正则 表达式为正整数
摘要：if(!RegExp(/(^[1-9]\d*$)/).test(this.amount)){ this.$toast("金额须为整数"); return } 以上正则针对 金额的相关验证， 正整数 如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的微信号是18062748486；如
阅读全文
posted @ 2022-05-17 15:18
Vue 修改组件封装好的样式
摘要：:deep(.van-empty) { padding-top: 40%; } 如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；
阅读全文
posted @ 2022-05-17 15:05
Vue 移除监听事件
摘要：beforeDestroy() { window.removeEventListener("scroll", this.handleScroll, true); }, 如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“
阅读全文
posted @ 2022-05-17 15:03
JS 监听滚动事件
摘要：mounted() { // 监听滚动事件，然后用handleScroll这个方法进行相应的处理 window.addEventListener("scroll", this.handleScroll, true); }, 如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的微信号是
阅读全文
posted @ 2022-05-17 15:02
Vue 路由传对象
摘要：如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“； // A 页面 showContent 传的就是对象 goToDetail(item){ let showContent = JSON.stringify(item
阅读全文
posted @ 2022-05-17 14:59
电话号码正则表达式
摘要：if (!RegExp(/(1[3-9]\d{9}$)/).test(this.loginForm.linkPhone)) { this.$toast("请输入正确的电话格式"); return; } 如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的微信号是18062748486
阅读全文
posted @ 2022-05-17 14:44
银行卡的正则表达式
摘要：if (!RegExp(/^([1-9]{1})(\d{15}|\d{16}|\d{18})$/).test(this.loginForm.cardNo)) { this.$toast("请输入正确的银行卡号"); return; } 如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团
阅读全文
posted @ 2022-05-17 14:43
对手机号进行脱敏处理（js）
摘要：html 部分 <div class="value">{{ mobileFilter(loginForm.phone)}}</div> js 代码部分： // 手机号脱敏 mobileFilter(tel) { if (!tel) return tel; return tel.replace(tel
阅读全文
posted @ 2022-05-17 14:38
vue 上拉加载+下拉刷新
摘要：<template> <div class="message-detail" :style="dataList.length != 0 ? 'background: #f7f8fa;' : ''" > <!-- 列表 --> <div class="content-wrap" id="content
阅读全文
posted @ 2022-05-17 14:31
git 命令常用
摘要：如果您想快速高效解决问题，这里可以有偿帮您直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；git status -s git add A git add B git commit -m "" git pull 如果出现乱码： shift+分号 然后按q 回
阅读全文
posted @ 2022-05-17 14:28
解Bug 我们是专业的--需要帮助的同学看过来
摘要：人到中年转行做IT后来怎么了？ 那一年我29岁，刚生完二胎，找工作，迷茫不知道自己可以干什么，最后决定转行学IT,因为有人告诉我2点打动了我：1.不难 2.工资比其他行业高；于是我把娃放在老家，开始全身心投入学习代码，6个月后学习结束，被要求去找工作，快30岁的年龄，在简历的包装下和我自己面试经验的
阅读全文
posted @ 2022-05-17 12:42
