- 博客(17)
- 收藏
- 关注
RSS订阅
原创 不需要下载插件的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
574
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
288
原创 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
602
原创 禁止用户缩放，以及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
569
原创 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
1666
原创 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
1705
原创 vue打包一篇空白，背景图片不显示
一、打包之后一篇空白1、dist目录下文件的引用路径错误解决方案：在 config 文件下面的 index.js 文件中，找到这段代码，把 assetsPublicPath: '/'改为assetsPublicPath: './'，更改后的代码：2、路由模式被改为history,路由模式默认为hash，只要把路由模式改为默认就好。二、打包之后，背景图片不显示解决方案：找打 build...
2019-11-01 10:53:19
591
原创 控制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
520
原创 获取地址栏指定参数
由于我用的是vue，在这里仅用vue作为示范：1、新建一个js文件，名字随便起，这里以 geturl.js 作为示范，代码如下:export default { getUrlKey: function (name) { return decodeURIComponent( (new RegExp('[?|&]' + name + '=' ...
2019-10-14 17:01:03
218
原创 IOS微信浏览器，软键盘收起之后，页面底部留白，或者弹窗的按钮不可点击
IOS端的兼容着实让人头疼，直接上图，问题一：ios微信浏览器，软键盘收起后，页面底部留白在input框输入之后，此时软键盘已经收起，不难发现，页面底部有一部分留白，但是你上下滑动一下屏幕就正常了，问题二：页面无法正常点击此时你会发现此时的 “取消” 、“确认”、刷新、input输入框，都无法点击；能够点击的位置还停留在软键盘弹起时的位置，然后你滑动一下页面就可以了；当然这不是解决办法，...
2019-10-14 16:37:59
675
原创 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
154
原创 vue项目中Toast字体过小，没有边距
1、前段时间在写项目的时候使用 vant 组件库比较多，在使用vant中Toast时，在Chrome中手机模拟中测试正常，但是当网页放到手机中时字体显示特别小，但是你在vue文件中怎么添加样式都没有用；2、问题的原因可能是我之前写的那种rem适配方案的问题；解决办法在项目 App.vue 文件中添加样式，在Elements中找到toast的类名。为其添加样式，把字体的大小扩大；并添加边距就可...
2019-08-17 19:00:23
2342
原创 浏览器设置本地跨域，chrome
有的公司后台没有设置浏览器跨域，所以我们就要在本地设置浏览器跨域，我用的是谷歌浏览器，步骤如下：1、找到谷歌浏览器的安装目录，如：C:\Program Files (x86)\Google\Chrome\Application，复制此路径；2、在桌面新建记事本把 第一行 写 刚刚复制的路径；第二行 写 chrome.exe --disable-web-security --user-data-...
2019-08-16 11:39:26
491
原创 vue时间戳转换
我个人在vue项目中遇到的时间戳转换问题，是把转换时间戳单独作为一个js文件，需要用的地方直接引用，这样就不用多次在代码中去写了；一、新建js文件文件命名可以自己随便命名，这里就已 util.js 为例我是把此文件放入 /assets/js 文件夹里util.js 文件内容如下：export function formatDate(date, fmt) { if (/(y+)/.t...
2019-08-16 11:14:01
5200
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
355
原创 使用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
205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人