web前端
文章平均质量分 65
Guody-web
学如逆水行舟,不进则退。
展开
-
QRCode.js 二维码生成并能够长按识别
今天天气很好,窗外云卷云舒,温度适宜,煦风。 泡一杯茶,坐下来,静下心,思绪在我的代码王国里翱翔,飞呀飞呀我的骄傲放纵。。。 。。飞累了,就停下来说说QRCode.js生成二维码这头事吧!QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。原创 2017-05-12 11:24:30 · 9232 阅读 · 1 评论 -
H5使用localResizeIMG插件压缩图片后并上传
需求情景:我要用H5做一个创建房间页面,注册时需要上传房间头像、房间名称、房间描述这三项,传到后台并提示用户创建成功。页面很简单,跟后台也很快调试通了,能够创建成功。 可是,有一点忽略了,开发测试时用的头像图片只有20K左右,点击创建后反应很快就创建成功。然而,在正式测试的时候,发现了一个严重问题,点击提交按钮后,等待响应时间太久(大约10—15秒),才提示注册成功,罪魁祸首就是头像上传的图片太大原创 2017-07-28 14:01:04 · 2118 阅读 · 0 评论 -
阿拉伯语在H5页面中排版问题解决
需求: 最近,公司要开发一款新的app来面向国际市场,首先推向中东地区用户(阿拉伯语)。 app中有部分功能需要用H5页面来实现,阿拉伯语的页面排版跟中文相反,布局从右向左。其中页面中文字默认右对齐,且从右向左读。原创 2017-11-02 19:19:45 · 5957 阅读 · 2 评论 -
H5页面中的视频轮播(类似于banner轮播图效果)
先说下我的需求,如下图: 手机模型中间部分是视频播放,当一条视频播放完毕后,整屏会自动上滑切换到下一个视频。提起轮播,我们看到的最多的就是banner轮播图,而提起轮播图,我会马上想起用Swiper。 一开始为了快速开发,就想着用swiper来实现切换视频的轮播效果,但是尝试后发现两个严重的问题:原创 2017-05-12 12:27:20 · 27088 阅读 · 10 评论 -
通过ping++平台完成移动端H5支付
需求:公司要求增加移动端H5支付入口,从而能够充值虚拟金币,用以购买公司的增值服务。支付方式包括:微信和支付宝。 说明一下具体支付渠道:微信支付方式用到的是微信 WAP 支付(wx_wap),即基于微信外部浏览器的支付; 支付宝用到的是支付宝手机网页支付(alipay_wap)。原创 2017-10-17 16:40:55 · 3424 阅读 · 4 评论