- 博客(17)
- 收藏
- 关注
原创 不需要下载插件的rem移动端适配方案,贼好用(以rem为单位写项目)
1、首先新建 rem.js 文件放入静态资源的文件夹中,rem.js 文件中放入一下代码;(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), t...
2019-08-28 18:20:27 581 3
原创 移动端常用meta标签设置
强制让文档与设备的宽度保持1:1,对页面设置不能进行缩放:<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />页面描述 <meta name="description" content="不超过150个字符"/>页面关键词<meta name="keywords" content="
2020-05-12 16:47:25 317
原创 js时间戳转换为正常时间格式
function timestampToTime(timestamp) { var date = new Date(timestamp); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; var D = (date.
2020-05-12 14:04:42 628
原创 禁止用户缩放,以及IOS10及以上版本禁止缩放失效
这里用VUE作为演示:禁止缩放,在 .html 里面,头部标签meta里面添加<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">即可完成,禁止用户缩放,但是在ios10及以上的版本中,这个...
2019-11-12 14:43:34 608
原创 vue使用Base64编码解码
一、下载包npm install js-base64 -S// 或者cnpm install js-base64 -S二、在你需要解码(编码)的文件中引用let Base64 = require('js-base64').Base64三、使用方法// 解码var a = Base64.decode()// 编码var b = Base64.encode()...
2019-11-09 10:09:37 1682
原创 js判断当前运行环境
var u = navigator.userAgent; var app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.match(/\(i[^;]+...
2019-11-01 11:00:00 1736
原创 vue打包一篇空白,背景图片不显示
一、打包之后一篇空白1、dist目录下文件的引用路径错误解决方案:在 config 文件下面的 index.js 文件中,找到这段代码,把 assetsPublicPath: '/'改为assetsPublicPath: './',更改后的代码:2、路由模式被改为history,路由模式默认为hash,只要把路由模式改为默认就好。二、打包之后,背景图片不显示解决方案:找打 build...
2019-11-01 10:53:19 630
原创 控制v-for的循环次数
<div class="minus" v-for="(item,index) in infoList.coupons.slice(0, 3)" :key="index">满{{ item.money_off }}减{{ item.use_money }}</div>通过slice返回的子数组的长度即可控制循环的次数...
2019-10-31 16:35:40 544
原创 获取地址栏指定参数
由于我用的是vue,在这里仅用vue作为示范:1、新建一个js文件,名字随便起,这里以 geturl.js 作为示范,代码如下:export default { getUrlKey: function (name) { return decodeURIComponent( (new RegExp('[?|&]' + name + '=' ...
2019-10-14 17:01:03 247
原创 IOS微信浏览器,软键盘收起之后,页面底部留白,或者弹窗的按钮不可点击
IOS端的兼容着实让人头疼,直接上图,问题一:ios微信浏览器,软键盘收起后,页面底部留白在input框输入之后,此时软键盘已经收起,不难发现,页面底部有一部分留白,但是你上下滑动一下屏幕就正常了,问题二:页面无法正常点击此时你会发现此时的 “取消” 、“确认”、刷新、input输入框,都无法点击;能够点击的位置还停留在软键盘弹起时的位置,然后你滑动一下页面就可以了;当然这不是解决办法,...
2019-10-14 16:37:59 712
原创 vue引用jQuery
在vue项目中,也有很多地方是要用到jQuery;例如:最近我在项目用要调用相机相册,就需要了;npm或cnpm下载npm install jquery --save//或者cnpm install jquery --save配置文件打开 build / webpack.base.conf.js1、在文件开头加上const webpack = require('webpack')...
2019-08-24 11:35:12 181
原创 vue项目中Toast字体过小,没有边距
1、前段时间在写项目的时候使用 vant 组件库比较多,在使用vant中Toast时,在Chrome中手机模拟中测试正常,但是当网页放到手机中时字体显示特别小,但是你在vue文件中怎么添加样式都没有用;2、问题的原因可能是我之前写的那种rem适配方案的问题;解决办法在项目 App.vue 文件中添加样式,在Elements中找到toast的类名。为其添加样式,把字体的大小扩大;并添加边距就可...
2019-08-17 19:00:23 2375
原创 浏览器设置本地跨域,chrome
有的公司后台没有设置浏览器跨域,所以我们就要在本地设置浏览器跨域,我用的是谷歌浏览器,步骤如下:1、找到谷歌浏览器的安装目录,如:C:\Program Files (x86)\Google\Chrome\Application,复制此路径;2、在桌面新建记事本把 第一行 写 刚刚复制的路径;第二行 写 chrome.exe --disable-web-security --user-data-...
2019-08-16 11:39:26 499
原创 vue时间戳转换
我个人在vue项目中遇到的时间戳转换问题,是把转换时间戳单独作为一个js文件,需要用的地方直接引用,这样就不用多次在代码中去写了;一、新建js文件文件命名可以自己随便命名,这里就已 util.js 为例我是把此文件放入 /assets/js 文件夹里util.js 文件内容如下:export function formatDate(date, fmt) { if (/(y+)/.t...
2019-08-16 11:14:01 5242 1
原创 vue中sass的使用
一、在安装sass1、cnpm install node-sass --save-dev (安装node-sass)2、cnpm install sass-loader --save-dev (安装sass-loader)3、cnpm install style-loader --save-dev ( //安装style-loader ,安装 vue-style-loader 其实是一样...
2019-08-08 19:35:06 365
原创 使用vue-cli搭建项目的流程
一、首先检查node版本和npm版本1、打开控制台输入 node -v 查看vue版本,输入 npm -v 查看版本;2、安装 淘宝镜像,也可以选择不安装,但是下载包的时候会很慢;3、 输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装淘宝镜像;二、全局安装webpack和vue-cli1、输入c...
2019-08-08 19:16:38 212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人