js
关注
分享
扫一扫
ZoeLinJF
这个作者很懒，什么都没留下…
展开
-
vue-router 在beforeEach中添加每次跳转带上的参数，报错问题
在守卫导航中添加参数，在路由跳转时会出现下面问题。Redirected when going from “/a” to “/b” via a navigation guard. at createRouterError (vue-router.esm.js?8c4f:2008)解决方法：添加下面最后两个方法router.beforeEach((to, from, next) => { // 修改标题 if (to.meta.title) { document.title = to原创 2020-12-29 17:08:53 · 5446 阅读 · 1 评论 -
iframe 父子页面传值 postMessage
父级（vue项目）<iframe id="myIframe" :src="iframeUrl + '/test.html'" width="80%" height="60%" style="position: absolute;top: 0;left: 0;"></iframe> data() { return { iframeUrl : 'http://127.0.0.1:5500' } },mounted() { this.ifra原创 2020-11-25 10:37:24 · 1508 阅读 · 0 评论 -
js 鼠标拖动滑块在一定范围内进行选择
目标滑块拖动数字，从0~100遇到的问题监听主体绑定错误，绑定到了滑块元素上了，导致鼠标移开的时候，再左右移动滑块不会再动了滑块到达100%的时候，会溢出长度了。解决方案是 给滑块（两层结构，给子元素）添加个translateX为-50%代码<div class="track-box"> <div class="track-bg"></div> <div class="track-active" :style="{ width: sens原创 2020-07-24 11:19:59 · 1138 阅读 · 0 评论 -
js中位置和宽高 offset、client、scroll
offset家族offsetWidth：自身宽度 = width+padding+border（没有单位）offsetHeight：自身高度offsetLeft：当前元素左边的外边缘 距离 定位父级左边内边缘 的距离（最近的设置定位属性的父级，如果都没有，则是距离body）offsetTop：顶部client家族clientWidth：内容宽度 = width+padding（没有单位）clientHeight：内容高度clientLeft：当前元素的border.leftclie..原创 2020-07-23 17:43:50 · 146 阅读 · 0 评论 -
小程序问题汇总
showToast在真机上闪现问题问题描述：微信小程序发送网络请求前，调用wx.showLoading()显示加载中，在回调success和fail中先调用wx.hideLoading()关闭加载提示框，再调用相应业务提示wx.showToast()；开发工具中一切正常，真机测试时却一闪而过原因阐述：小程序中，showLoading和showToast调用的是同一个提示框，都受 w...原创 2020-01-10 10:27:24 · 259 阅读 · 0 评论 -
域名造成后台cookie取不到值问题
问题：网站域名是study.com（例子），请求接口地址是api.study.com，域名不一致，导致后台取不到前台设置的cookie。并且chrome中控制台的请求头中也不会显示cookie。解决方案：设置cookie时，配置域名import Cookies from 'js-cookie';utils.setCookie = (key, value) => { let ...原创 2020-01-09 15:28:17 · 1660 阅读 · 0 评论 -
IE兼容性
ES6的模板字符串模板字符串中含有标签元素时：不支持。需要把模板字符串改成单引号或者双引号原创 2020-01-07 11:48:57 · 168 阅读 · 0 评论 -
双层循环时，外循环越小，耗时越小
console.time();var sum = 0;for(var i = 0; i < 2; i++) { for(var j = 0; j < 5000; j++) { sum += i * j; }}console.timeEnd();console.time();var sum = 0;for(var i = 0; i <...原创 2019-12-24 11:19:39 · 556 阅读 · 0 评论 -
get方法传中文报错问题修复
get方法，传中文参数时，会报错400，类型也会错误（如图第一条）解决方法：encodeURIComponent（参数）即可原创 2019-11-05 10:12:19 · 429 阅读 · 0 评论 -
vue this.$set
data() { str: '111', arr: [1, 2, 7, 4], obj: { name: 'lin', age: 18 }}this.$set(this, 'str', 'aaa') // aaathis.$set(this.arr, 2, 3) // 1, 2, 3, 4 修改this.$set(this.arr, this.ar...原创 2019-09-04 16:50:02 · 658 阅读 · 0 评论 -
数组的对象方法
长度属性：arr.length:返回数组长度添加元素：arr.push(): push可以接受任意数量的参数，将参数放在原数组的尾部，该方法返回的是最终数组的长度 【会更改原数组】arr.unshift(): 向数组的开头添加一个或更多元素，并返回新的长度 【会更改原数组】arr.splice(): 实现数组的增删改功能 【返回的是被删除项目的新数组，如果有的话】【会更改...原创 2019-07-24 15:34:57 · 305 阅读 · 0 评论 -
ES6 引入模块时加{}问题
// 导出 abc.js文件 导入export const A = 1; import { A } from './abc.js'export const B = 2; import { B } from './abc.js'export default const C = 3; import name from abc.js ...原创 2019-07-29 15:16:43 · 383 阅读 · 0 评论 -
JavaScript中 && 和 || 操作符
首先，在js逻辑运算中，0、""、null、false、undefined、NaN都会判为false&&（逻辑与）短路原理：1、只要“&&”前面是false，结果都将返“&&”前面的值（无论“&&”后面是true还是false）2、只要“&&”前面是true，结果都将返“&&”后面的值（无论“&...转载 2019-07-24 17:30:25 · 324 阅读 · 0 评论 -
rem PC端和手机端适配 问题
当手机端和pc端需要做适配时，建议手机端用rem为单位。设置px和rem的比例。因为rem是相对于页面根元素元素大小来设置的 let iWidth = document.documentElement.clientWidth; document.getElementsByTagName('html')[0].style.fontSize = 100 * iWidth / 750 + 'p...原创 2019-07-24 17:43:19 · 1593 阅读 · 0 评论 -
css制页面渲染前的loading
<body> <div id="spinner"></div> </body><script> //在页面未加载完毕之前显示的loading Html自定义内容 var _LoadingHtml = `<div class="rect1"></div> ...原创 2019-08-23 17:11:40 · 439 阅读 · 0 评论 -
vue 跳转页面后回到滚动条顶部
在路由router.js中加上：scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 }},之前跳转一直没用，最后排查发现给#app这个元素加了 height: 100%。因为页面是超出100%的，所以我改成了min-height: 100%，跳转后滚动条就回到顶部了...原创 2019-08-16 17:33:04 · 2318 阅读 · 1 评论 -
iview InputNumber 数字输入框完整校验（多个小数点问题）
<InputNumber v-model.number="iptNum" @on-blur="iptBlur" @on-change="iptChange" />此时，输入框输入多少点，都会显示。但是v-model却只是数字解决方法：添加keyup监听，匹配valuethis.$nextTick(() => { document.getElemen...原创 2019-09-02 11:49:17 · 5010 阅读 · 0 评论 -
iview input金额校验
要求只能输入数字最多一个小数点代码<Input type="text" v-model="ipt" />that.$nextTick(() => { if(this.ipt) { // 如果输入的有字符串，把字符串转化为数字 if(/[^\d\.]/.test(that.ipt)) { ...原创 2019-09-04 15:55:07 · 1307 阅读 · 0 评论 -
监听页面返回事件或者移动端返回按钮事件
监听页面返回事件或者移动端返回按钮事件pushHistory(); window.addEventListener("popstate", function(e) {// pushHistory(); alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 }, false); function pushHistory() {转载 2018-01-24 16:53:25 · 12344 阅读 · 2 评论