解决HBuiderX打包vue项目为app后,cookie不能读写问题

我之前习惯将token及用户信息等存到cookie,发现HBuiderX打包vue项目为app,运行之后cookie不能读写。 后来换成存储localStorage可以解决 window.localStorage.setItem(name,value) window.localStorage...

2019-05-31 11:30:50

阅读数 56

评论数 0

使用HBuilderX 打包 vue 项目 为 App 的步骤

这里,我的项目是vue-cli构建的工程,h5移动端页面。 由于开发成本并没有用安卓或ios原生语言来开发app,而是选择将现有项目直接打包。 下面我会分享一下HBuilderX 打包 vue 项目 为 App 的步骤。希望对有需求的同学提供帮助。 原vue项目打包dist文件 1、首先以...

2019-05-31 11:23:22

阅读数 149

评论数 0

vue 不固定宽度文字超出显示...鼠标移入浮层显示全文,模拟title浮层方法

先说说思路:1、不固定宽度文字超出显示...,用的css3     overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2、文字超出的地方鼠标移入显示全文。我的思路是这样的,先获取容器的宽度、字号、全部文字,把获取的全部文字放到一...

2018-05-03 09:54:17

阅读数 3210

评论数 0

解决vue切换路由后上一个页面监听scroll滚动事件会在新页面报错问题

vue中写有滚动事件监听页面的时候,我是这样写的 mounted () {             window.addEventListener('scroll', this.handleScroll);//监听页面滚动事件         }, 这样写在当前页面是没有任何问题的,但是同...

2018-02-02 17:48:31

阅读数 2255

评论数 2

vue2.0路由切换后页面跳转后新页面滚动位置不变BUG

解决办法很简单,如下,直接监测watch路由变化,然后将body的滚动距离scrollTop赋值为0。 export default {         watch:{             '$route':function(to,from){            document....

2018-02-02 17:39:23

阅读数 1847

评论数 0

解决app内嵌h5中ios获取不到title,vue router 修改title(IOS 下动态改变title失效)

在ios下app  设置document.title = "titleName" 失效,原因是在IOS webview中网页标题只加载一次,动态改变是无效的。 vue中npm install  vue-wechat-title组件 在路由配置中添加  meta对象 如:...

2018-01-22 16:58:30

阅读数 3013

评论数 1

解决html页面中含有input输入框fixed布局底部按钮在Android和ios中被弹起的问题

html页面在安卓或ios中fixed 页面底部的按钮常常会被弹起,如图,当input获取焦点唤起软键盘的时候,下一步按钮被悬在半空中,那么如何解决呢? 起初,顶部餐饮商家头部是fixed在顶部,下一步按钮fixed在页面底部,滑动中间内容部分的时候,头部和底部是固定不动的。但是当i...

2017-12-14 13:44:12

阅读数 1310

评论数 0

解决js点击click事件在iOS设备上事件延时闪烁的问题

闪烁问题 由于在iOS Safari上click事件存在300ms响应延时,所以为touch事件添加样式,会和click事件默认样式叠加而产生闪烁问题。 因为ios safari浏览器中对触摸事件的响应顺序是: ontouchstart -> ontouchmove -> onto...

2017-12-14 10:52:39

阅读数 954

评论数 0

用better-scroll来解决ios中html5页面fixed布局不兼容问题的处理

在做webapp的时候,会遇到顶部导航,底部按钮之类的需求,前端第一想到的就是fixed定位,在Android中是没有问题的,然而在ios中却不那么尽如人意。 给大家介绍一个方法,仍然使用fixed,只不过在需要滚动部分的外层再加一层div,也是fixed布局。这里需要用到better-scrol...

2017-12-07 18:23:46

阅读数 1793

评论数 2

input框在ios中的阴影问题

在IOS下,input 和textarea表单默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉: input{ -webkit-appearance: none; }

2017-12-07 17:40:12

阅读数 6083

评论数 0

vue上拉加载更多

因为我们项目中,还用了swiper。。。很多都是滑动切换的,但是又得上拉加载,所以导致,很多UI框架,我们用了,都有不同的bug出现,没办法,最后写了一个。代码如下(这个因为很多地方会用,所以建议放在components/common下面): .loadm...

2017-11-06 15:03:06

阅读数 2862

评论数 0

js设置手机号中间几位为隐藏星代替 (正则)

var reg = new RegExp("(\\d{3})(\\d{4})(\\d{4})"); var tel = mobile.replace(reg, "$1****$3"); $('.phone').text(tel);

2017-10-12 16:06:10

阅读数 2528

评论数 0

HTML5页面被运营商进行DNS劫持问题及解决方案,app中h5页面源码的获取

App应用的html5页面经过运营商的移动网络(非wifi网络),被强制插入广告和手机管家的多余信息,在有些场景严重干扰用户的操作,也产生在美丽的页面上加入了不协调的悬浮层。并且这个手机管家类的悬浮层有时间出现,有时间不出现,神出鬼没,虽然你可以通过点击关闭手机手机关键是突然出现,有时候还关闭不了...

2017-09-18 14:40:46

阅读数 1634

评论数 0

调用微信sdk接口的录音功能

一定要引入jweixin-1.0.0.js 先来一段html代码: 录音 看看js是如何操作的 // 手指按下录音       $('.btn').on('touchstart', function(event){     event.preventDefault();//阻止浏览...

2017-09-13 15:18:39

阅读数 1333

评论数 3

cnpm 安装后cnpm不是内部命令的解决办法

今天通过网上查找的教程安装和配置了node环境,接着按照教程安装了cnpm。然而最后运用cnpm -v查看版本却出现了如下的错误:          不知道是自己在配置环境时出了什么问题,于是上网查了很多解决办法都不行,于是便自己寻找解决的办法。打开node安装目录才发现cnpm...

2017-08-17 18:27:29

阅读数 8615

评论数 8

拉钩、网易、淘宝移动端rem布局分析(转载非原创)

从网易与淘宝的font-size思考前端设计稿与工作流 本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。 这是淘宝的githu...

2017-08-16 17:47:25

阅读数 687

评论数 0

表单验证

先来看看html部分 姓名: 联系方式: 参加人数: 房间要求: 大床房 标间 套房 是否需要酒店提供早餐: 是 否 参加板块选择(可多选): A B C 酒店选择: 请选择酒店 万达皇冠假日酒店 万达文华度假酒店 敖麓谷雅酒店 哈尔滨凯宾斯基酒店 香格里拉大酒店(松...

2017-07-19 13:37:37

阅读数 214

评论数 0

20个正则表达式,让js校验不在难

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码: var reg...

2017-07-17 16:12:47

阅读数 396

评论数 0

JS生成二维码(兼容各种浏览器及中文)

本文将介绍如何使用js生成二维码,兼容各种浏览器及手机端,支持中文。 html> head> meta charset="utf-8"/> title> JS 生成二维码 title> script src="qrcode....

2017-07-11 16:49:31

阅读数 351

评论数 0

移动端布局终极解决方案hotcss

插件描述:hotcss不是一个库,也不是一个框架。它是一个移动端布局开发解决方案。使用hotcss可以让移动端布局开发更容易。 hotcss 让移动端布局开发更加容易 介绍 hotcss不是一个库,也不是一个框架。它是一个移动端布局开发解决方案。使用hotcss可以让移动端...

2017-06-21 15:51:42

阅读数 1655

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭