
工作问题记录
工作问题记录
钥零零
一枚前端开发程序员
展开
-
angular同一页面跳转重新执行方法
问题:当收到导航到当前URL的请求,Angular路由器会忽略,重复点击同一链接页面不会刷新,也不会重新执行ngOnInit函数。原创 2022-09-28 10:43:43 · 2459 阅读 · 0 评论 -
unsafe value used in a resource URL context,angular框架下嵌入iframe报错问题解决
直接为iframe中src赋网址浏览器会报错。由于 iframe 的 src 属性是资源 URL 安全上下文,不可信源可以在用户不知情的情况下执行某些不安全的操作。所有要使用angular提供的DomSanitizer服务。原创 2022-09-27 13:49:37 · 1411 阅读 · 0 评论 -
js浮点数计算精度问题---输入支付金额为19.9元时,提交却是19.89元
一、问题内容在码牌支付过程中,输入支付金额为19.9元时,后端保存的却是19.89元二、问题原因由于js在进行一个浮点数与任何Number数据运算时,可能会产生精度不准确的问题。问题代码:tradeFee = parseInt(Fee*100); //Fee为金额浏览器在执行19.9*100时得到的结果是1989.9999999999998,会存在0.0000000002的误差,再通过parseInt方法取整后就造成了结果为1989三、解决方案由于浮点型直接计算可能会出问题,所以可以将原创 2022-04-25 10:00:39 · 2423 阅读 · 0 评论 -
H5唤起手机电话功能
记录一个简单有趣的功能,通过h5点击电话图标唤起手机拨打电话功能,以为很难,发现好简单,简单的快乐 //拨打电话call: function(number) { window.location.href = 'tel:' + number; },传入number就可以直接显示出号码拨打...原创 2021-12-20 15:26:47 · 771 阅读 · 0 评论 -
vue中for循环作用域问题处理
最近在一个需求开发中,遇到闭包导致了疯狂报错需求是需要在一个数组中找到typeName为生活权益N选1的对象,将其中resourceList中所有对象的expenseId拼接起来作为入参进行接口调用,如果调用返回成功则设置该对象的isReceive为0rightsList列表格式:"rightsList": [ { "typeName": "互联网权益N选1", "isReceive": '1', "resourceList": [ .原创 2021-11-11 10:34:48 · 1290 阅读 · 0 评论 -
vue中路由拦截router.beforeEach获取路径参数
vue中路由拦截router.beforeEach获取路径参数方式地址:http://localhost:8088/rights/card?rightsId=QY21JX0802X5V3&resourceId=ZY21JX0802HVHG在router.beforeEach获取路径参数方法原创 2021-11-10 11:12:40 · 4425 阅读 · 0 评论 -
gifsicle@5.2.0 postinstall: `node lib/install.js` npm install 时候报错
解决:在命令后加参数 --ignore-scriptsnpm install --ignore-scripts原创 2021-11-03 10:59:07 · 1654 阅读 · 0 评论 -
error in ./src/assets/images/logo.png报错
vue项目执行时疯狂报错找不到图片解决:npm uninstall image-webpack-loadercnpm install image-webpack-loader --save-dev原创 2021-11-03 10:56:46 · 7491 阅读 · 3 评论 -
短信验证码功能编写
H5短信验证码功能,点击发送验证码调用后端接口,页面展示一分钟倒计时,倒计时结束重新显示发送验证码<li> <span class="ipt-name accounts"></span> <input type="tel" maxlength="11" placeholder="请输入手机号" v-model="phone" /> </li.原创 2021-08-25 11:02:04 · 302 阅读 · 0 评论 -
图形验证码功能编写
H5图形验证码功能,初始化显示图形验证码,点击图片切换验证码图片<li> <span class="ipt-name captcha"></span> <input type="text" maxlength="11" placeholder="请输入验证码" v-model="graphValidateCode" /> <img @click="chan.原创 2021-08-25 10:59:24 · 191 阅读 · 0 评论 -
vue根据后台数据设置多选框不可点击或选中
vue根据后台数据设置多选框不可点击或选中<input type="checkbox" true-value="1" false-value="0" v-model="mallCartItem.ifSelected":disabled="mallCartItem.orderTypeId == '28' || mallCartItem.orderTypeId == '30'" />我的博客主页 :https://qingmuzhang.gitee.io/...原创 2021-08-25 10:27:40 · 1760 阅读 · 1 评论 -
Cannot find module ‘@babel/compat-data/corejs3-shipped-proposals‘
问题:npm run dev 报错Cannot find module ‘@babel/compat-data/corejs3-shipped-proposals’解决:npm update --depth 5 @babel/compat-data我的博客主页 :https://qingmuzhang.gitee.io/原创 2021-08-25 10:22:38 · 395 阅读 · 0 评论 -
vue-router使用next()跳转到指定路径时会无限循环
需求:vue项目需要路由跳转时判断该用户是否已登录,若登录则可以进入页面,若不登陆则跳转登录页采用在router.beforeEach方法中查询后端接口根据返回字段来判断用户是否登录router.beforeEach((to, from, next) => { document.title = to.meta.title; if (to.meta.type == 'fit') { checkLogin().then(res => { if(res.resCod.原创 2021-08-24 17:15:47 · 1389 阅读 · 0 评论 -
vue创建全局变量
需求:vue项目需要将登录信息保存为全局变量window.localStorage最开始是使用window.localstorage来进行存取登录信息,方法如下封装了一个专门使用window.localStorage的js,需要时引入这个filter.js就行const setLocalStore = (name, content) => { if (!name) return if (typeof content !== 'string') { //win.原创 2021-08-24 17:13:10 · 761 阅读 · 0 评论 -
链式调用 多个接口调用完成后再执行后面接口调用
需求:由于页面请求查询数据并赋值,但所需赋值的选择框数据由几个接口查询获取,需要先执行完选择框接口查询,再执行数据查询单个函数执行完成执行如果只有单个选择框查询,可以在接口查询完成后成功回调函数中执行数据查询// 获取发布地市与发放渠道字典 function getRightActivityChoose () { $.ajax({ url: url, method: "post", data: JSON.原创 2021-08-24 17:10:26 · 2540 阅读 · 0 评论 -
列表加入滚动条并隐藏滚动条
需求:由于列表数据太长,超过页面长度,所以需要给列表加入滚动条,但由于原生滚动条太丑,所以需要隐藏滚动条滚动条实现通过设置height属性值,配上overflow属性可以实现在超过长度时页面出现导航条//overflow属性值为auto或scroll都可以出现导航条<ul style="height:500px;overflow-y:auto;width:380px"></ul>导航条隐藏法1:使用css方法(适用于chrome,存在兼容性问题)ul::-we.原创 2021-08-24 17:05:37 · 934 阅读 · 0 评论 -
datalist和input下拉框加入输入框可模糊查询数据
需求:由于下拉框中数据过多,用户翻看十分麻烦,所以提出新需求在下拉框中加入输入功能,进行模糊查询数据并展示在下拉框中。这里其实可以直接引入组件完成功能,但由于san框架组件引入报错,所以使用了datalist和input结合使用完成功能。datalist标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。所有主流浏览器都.原创 2021-08-24 17:04:46 · 1488 阅读 · 0 评论 -
window.open(url)打开链接被浏览器拦截解决方案
H5下载发票是跳一个后端返回的链接,但直接用window.open有些会被浏览器(Safari)拦截在axios中进行window.open会被浏览器拦截法1:但用户自己点击的链接不会,可以创建a标签模拟用户点击;法2:在axios之前就window.openxx.addEventListener(‘click‘, function () { // 打开页面,此处最好使用提示页面 var newWin = window.open(‘loading .原创 2021-08-24 17:01:31 · 1745 阅读 · 0 评论 -
输入框val()获取不到小数点
输入框val()获取不到小数点input type设置为number会获取不到,且maxlength无效,需设置为text原创 2021-08-24 16:59:30 · 275 阅读 · 0 评论 -
同时绑定vue事件和jQuery事件
一个元素绑定一个vue事件一个jQuery事件,jQuery事件.click会失效<a class="thumbLinkCart" href="#" onclick="simpleCart()"></a> $(document).ready(function() { $('#demo12').click(function() { alert('Item added to cart'); }); }); 可以将多个事件(类似)绑定到同一个元素.但是.原创 2021-08-24 16:58:41 · 576 阅读 · 0 评论 -
将json数据复制到文本域,提取出JSON
记录昨天遇到的一个需求,需要编写一个接口查询页面,用户将JSON格式数据作为入参复制在文本域中,需要提取成JSON格式提交给后台,后台返回的JSON要正常显示在页面上。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候.原创 2021-08-24 16:57:20 · 873 阅读 · 0 评论 -
vue单页设置页面不刷新 记录滚动条的位置
功能需求点击第三级分类节点进入商品列表,然后,点击左上方返回按钮,此时页面重新回到了第一个一级分类节点展开的效果。应该改成,返回到当前的一级分类节点下的三级分类节点vue单页 使用keep-alive页面返回不刷新法1:设置所有页面进入分类页时都缓存(已试过成功)是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。1.在配置router的文件中设置分类页的keepAlive为true2.将app.vue文件设置为<template> <div原创 2020-11-25 14:41:44 · 1434 阅读 · 0 评论 -
 空格报错Parsing error: missing-semicolon-after-character-reference.
用 空格时,一直会报这个错Parsing error: missing-semicolon-after-character-reference.必须在 后加分号;原创 2020-08-24 11:59:55 · 8896 阅读 · 1 评论 -
使用npm安装sass-loader报错not found:python2
使用npm安装sass-loader一直报错not found:python2,解决方法npm install -g mirror-config-china --registry=http://registry.npm.taobao.orgnpm install node-sass原创 2020-08-08 17:28:03 · 951 阅读 · 0 评论