微信中H5同层Video播放器接入教程 x5-video-player-type 启用H5同层播放器 通过video属性“x5-video-player-type”声明启用同层H5播放器 x5-video-player-type支持的值类型:h5 示例: <video src="http://xxx ...
分类:
微信 时间:
2020-05-04 15:27:55
阅读次数:
147
碰撞检测 刚才回答了一个H5游戏的问答。心血来潮,就想写写碰撞检测,废话不多说,直接怼。 矩形和矩形的碰撞检测 现有rect1 = {x:0,y:0,w:5,h:5};rect2 = {x:10,y:10,w:5,h:5};。矩形我们一般拥有的都是左上角点的XY以及他的宽高WH。碰撞当然就是我中有你 ...
分类:
其他好文 时间:
2020-05-04 00:42:24
阅读次数:
63
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
其他好文 时间:
2020-05-03 20:37:52
阅读次数:
64
websocket WebSocket 是HTML5新增的一种通信协议,其特点是服务端可以主动向客户端推送信息,客户端也可以主动向服务端发送信息,是真正的双向平等对话,属于服务器推送技术的一种。 Socket.io 提供了基于事件的实时双向通讯 页面中引入 socket.io <script src ...
分类:
Web程序 时间:
2020-05-03 18:45:35
阅读次数:
165
前言 phaser是一个优秀的前端canvas库,封装了很多底层的实现,可以用来制作游戏,h5场景等。今年1月新发布了phaser3,到今天为止已经更新到了3.30。 声明 本游戏来自于phaser小站的官方教程,加入了一些个人的注释,本文旨在帮助各位观众老爷快速上手。 各位看官也可以直接移步pha ...
分类:
其他好文 时间:
2020-05-02 17:02:08
阅读次数:
76
前段时间面试过程中,频繁遇到H5异步文件上传的相关问题。还遇到过一个"通过H5拖放功能实现文件异步上传"的问题,大概知道H5有新增拖拽功能可以接收文件,如何异步上传文件就母鸡了(摊手)。面试结束后,特意去看了相关知识点,了解到H5拖放+FormData接口可以实现异步上传。为了测试文件上传是否成功, ...
分类:
Web程序 时间:
2020-05-02 09:44:51
阅读次数:
62
第一次发项目,以供大家学习参考,可能有些简陋,若有不合理处,请大神们指教。 最近在朋友圈出现了很多DIY类的H5游戏,通过添加拖拉摆放和组合元素,来DIY自定义一个场景并合成图片分享出去的新H5展示形式。笔者也用操作DOM的形式做了一个类似项目,现在整合成一个简易的框架分享给大家,只需要根据自己的需 ...
分类:
其他好文 时间:
2020-05-01 14:29:17
阅读次数:
228
效果图: html代码: <div id="date"> <p> <span id="prev">上一月</span> <span id="year">2022</span> <span id="next">下一月</span> </p> <h5 id="month">七月</h5> <ul id= ...
分类:
Web程序 时间:
2020-05-01 10:54:23
阅读次数:
115
iphonex 已经上线有一段时间了,作为业界刘海屏幕第一款机型,导致全屏不能正常的全屏显示了,,所以需要对iphonx 适配,下面就详细说说如何适配 先看一张适配前后的图: iphonex 提供的 meta 头 <meta name="viewport" content="viewport-fit ...
分类:
其他好文 时间:
2020-05-01 01:10:27
阅读次数:
89
【学海拾贝】是一个标签,用来记录我工作中碰到过的问题,在空闲时探索它的原因及原理 由来 2 年前我做 h5 项目的时候,遇到了上传图片的功能实现,于是就用了 `` 这个标签来实现图片的上传 当我点击标签,选择拍照的时候,发现出现的图片和拍照出来是不一样的,它的方向发生了旋转,这样就和拍照的样子不一样 ...
分类:
移动开发 时间:
2020-05-01 01:08:50
阅读次数:
117