摘要: let wsuri = "ws://echo.websocket.org/"; this.websock = new WebSocket(wsuri); this.websock.onopen = this.websocketonopen; this.websock.onerror = this.w 阅读全文
posted @ 2019-03-18 14:43 懒懒de尐彪 阅读(630) 评论(0) 推荐(0) 编辑
摘要: 首先要安装一个包 vue-html5plus npm i vue-html5plus -S 然后配置这个文件 在main.js添加一串代码 var onPlusReady = function (callback, context = this) { if (window.plus) { callb 阅读全文
posted @ 2019-03-18 14:34 懒懒de尐彪 阅读(13066) 评论(3) 推荐(0) 编辑
摘要: 在vue项目中利用vue-i18n,我们可以实现多语言的切换,可以轻松搞定大部分的需求,包括中英文切换,以及词条的变更。 vue-i18n基本的使用方法 一、安装vue-i18n npm install vue-i18n --save 二、main.js中引用 import VueI18n from 阅读全文
posted @ 2019-03-14 15:30 懒懒de尐彪 阅读(1147) 评论(0) 推荐(0) 编辑
摘要: 目前移动端在项目使用的rem,安卓手机上line-height属性,让它的值等于height,结果发现是不居中的。 出现此问题的原因是Android在排版计算的时候参考了primyfont字体的相关属性(即HHead Ascent、HHead Descent等),而primyfont的查找是看`fo 阅读全文
posted @ 2019-03-14 14:44 懒懒de尐彪 阅读(1243) 评论(0) 推荐(0) 编辑
摘要: 先说ios ios之前的政策是视频只能在用户主动操作后才能播放,且播放时必须全屏。 随着 iOS 10 的正式发布,Safari 也迎来了大量更新,首先划出重点:1)iOS 10 Safari 支持特定视频自动播放;2)iOS 10 Safari 支持视频内联播放。想了解更多细节的同学请接着往下看。 阅读全文
posted @ 2018-06-22 18:15 懒懒de尐彪 阅读(4121) 评论(0) 推荐(0) 编辑
摘要: 什么是渐进式Web应用? 渐进式Web应用是一种全新的Web技术,让Web应用和原生APP的体验相近或一致。 渐进式Web应用它可以横跨Web技术及Native APP开发的解决方案,对于开发者的优势如下: 你只需要关心W3C的Web标准,不用关心各种Native APP的代码。 用户可以在安装应用 阅读全文
posted @ 2018-06-04 10:07 懒懒de尐彪 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 以前公司其他几个前端做全景都是用软件生成,由于本人比较懒,不想去折腾那个软件,于是乎就有了下面的事...... 这个是基于three.js的全景插件 photo-sphere-viewer.js ———————————————————————————————————————— 1、能添加热点; 2、 阅读全文
posted @ 2017-11-06 14:57 懒懒de尐彪 阅读(5496) 评论(0) 推荐(0) 编辑
摘要: 其实需求是这么一个基于日期的环形进度条,开始用css3写了一下感觉太麻烦了,于是抽了点时间用svg画了一个。 不多说 上代码: css: 阅读全文
posted @ 2017-05-12 15:56 懒懒de尐彪 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 直接上代码: 阅读全文
posted @ 2017-04-11 10:28 懒懒de尐彪 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 用input监听键盘keyup事件,在安卓手机浏览器中是可以的,但是在ios手机浏览器中很慢,用输入法输入之后,并未立刻相应keyup事件。 解决办法: 在ios设备上可以用html5的input事件去代替keyup。 eg: 阅读全文
posted @ 2017-01-10 15:54 懒懒de尐彪 阅读(3474) 评论(0) 推荐(0) 编辑