- 博客(9)
- 收藏
- 关注
原创 JavaScript实现文本复制的功能
一、HTML 代码 注:只能使用input或者textarea等<div> <input type="text" id='codeInput' readonly> <a onclick='copyClick()'>复制</a></div>二、JavaScriptfunction copyC...
2018-12-28 14:45:49
318
原创 vue中使用AES加密(AES/ECB/PKCS5Padding)
前端项目中遇到需要对登录密码进行AES/ECB/PKCS5Padding加密,然后调用登录接口,传入密码,用户名。现将实现方法,记录下来。第一步: 安装crypto-js vue项目中执行npm install crypto-js --save-dev ,安装crypto-js。第二步:项目中新建一个js文件,比如:utils.js (utils:工具集)...
2018-10-16 11:52:25
11624
原创 H5页面弹窗后禁止滚动及禁止滚动释放
1.禁止页面滚动 document.getElementsByTagName('body')[0].setAttribute('style', 'position:fixed; width:100%;')2.释放 document.getElementsByTagName('body')[0].setAttribute('style', 'position...
2018-08-28 15:10:31
2192
原创 vue-cli 中是使用css单位rem,实现响应式布局
分享一种vue-lic中使用rem,实现响应式布局的超简单的方法。 第一步:封装设置rem的方法,放在公用类的js文件中,或者直接放在main.js文件中。/** * 设置rem * @param pwidth * @param prem */export function getRem (pwidth, prem) { var html = document.getE...
2018-05-25 15:20:09
4948
原创 vue配置多页面应用
第一步:使用vue-cli搭建项目(注:建议安装淘宝镜像,使用cnpm执行下面操作) 1.按住shift按钮,右键点击存放项目的文件夹,点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -g vue-cli 安装vue-cli。 3.输入 vue init webpack vue-demo 创建一个名为vue-demo...
2018-05-10 18:50:02
16276
13
原创 vue-cli脚手架中使用talkingData埋点的方法
第一步:在index.html 文件中按照正常引用js文件的方法,引入talkingData文件,如下图。第二步:正常使用TDAPP.onEvent功能,但需要在方法前面加window,如下图。注:使用talkingData埋点时候最好加上try.catch判断,否则出问题后会影响代码执行,踩过很多坑,经常莫名出问题,记得有一次因为IP是江苏的都不能用,不知道为什么。 ...
2018-05-10 11:41:23
3693
2
原创 前端H5用js判断页面在IOS,Android,微信,pc端打开的方法
// 判读是否是IOS打开 isIos: function () { var agent = navigator.userAgent; var isiOS = !!agent.match(/iPhone|mac|iPod|iPad|ios/i); return isiOS},// 判读是否是PC打开 isPc: function () { var plat = nav...
2018-05-10 11:24:03
3303
原创 解决手机浏览器物理按钮返回页面不刷新问题
将下列代码放在body标签的最后,即可解决,缺点,返回页面会闪一下。希望可以给大家一些参考,谢谢。 <script type="text/javascript"> (function() { var isPageHide = false; window.addEventListener('pageshow', function() { if (...
2018-05-09 11:55:58
4318
原创 IOS中iframe的宽度自动扩大问题
最近工作中遇到将之前网页以iframe的形式插入到现有网页中业务需要,完成后在chrome浏览器上测试时并没有出现问题,然后交给测试同学时,出现问题了,iframe自动变宽了,在IOS手机上出现滚动条。解决步骤如下,亲测有效。第一步:定义 iframe 中的scrolling属性为no,设置iframe中不显示滚动条。 <iframe scrolling="n...
2017-09-05 11:37:40
4910
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人