秩序、-CSDN博客

原创 vue router相关

项目发版，导致页面加载js、css文件失败，页面报错问题// router.jsrouter.onError((error) => { // 防止前端发版后，js加载失败，造成页面崩溃， const errorStr = JSON.stringify(error) const isChunkLoadFailed = errorStr.includes('Loading chunk') || errorStr.includes('CSS_CHUNK_LOAD_FAILED'); co

2020-12-14 13:49:51 126

原创 vue根据下标动态渲染class类名

vue根据下标动态渲染class类名 <a class="box-card" v-for="(item, index) in cards" :key="index" :class="[`card${index}`,{cardHover:hovered ===index}]" @mouseover="mouseover(index)" @mouseleave="hovered = -1"

2020-09-01 16:14:17 1621

原创 vue 调取腾讯webService API遇到跨域使用 jsonp

今天hr给提了一个需求，外出打卡不仅要地理坐标还要有地理位置，经过调研选择了腾讯API。开发时发现，vue打包上线时遇到跨域问题，查看腾讯api文档建议使用jsonp。1.安装jsonpnpm install vue-jsonp2.main.js 引入import Vue from 'vue'import VueJsonp from 'vue-jsonp'Vue.use(VueJs...

2019-01-09 14:39:45 7010 1

原创 Promise对象使用

Promise 简单例子new Promise(function(resolve, reject) { alert('start') setTimeout(function(){ resolve('success'); }, 2000); setTimeout(() =&amp;amp;amp;gt; reject(new Error('fail')), 3000) }).then(fun...

2018-12-05 14:13:58 230

原创 JavaScript 千位分隔符(逗号)表示web网页中的大数字

千位分隔符(逗号)表示web网页中的大数字1. 方法一：使用toLocaleString()方法Number.toLocaleString('en-US');//举例(123456789).toLocaleString('en-US');//123,456,789另外，对于IE edge之前的版本，Number.toLocaleString()会自动补上两位小数，如果是不需要的，需要...

2018-11-29 14:32:47 1128

原创 nuxt nuxt.config.js引入rem.js问题

如何在nuxt的head页面引入rem.js；首先在nuxt.config.js文件里定义常量remconst rem = '!function(e){var t,n=document,i=window,o=n.documentElement;function u(){var t=o.getBoundingClientRect().width/e*100;o.style.fontSize...

2018-09-20 17:08:52 4837 4

原创前端开发CSS样式重置代码，reset.css

自己找的一段样式重置代码，方便自己开发使用，如有更好的欢迎在评论去给个链接/* 清除内外边距 */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text form...

2018-09-15 13:09:29 4672

原创移动端页面开发 rem.js适配

一般给的设计图是 750px的，我把屏幕宽度分成7.5份，屏幕总宽度= 7.5rem，例如：设计图上的10像素我们开发直接除以100，换算成0.1rem，计算方便快捷，暂时没发现严重bug；如有问题欢迎指正，谢谢！(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientatio...

2018-09-15 12:48:28 430 1

转载 vue+axios+element-ui 实现ajax请求拦截和路由拦截

原文链接 https://www.cnblogs.com/parkboyoung/p/6761863.htmlajax拦截器：结合element-ui中loading和message组件来处理的，我们可以单独建立一个http的js文件处理axios，再到main.js中引入，统一处理http请求和响应：例如loadding图显示隐藏。/** * http配置 */// 引入axi...

2018-09-15 11:30:04 3810

转载 vue跨域代理的设置-vue2.5亲测有效

本文原创地址：https://blog.csdn.net/m_uncle/article/details/80734603假如你要用的接口是：http://jspang.com/DemoApi/oftenGoods.php第一步：找到config文件夹中的index.js设置pxoxyTabledev: {proxyTable: {'/api': {target: 'http:...

2018-09-15 10:42:55 3140 2

关于前端的知识的点滴记录