前端
关注
分享
扫一扫
Just-MenHee
适当过滤
展开
-
js点击空白无效区域关闭弹窗
弹出弹窗后，点击非活动区域关闭弹窗一般的场景是弹出一个全屏的遮罩，中间有我们的弹窗内容，点击无效区域可关闭HTML的结构如下<!-- mask为全屏遮罩，popup为弹窗部分 --><div class="mask" v-show="msgShow" @click="invalid($event)"> <div class="popup"> 弹窗内容 </div></div>JS如下原创 2021-03-12 14:26:13 · 1373 阅读 · 0 评论 -
input表单验证提示信息不消失
当我点击取消后，表单验证的提示信息不消失，类似下图这种此时，你要确保你的prop 和 v-model 里字段名称保持一致，就是下图的那俩字段；然后，如果prop和v-model是一样的但是提示信息没有消失，程序在点击取消后给v-model赋值，但是验证提示文案没有消失，说明此时没有触发elementui的验证，此时可以手动重置验证 ；官网给了一个resetFields方法只要在点击取消后执行这个方法this.$refs['formData'].resetFields();.原创 2020-09-09 11:18:59 · 5231 阅读 · 0 评论 -
如何在测试环境防止代码混淆？JS代码混淆
代码混淆是一种代码保护机制可以保护js逻辑不被破译。项目一般要经过三个阶段开发、测试、部署上线。在部署的时候我们会对代码进行压缩和整合。代码混淆一般是通过正则替换实现或者语法树替换实现。代码混淆后安全级别有显著提升。但是这也让我们在测试环境测试的时候很难跟踪问题。 我们要做的事其实可以理解为，针对不同的运行环境产出不同的代码。我们可以通过BOI来处理（boi是一款开源的前端工程...原创 2019-12-06 17:36:26 · 429 阅读 · 0 评论 -
ECharts 坐标轴文字显示不全（倾斜处理）
ECharts横坐标文字倾斜，有的时候因为X轴的坐标文字较长，无法水平展示，又要全部显示，这时候就需要倾斜文字显示，当然我做这个不是因为无法显示，因为我们的设计就是斜着的哈哈。（你要是想y轴倾斜也是一样的配置）用到的是xAxis.axisLabel 属性axisLabel: { interval:0, //坐标刻度之间的显示间隔，默认就可以了（默认是不重叠）...原创 2019-07-12 11:10:12 · 36661 阅读 · 2 评论 -
JS判断是不是邮箱、身份证号、以及电话号～正则判断
业务中遇到了需要判断用户输入的信息是不是符合格式要求的功能点、索性就分享出来～判断是不是邮箱 //判断是不是邮箱 email(str) { var string = str.replace(/\s|&nbsp;/g, '') //先去除用户输入的无效字符 var reg = /^[a-zA-Z0-9_-]+@([a-zA-Z0-9]+\.)+(com|c...原创 2019-01-07 10:16:50 · 1420 阅读 · 0 评论 -
JS文件下载，文件下载页面跳转出现空白页解决办法
文件下载出现空白页或页面跳转，是因为直接用文件地址跳转window.open或者location.href这种方式会有页面跳转的情况出现。下面看怎么解决这个问题例子方案一（推荐）：用js触发<a>标签点击事件var downLoad=function(src){ var a = document.createElement('a'); a.id = 'expe...原创 2018-12-13 10:07:33 · 13365 阅读 · 5 评论 -
如何判断一个对象是不是数组、
如何判断一个对象是不是数组？是一个比较常见的问题。我总结链四种方法，如下。The First methodArray.prototype.isPrototypeOf(obj) // 判断Array是否在obj的原型对象上。返回true/falseThe Second methodobj instanceof Array //返回true/falseThe Thir...原创 2018-09-16 14:37:04 · 352 阅读 · 0 评论 -
前端JS原型、原型链
原型和原型链是前端比较重要的概念，也比较绕，很多人都搞不明白。刚好今天有人问我索性就写篇文章整理一下。首先来说一下什么是原型、原型链和构造函数。原型：JS中的对象都包含了一个prototype的内部属性，这个属性所对应的就是该对象的原型。原型链：原型链是是有一些用来继承和共享属性的对象组成的对象链。并且原型链的长度是有限的。构造函数：原型对象包含一个constructor属性，对应...原创 2018-09-16 14:15:39 · 4995 阅读 · 0 评论 -
去除字符串里面的空格,清除无效字符
去除字符串里面的空格,清除无效字符 //去除字符串空格函数 function trim(str) { return str.replace(/\s|&nbsp;/g, '') }原创 2018-09-04 15:25:23 · 1241 阅读 · 0 评论 -
Echarts图表自适应宽高大小
最近项目用到了Echarts,他要求在容器上以行内样式固定宽高。这就无法按照浏览器大小进行自适应调整。经过一番纠结发现了解决方法.官网描述的截图如下：这个鬼东西，简直是反人类的设定好吗。这都什么年代了不能自适应的网站是不可以滴。我在这个项目使用的是百分比布局。先说下整体的思路，就是在Echarts的容器外面套一个盒子来自适应屏幕大小，然后用js获取盒子宽高在赋值给Echart...原创 2018-08-14 11:28:43 · 102457 阅读 · 49 评论 -
移动端适配方案、Rem适配方法
现在说一下rem ，rem是根字号的大小。也就是<html>元素的字号大小,em是相对于自身的字号大小。REM适配移动端就是用js设置根字号的值，然后所有的值都用rem来设置。这个方法很方便，直接调用方法就可以。我封装了一个给大家参考。var setRem = { init: function() { function set() { ...原创 2018-08-27 10:03:11 · 401 阅读 · 0 评论 -
不同页面间传递参数并获取参数值、获取浏览器地址栏携带参数
将参数传给其他页面window.location.href='跳转的url?username='+name+'&passwprd='+word; 获取地址栏里面的字符串，传入的参数为想要匹配的参数名称。方法和调用方式如下所示 function queryString(name) { var reg = new RegExp("(^|&)" + nam...原创 2018-09-04 14:28:04 · 866 阅读 · 0 评论