解决vue路由跳转连续点击报错问题
在router的index.js里面加入以下代码const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)} 注意Router名，与import Router from vue-router引入的名保持一致..._return originalpush.call(this, location).catch(err => err)
px、em、rem区别 pt ppi dpi vw vh
px像素实际上是一个颜色点，所以又称像素点。大量不同颜色点组成一张图像，因此图像的基本单位是像素px（没有比像素更精细的单位了）。像素主要用来表示图像大小和显示器分辨率（如1920*1080px）。像素本身的物理尺寸不固定，所以它的物理尺寸没有意义，有意义的是它的数量。为什么像素的物理尺寸不固定？像素本身不是物理世界的单位，是一个相对单位，尺寸可大可小。在高密度的屏幕上像素会变小，显示效果更清晰。因为“像素量px = 像素密度ppix 屏幕尺寸in”，同样是1英寸的屏幕，密度越大，像素越多，_rem em vw vh dpi ppi
关于Promise的介绍
Promise 是异步编程的一种解决方案，比传统的解决方案，例如回调函数、事件等更合理和更强大。Promise简单说就是一个容器，里面保存着一个异步操作的结果。特点：对象的状态不受外界影响。一旦状态改变，就不会再变，任何时候都可以得到这个结果。缺点：一旦新建它就会立即执行，无法中途取消；如果不设置回调函数，Promise内部就会报错（仅在内部报错，不会影响到Promise外部）；一旦开始执行，无法得知内部到底运行到哪个阶段Promise常用方法及作用then() 调用reso_vue promise 介绍
关于前端路由与后端路由的区别简介
1.什么是路由路由是根据不同的 url 地址展示不同的内容或页面；2、什么是前端路由？很重要的一点是页面不刷新，前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，每跳转到不同的URL都是使用前端的锚点路由.随着（SPA）单页应用的不断普及，前后端开发分离，目前项目基本都使用前端路由，在项目使用期间页面不会重新加载。3、什么是后端路由？浏览器在地址栏中切换不同的url时，每次都向后台服务器发出请求，服务器响应请求，在后台拼接html文件传给前端显示, 返回不同的页面,_对前端路由的理解?前后端路由的区别
VScode中的react自动补全标签代码及黄色or红色警告
解决在vscode中react标签代码不提示的问题：1、作为一个刚开始的react小白，一定有vscode中标签代码不自动提示的烦恼吧：（如下两图，再输入div及input标签的时候没有任何提示，能看到我这个文章的八成就是前端了，都习惯了代码自动补全，突然需要自己手打标签是非常不习惯了，这和在文本文档里面写代码没什么两样）1.2.综上所述，可以看到在react中输入div及input标签不会有任何提示2、这时只需要在设置里添加此项就可以了，复制搜索emmet.includeLanguages_vscode标签闭合react插件
react的css样式
1、使用React的行内样式设置样式(1)在JSX文件中定义样式变量,和定义普通的对象变量一样let backAndTextColor = { backgroundColor:blue, color:#ff671b, fontSize:40};(2)JSX的调用<div style={backAndTextColor}>行内样式测试</div>也可以直接写到JSX中,如下:<div style={{backgroundColo_react 背景样式
Redux框架之combineReducers() 用法讲解
combineReducers()随着应用变得复杂，需要对 reducer 函数 进行拆分，拆分后的每一块独立负责管理 state 的一部分。combineReducers 辅助函数的作用是，把一个由多个不同 reducer 函数作为 value 的object，合并成一个最终的 reducer 函数，然后就可以对这个 reducer 调用 createStore。合并后的 reducer 可以调用各个子 reducer，并把它们的结果合并成一个 state 对象。state 对象的结构由传入的多个_combinereducers
五分钟看懂vue路由守卫
导航守卫其实也是路由守卫，也可以是路由拦截，我们可以通过路由拦截，来判断用户是否登录，该页面用户是否有权限浏览，需要结合meta来实现vue中路由守卫一共有三种：一个全局路由守卫，一个是组件内路由守卫，一个是router独享守卫所谓的路由守卫可以简单的理解为一座房子的门口的保安，想要进入这个房子就必须通过保安的检查，要告诉路由守卫你从哪里来？总不能随便陌生人就给放进去？要到哪里去？然后保安再告诉你下一步该怎么做？如果你的确是这个房子主人允许进入的人，那就让你进入，否则就要打电话给房子主人，跟房主商量(登_vue中的路由守卫怎么理解
一看就会——js数组去重
原生for循环去重var str = [ 1, 2, 2, 2, 2, 3, 4, 43, 2, 21, 2, 1, 1, 1, 2, 3, 3, 4, 5, 6, 7, 7, 6, 57, 7, 89, 9, 6, 45, 32, 43, 43,]var strArr=[] //存放不重复数据for (let i = 0; i < str.length; i++) { if(strArr.indexOf(str[i])===-1){_js通过数组去重
js统计字符串中大写字母与小写字母的总个数
Unicode编码:小写字母a-z的code为97 - 122，大写字母A-Z的code为65 - 90统计大写字母的个数var str =abcABCadDGSDVBSDVDSVdavvervar count=0for(let i = 0;i<str.length;i++){ var char = str[i].charCodeAt() if(char>=65&&char<=90){ count++ }}conso_统计大写字母个数js
vue——element-ui中的表格和分页器连接起来
//分页器绑定到数据中<el-table :data=tableData.slice((currentPage-1)*pagesize,currentPage*pagesize) borderstyle=width:100% >......</el-table>分页器<el-pagination small layout=total,prev,pager,next,jumper :total=tableData.length:page-s_vue 连线表格
动态传参的方式改变div样式
<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> <style> div{ w_div 传递样式
微信小程序添加视频组件
wxml<View>1.播放网络视频</View><view > <video style=width: 100%;height=400px;margin:1px; src=http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e0020401288254
微信小程序添加音乐组件
audio音频组件简单示例wxml<audio src=/assets/img/许嵩 - 有何不可.mp3 loop=true controls=true name=有何不可 author=许嵩 poster=/assets/img/许嵩.png></audio>效果官方示例wxml<!-- audio.wxml --><audio poster={{poster}} name={{name}} author=_小程序载入歌曲
微信小程序添加轮播组件
swiper一、示例wxml <swiper class=posta-swiper indicator-dots=true autoplay=true interval=3000 circular=true> <swiper-item> <image src=/assets/img/t01df6660bd35903294.jpg></image> </swiper-item> <swiper-i
今日推荐
周排行