2022年5月18日

Vue 手机端监听屏幕的高度

摘要: mounted() { this.judgePhone() //监听事件 window.onresize = () => { return (() => { this.showHeight = document.documentElement.clientHeight || document.bod 阅读全文

posted @ 2022-05-18 12:09 艾小码 阅读(151) 评论(0) 推荐(0) 编辑

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 艾小码 阅读(377) 评论(0) 推荐(0) 编辑

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 艾小码 阅读(64) 评论(0) 推荐(0) 编辑

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 艾小码 阅读(787) 评论(0) 推荐(0) 编辑

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 艾小码 阅读(58) 评论(0) 推荐(0) 编辑

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 艾小码 阅读(105) 评论(0) 推荐(0) 编辑

Webpack性能优化

摘要: JS代码压缩CSS代码压缩 : css-minimizer-webpack-pluginHtml文件代码压缩文件大小压缩图片压缩Tree Shaking :消除死代码代码分离 :splitChunksPlugin内联 chunk Tree Shaking 工作中如果有您解决不了的问题或者您花费2小时 阅读全文

posted @ 2022-05-18 11:31 艾小码 阅读(14) 评论(0) 推荐(0) 编辑

Webpack 热更新

摘要: 1 热更新Webpack的热更新又称热替换(Hot Module Replacement),缩写为HMR。这个机制可以做到不用刷新浏览器而将新变更的模块替换掉旧的模块。2.常见的Plugin- html-webpack-plugin - mini-css-extract-plugin- servic 阅读全文

posted @ 2022-05-18 11:30 艾小码 阅读(51) 评论(0) 推荐(0) 编辑

小程序的应用生命周期及页面生命周期

摘要: 应用生命周期 1:用户首次打开小程序,触发 onLaunch(全局只触发一次)。: 2:小程序初始化完成后,触发onShow方法,监听小程序显示。 3:小程序从前台进入后台,触发 onHide方法。: 4 onError 错误监听函数 5 onPageNotFound 页面生命周期: onLoad 阅读全文

posted @ 2022-05-18 11:29 艾小码 阅读(57) 评论(0) 推荐(0) 编辑

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 艾小码 阅读(16) 评论(0) 推荐(0) 编辑

web应用主动从服务器推送数据到客户端的方式

摘要: 轮询、websocket 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题,这里可以有偿帮您高效直接解决bug,wx号:18062748486,备注”bug解决“; 阅读全文

posted @ 2022-05-18 10:56 艾小码 阅读(29) 评论(0) 推荐(0) 编辑

es6 promise

摘要: 就是 有两个参数 resolve reject 如果执行成功 调用 resolve 失败 reject 执行完毕 在then 里面,第一个函数 返回成功的结果,第二个是返回失败的结果; Promise.allPromise.all([]).then(res => {}).catch(err => { 阅读全文

posted @ 2022-05-18 10:56 艾小码 阅读(13) 评论(0) 推荐(0) 编辑

浏览器地址栏输入url后会发生什么

摘要: ①地址栏输入url并按下回车②浏览器查找当前url是否存在缓存,比较缓存是否过期③DNS解析url对应的IP④根据IP建立TCP连接(三次握手)⑤HTTP发起请求⑥服务器处理请求,浏览器接收HTTP响应⑦渲染页面,构建DOM树⑧关闭TCP连接(四次挥手)如果第一题答上来了——在以上发生过程中,前端可 阅读全文

posted @ 2022-05-18 10:55 艾小码 阅读(146) 评论(0) 推荐(0) 编辑

什么是ajax?优点和缺点?

摘要: 实现局部更新(无刷新状态下)交互网页应用的一门技术优:局部更新,减轻了服务器端的压力缺:请求多了,也会出现页面加载慢;安全性问题不太好;破坏了浏览器前进和后退机制;搜索引擎的支持程度比较低 阅读全文

posted @ 2022-05-18 10:55 艾小码 阅读(36) 评论(0) 推荐(0) 编辑

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 艾小码 阅读(133) 评论(0) 推荐(0) 编辑

css 清除浮动

摘要: 1. 父元素:overflow:hidden2. 给兄弟元素加一个clear:both3.用伪类清除浮动时用after,并且加上content:""可以加内容也可以不加,但是一定要加上display:block;同时还要写clear:both;css代码:#div1:after{content:"" 阅读全文

posted @ 2022-05-18 10:53 艾小码 阅读(8) 评论(0) 推荐(0) 编辑

手机端和PC端浏览器兼容

摘要: 1.媒体查询2. 响应式UI库, bootstrap ,elementUI >> 核心是栅格布局3.弹性盒子布局 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题,这里可以有偿帮您高效直接解决bug,wx号:18062748486,备注”bug解决“; 阅读全文

posted @ 2022-05-18 10:52 艾小码 阅读(60) 评论(0) 推荐(0) 编辑

js 原型链

摘要: 每个对象都可以有一个原型_proto_,这个原型还可以有它自己的原型,以此类推,形成一个原型链。 查找特定属性的时候,我们先去这个对象里去找,如果没有的话就去它的原型对象里面去,如果还是没有的话再去向原型对象的 原型对象里去寻找...... 这个操作被委托在整个原型链上,这个就是我们说的原型链了。 阅读全文

posted @ 2022-05-18 10:50 艾小码 阅读(2) 评论(0) 推荐(0) 编辑

Vue router 导航守位

摘要: 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题,这里可以有偿帮您高效直接解决bug,wx号:18062748486,备注”bug解决“; 阅读全文

posted @ 2022-05-18 10:23 艾小码 阅读(6) 评论(0) 推荐(0) 编辑

Vue 组件通信

摘要: 工作中如果有您解决不了的问题或者您花费2小时还没解决的问题,这里可以有偿帮您高效直接解决bug,wx号:18062748486,备注”bug解决“; 阅读全文

posted @ 2022-05-18 10:22 艾小码 阅读(4) 评论(0) 推荐(0) 编辑

导航