Stiven_Lu-CSDN博客

原创 JavaScript实现文本复制的功能

一、HTML 代码注：只能使用input或者textarea等<div> <input type="text" id='codeInput' readonly> <a onclick='copyClick()'>复制</a></div>二、JavaScriptfunction copyC...

2018-12-28 14:45:49 275

原创 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 11310

原创 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 2134

原创 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 4898

原创 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 16057 19

原创 vue-cli脚手架中使用talkingData埋点的方法

第一步：在index.html 文件中按照正常引用js文件的方法，引入talkingData文件，如下图。第二步：正常使用TDAPP.onEvent功能，但需要在方法前面加window，如下图。注：使用talkingData埋点时候最好加上try.catch判断，否则出问题后会影响代码执行，踩过很多坑，经常莫名出问题，记得有一次因为IP是江苏的都不能用，不知道为什么。 ...

2018-05-10 11:41:23 3593 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 3223

原创解决手机浏览器物理按钮返回页面不刷新问题

将下列代码放在body标签的最后，即可解决，缺点，返回页面会闪一下。希望可以给大家一些参考，谢谢。 <script type="text/javascript"> (function() { var isPageHide = false; window.addEventListener('pageshow', function() { if (...

2018-05-09 11:55:58 4251

原创 IOS中iframe的宽度自动扩大问题

最近工作中遇到将之前网页以iframe的形式插入到现有网页中业务需要，完成后在chrome浏览器上测试时并没有出现问题，然后交给测试同学时，出现问题了，iframe自动变宽了，在IOS手机上出现滚动条。解决步骤如下，亲测有效。第一步：定义 iframe 中的scrolling属性为no，设置iframe中不显示滚动条。 <iframe scrolling="n...

2017-09-05 11:37:40 4823 3

Stiven_Lu的博客