HTML5 July 30, 2020

响应式布局新方案

Words count 9.8k Reading time 9 mins.

原文地址

概念:融合响应式设计

本文中我们可以尝试得出一种新的解决方案,那就是利用 JavaScript 和 CSS 来进行媒体查询,是响应式设计与自适应设计结合的方案,我这里给起一个好记的名字叫做融...

Read article

HTML5 May 05, 2020

12个前端必会 H5 问题及解决方法

Words count 23k Reading time 21 mins.

原文地址

  • 1px 问题
  • 响应式布局
  • iOS 滑动不流畅
  • iOS 上拉边界下拉出现白色空白
  • 页面件放大或缩小不确定性行为
  • click 点击穿透与延迟
  • 软键盘弹出将页面顶起来、收起未回落问题
  • iPhone X 底部栏适配问题
  • 保存页面为图片和二维码问题和解决方案
  • 微信公众号 H5 分享问题
  • H5 调用 SDK 相关问题及解决方案
  • H5 调试相关方案与策略

1px问题
响应式布局

表现

上下滑动页面会产生卡顿,手指离开页面,页面立即停止运动。整体表现就是滑动不流畅,没有滑动惯性。

产生原因

为什么 iOS...

Read article

HTML5 March 19, 2018

Html5

Words count 16k Reading time 14 mins.

Video

支持的视频格式

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件(.ogg)

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件(.mp4)

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件(.mkv)

<video src="movie.ogg" controls="controls">
</video>

controls...

Read article

HTML5 February 23, 2018

后HTML5时代

Words count 16k Reading time 15 mins.

原文地址

Audio对象提供的只是音频文件的播放,而Web Audio则是给了开发者对音频数据进行分析、处理的能力,比如混音、过滤。

系统要求 :
ios6+、android chrome、android firefox

核心代码 :

var context = new webkitAudioContext();
var source = context.createBufferSource();   // 创建一个声音源
source.buffer = buffer;   // 告诉该源播放何物 
createBuffe...
Read article
0%