Web前端优化最佳实践及工具集锦 2015/03/11 · JavaScript · Web开发, 工具 原文出处: CSDN 王果 编译整理    前端的性能对于一个Web应用来说非常重要,如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应,那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。 你的Web页面的速度是否已经足够快了?其实可能还有很多可以提升 […]

3、我这里着重介绍下我具体是怎么监听任何App自带的返回键,以及安卓机里的物理返回键。 那为什么我要去监听呢,这里我有必要强调强调再强调。苹果手机不管是微信、QQ、App,还是浏览器里,涉及到audio、video,返回上一页系统会自动暂停当前的播放的,但不是所有安卓机都可以。所以我们自己必须自定义监听。很多朋友可能第一想法就是百度,然后出来的答案无非是这样 pushHistory(); wind […]

iPhone X 适配手Q H5 页面通用解决方案 2017/11/12 · HTML5 · 8 评论 · iPhone X 原文出处: 林焕彬    导语: iPhone X的出现,一方面对于整个手机行业的发展极具创新领头羊的作用,另一方面也对现有业务的页面适配带来了新的挑战。 对于手Q中的各业务来说,受iPhone X影响的H5页面挺多,应该采取什么快速有效的办法来应对呢? 目前的H5页面可以 […]

H5 游戏开发:游戏引擎入门推荐 2017/12/28 · HTML5 · 1 评论 · 游戏引擎 原文出处: 凹凸实验室    HTML5游戏从2014年Egret引擎开发的神经猫引爆朋友圈之后,就开始一发不可收拾,今年《传奇世界》更是突破流水2000万!从两年多的发展来看,游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于 2D 或者 3D 的场景。作为一名开发者,分析了当下最火 […]

H5 动画:轨迹移动 2017/11/10 · HTML5 · 动画 原文出处: 凹凸实验室      动画,是指由许多帧静止的画面,以一定的速度(如每秒16张)连续播放时,肉眼因视觉残象产生错觉,而误以为画面活动的作品。 在 Web 开发中,经常需要实现各种动画效果,例如:移动、变形、透明度变化等,今天我们主要来讨论各种移动的实现。 点评:SVG拥有良好的用户交互性:SVG能响应大部分的DOM2 […]

WebSocket:5分钟从入门到精通 2018/01/08 · HTML5 · 1 评论 · websocket 原文出处: 程序猿小卡    一、内容概览 一、内容概览 WebSocket的出现,使得浏览器具备了实时双向通信的能力。本文由浅入深,介绍了WebSocket如何建立连接、交换数据的细节,以及数据帧的格式。此外,还简要介绍了针对WebSocket的安全攻击,以及协议是如何抵御类似攻击 […]

H5游戏开发:套圈圈 2018/01/25 · HTML5 · 游戏 原文出处: 凹凸实验室      H5 游戏开发:推金币 2017/11/10 · HTML5 · 1 评论 · 游戏 原文出处: 凹凸实验室    近期参与开发的一款「京东11.11推金币赢现金」(已下线)小游戏一经发布上线就在朋友圈引起大量传播。看到大家玩得不亦乐乎,同时也引发不少网友激烈讨论,有的说很带劲,有的大呼被套路被 […]

H5 游戏开发:推金币 2017/11/10 · HTML5 · 1 评论 · 游戏 原文出处: 凹凸实验室    近期参与开发的一款「京东11.11推金币赢现金」(已下线)小游戏一经发布上线就在朋友圈引起大量传播。看到大家玩得不亦乐乎,同时也引发不少网友激烈讨论,有的说很带劲,有的大呼被套路被耍猴(无奈脸),这都与我的预期相去甚远。在相关业务数据呈呈上涨过程中,曾一度被微信「有关部门」盯上并要求 […]

H5游戏开发:消灭星星 2018/01/25 · HTML5 · 游戏 原文出处: 凹凸实验室    「消灭星星」是一款很经典的「消除类游戏」,它的玩法很简单:消除相连通的同色砖块。 H5游戏开发:一笔画 2017/11/07 · HTML5 · 游戏 原文出处: 凹凸实验室    1. 游戏规则 「消灭星星」存在多个版本,不过它们的规则除了「关卡分值」有些出入外,其它的规则都是一样的。笔者介绍的 […]

六、判断进球、监听睡眠状态 通过开启一个 tick 事件不停的监听球在运行时的位置,当到达某个位置时判定为进球。 另外太多的篮球会影响性能,所以我们使用 sleepStart 事件监听篮球一段时间不动后,进入睡眠状态时删除。 JavaScript … Matter.Events.on(this.engine, ‘tick’, function() { count […]

H5 游戏开发:指尖大冒险 2017/11/29 · HTML5 · 游戏 原文出处: 凹凸实验室    在今年八月中旬,《指尖大冒险》SNS 游戏诞生,其具体的玩法是通过点击屏幕左右区域来控制机器人的前进方向进行跳跃,而阶梯是无穷尽的,若遇到障碍物或者是踩空、或者机器人脚下的阶砖陨落,那么游戏失败。 笔者对游戏进行了简化改造,可通过扫下面二维码进行体验。   《指尖大冒险》SNS 游戏简化版 该 […]

主流浏览器图片反防盗链方法总结 2018/04/24 · HTML5 · 防盗链 原文出处: Myths    场景 最近公司项目需求中涉及到需要引用微信朋友圈中的图片资源,结果被腾讯的防盗链系统拦截,所有的图片都变成了令人尴尬的模样。今天咱们讨论的主题即看我如何习得化解之法 防盗链效果图 前言 还记得之前写的那个无聊的插件,前一段时间由于豆瓣读书增加了防盗链策略使得我们无法直接引用他们的图片,使 […]

每日最新小程序推荐 半个月前的微信公开课上,微信团队公布了已满周岁的小程序所取得的成绩:1.7亿日活用户、58万个小程序、100万个开发者加入。这些数字昭示着小程序在被越来越多的用户所接受。随着小程序类型和使用的人越来越多,部分火爆的小程序便冒了出来,比如抢红包类小程序,今天就带大家一起来见识一下。 微信小程序搜索:柠檬抽奖,每日可以免费抽奖,许愿,完全免费的一款小程序,也可以自己发奖抽奖,聚会娱 […]