- 博客(14)
- 收藏
- 关注
RSS订阅原创 前端人，这种情况你不该用$route.query
使用Vue Router这种情况下你不该用$route.query 话说前2天刚接手前同事的项目（入坑，哈哈）。今天突然产品来找我说：“victor，生产上接到用户反馈说自己登陆系统后，当前登录用户名没有显示出来！”。我当时马上回应说：”不应该啊！”。 首先说明下翻车的事故经过：我们的系统是采用单点登录(SingleSignOn，SSO)。当前用户登录统一应用入口后选择需要进入的应用，后台会在location加上用户统一身份认证的加密字符串然后去访问你的web应用。前端同学只需拿到当前经过加密的co
2020-12-16 21:40:56
1114
原创 element-ui 表单清空 resetField()方法
由于PM说项目赶时间，我二话不说撸起袖子就是一顿狂操作，自己操作了几遍没有发现bug当天下午就欣喜地将刚撸好的form表单功能提交给qa去测试。不一会儿qa就给我提一bug说：“你这表单操作有问题啊！为啥我重选前面的名称按钮，后面的类型选项会报错了？”。如图所示：我听完就连忙给她解释道：“这个不是bug，这个是提示信息而已嘛！”。QA又来了：“我看着那个红色提示就认为是错误的，用户...
2019-09-30 15:04:52
32329
3
原创 前端人员快速搭建本地服务器环境
此方法依赖node.js，首先在你的控制台运行下node -v。如果能够打印出node.js的版本号信息证明你的电脑安装了node.js。否则我们去下载一个Node.js然后使用运行npm install anywhere -g来安装anywhere。最后在控制台中cd到你的文件根目录，然后运行anywhere命令。OK，node.js已经为你搭建好了本地服务器环境了。是不是特别...
2019-05-22 18:26:25
6495
原创 mac上关闭烦人的“Folder Actions Alert”
大多数时候Mac OS系统足够保证你设备的安全。但是，不可避免的Mac OS平台还是有一些恶意程序的存在。Folder Actions 是OSX内建的一项特性，当有新文件添加到目录时自动运行脚本，于是你可以用它检测是否有恶意软件被安装，当有新文件添加到指指定目录时弹出窗口提示，如果你没有主动添加的话，就表示被添加的文件很可疑。但是，当我们自己操作文件夹的时候一会频繁的触发这个提示，这就很...
2019-05-03 13:13:42
3144
原创 微信公众号监听页面返回事件
function pushHistory(){ var state = { title: "", url: "#" }; window.history.pushState(state, state.title, state.url); } ...
2019-03-11 23:28:04
4686
原创 js判断多个区间是否有交叉重叠
我们用某段日期来代表一个区间。例如：2018/5/25至2018/5/30。下面是代码演示：<script type="text/javascript"> /* * 思路: 把开始日期、结束日期分别存进两个数组，从开始时间的第二个元素去比较结束时间的第一个元素。 * 如此循环判断，如果小于或者等于，就代表时间段有交叉，直...
2019-02-28 18:15:43
8232
4
原创 如何判断页面是通过链接打开还是通过后退按钮返回打开的？
首先我想提一句MDN上的错误：“The persisted read-only property indicates if a webpage is loading from a cache.”，这是MDN上的原话。意思是说可以通过 persisted属性来判断当前页面是否从浏览器缓冲区加载的。而且还给出了一张浏览器的兼容统计： 于是我按照此思路写了两个html页面来模拟点击链接跳转，...
2019-02-27 13:13:22
13179
4
原创 在web页面上快速生成批量二维码的实用方法
最近帮同事制作了一个二维码工具，需求是一次性输入多个卡号批量生成二维码并打印。好了，现在我们直接看代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>礼品卡二维码生成</title> <script type=&qu
2019-02-26 16:43:50
7868
2
原创 让DIV的滚动条（内容）自动滚动到最底部，包含使用vue框架的区别。
在我的移动端页面需要做一个固定高度的DIV，每次往这个DIV中增加内容的时候我需要将滚动条自动滚动至最底部保证每次看到的都是最新的内容。（这样增加了用户的体验度好感，就像微信的聊天窗口一样。）我利用了JavaScript中的scrollTop = scrollHeight这两个属性来实现，代码如下：html代码：<div class="box" style="width:500px...
2019-01-16 17:10:06
16831
10
原创 js数组里对象的去重方法
直接上代码： var aa = [ {"foo": "22","name": "s"}, {"foo": "21","name": "sss"}, {"foo": "22","name": "sddd"}, {"foo": "25","name": "saaaa"}, ...
2018-12-19 00:00:26
309
原创 “请在微信客户端打开链接”解决方案
当我们将微信页面地址复制到电脑自带的浏览器上打开时候就会提示“请在微信客户端打开链接”如图所示：百度上很多都是告诉我们用什么抓包工具破解什么的，结果呢没 luan用！这给我们开发人员调试带来了诸多不便。下面我教大家如何解决：1.下载微信开发者工具：微信开发者工具（点击跳转到官网下载）选择你自己的系统下载安装就好了。2.安装完成之后启动程序，扫码登录你的公众号或者企业微信号...
2018-10-10 00:34:48
171664
27
原创 解决ios系统下微信页面无法播放背景音乐的问题
1.问题现象做h5页面时需要插入一段背景音乐，在安卓系统微信里打开可以正常播放。但是在ios系统的微信里打开页面听不到声音。2.解决办法调用微信自带的WeixinJSBridgeReady事件（WeixinJSBridge只能在微信内打开的网页有效）。3.html代码展示<audio src='ding.mp3' id='Jaudio'></audio>...
2018-07-26 13:10:27
3676
原创 移动端自适应布局解决方案：rem布局
之前写了一篇rem布局的文章，今天拿出来发现已经过时了。于是再来写一遍！ 2018.10.24更新 首先在html里面设置一下视口：<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 然后在你的页...
2018-07-02 22:00:45
467
原创 移动端如何让页面强制横屏
最近开发微信公众号的时候遇到一个需求，就是在手机页面上有许多ECharts图形展示。为了更好的用户体验，当用户竖屏打开时我们需要将手机页面的内容横过来，效果如下所示： 好了，现在我的项目中html结构如下：<body> <div id="main"></div> //这是我的画布</body>我们利用trans...
2018-06-22 18:17:52
11564
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人