原文:那些H5用到的技术(1)——素材加载

编码环境 前言 什么时候用到素材加载 loading提示,让用户等待 图片的加载 音频的加载 利用神器PreloadJS 总结 编码环境 Sublime Text 插件包括: Autoprefixer 自动补全CSS ColorPicker 颜色选择器 ConvertToUTF 转码 GBK Support 支持GBK HTML CSS JS Prettify 前端代码格式化 SublimeCo ...

2017-02-07 23:07 0 2493 推荐指数:

查看详情

那些H5用到技术(4)——弹幕

前言 思路 实现 模式 无限循环模式 时间线模式 停止显示弹幕 前言 以前玩卷轴射击游戏的时候,大量的BOSS子弹让我们无路可逃的时候,让我见识到 ...

Thu Mar 09 07:28:00 CST 2017 0 3770
那些H5用到技术(6)——数字滚动特效

前言 原理 源码 使用方式 补充 CountUp.js 前言 会有这么一种情况,H5页面需要进行数字统计展示,以此来强调产品or工作的成果。如果只是静态显示一个数字,总是感觉生硬。对比如下: 是不是瞬间高大上了呢? 这个效果我是在开源中国 ...

Wed Sep 06 05:02:00 CST 2017 0 1890
那些H5用到技术(2)——音频和视频播放

前言 audio标签 Web Audio API 自动播放的问题 背景音乐的实现 立即播放的问题 SoundJS video标签 播放样式的问题 格式的问题 总结 前言 正常情况,除了非常简陋的小功能H5,音乐播放 ...

Sat Feb 18 04:51:00 CST 2017 0 4055
H5的canvas绘图技术

canvas元素是HTML5中新添加的一个元素,该元素是HTML5中的一个亮点。Canvas元素就像一块画布,通过该元素自带的API结合JavaScript代码可以绘制各种图形和图像以及动画效果。 ...

Tue Sep 12 22:34:00 CST 2017 1 5148
H5离线缓存技术

HTML5提供了很多新的功能以及相应的接口,离线存储就是其中的一个,离线存储可以将站点的一些文件存储在本地,在没有网络的时候还是可以访问到以缓存的对应的站点页面,其中这些文件可以包括htm ...

Tue Sep 27 19:35:00 CST 2016 0 16206
H5 PWA技术以及小demo

H5 PWA技术 1、原生app优缺点   a、体验好、下载到手机上入口方便   b、开发成本高(ios和安卓)   c、软件上线需要审核   d、版本更新需要将新版本上传到不同的应用商店   e、使用前需下载 2、web网页优缺点   a、开发成本低、网站 ...

Fri Nov 16 01:36:00 CST 2018 0 2006
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM