Web基础指南
介绍
前言
1.架构模式
1.1 App Shell 模型
2.设计与用户体验
2.1 设计最佳的用户体验
用户体验基础知识
怎样才算出色的移动网站？
2.2 无障碍功能
焦点：简介
焦点：DOM顺序至关重要
焦点：使用 tabindex
语义：简介
语义：无障碍树
语义：图像的替代文本
语义和内容导航
ARIA：简介
ARIA：标签和关系
ARIA：隐藏和更新内容
可访问的样式
如何进行无障碍评估
团队的无障碍努力
2.3 动画
CSS动画 vs JavaScript动画
缓动的基础知识
自定义缓动
在视图之间设置动画
选择合适的缓动
给模态视图设置动画
不对称的动画定时
动画与性能
2.4 响应用户界面
自适应网页设计模式
图像
多设备内容
3.整合与互动
3.1 添加到主屏幕
网络应用安装横幅
网络应用清单
图标和浏览器颜色
3.2 设备API
用户位置
设备屏幕方向与运动
打造全屏体验
一键通话
3.3 搜索优化
3.4 登录与凭据管理
检索凭据
Save Credentials from Forms
3.5 社交发现
3.6 用户输入
为网站添加触摸功能
3.7 网络支付
Deep Dive into the Payment Request API
Payment Request UX considerations
将 Android Pay 集成到支付请求中
3.8 推送通知
How Push Works
Subscribing a User
Permission UX
Sending Messages with Web Push Libraries
The Web Push Protocol
Push Events
Displaying a Notification
Notification Behaviour
Common Notification Patterns
FAQ
Web Push: Common Issues and Reporting Bugs
Video: Web Push Notifications (I/O 2016)
4.多媒体与虚拟现实
4.1 视频与音频播放
视频
Mobile Web Video Playback
What is EME?
Media Source Extensions
Media Source Extensions for Audio
Fast Playback with Video Preload
4.2 录制与保存
录制用户的音频
采集用户的图像
录制用户的视频
4.3 操作媒体文件
Application Primers
From Raw Video to Web Ready
Real-Time Effects For Images and Video
Media Manipulation Cheat Sheet
4.4 虚拟现实
WebVR 状态和注意事项
Seeing the Web from a VR Perspective
WebVR 入门指南
向 WebVR 场景添加输入
5.性能
5.1 加载性能
了解低带宽和高延迟
优化：内容效率
优化：避免不必要的下载
优化：基于文本的资产的编码和传送大小
优化：图像
优化：网页字体
优化：使用HTTP 缓存
离线指南
网页储存：概述
网页储存：Progressive Web App 的离线存储
网页储存：Best Practices for Using IndexedDB
网页储存：Using the Cache API
Offline UX 注意事项
关键渲染路径：介绍
关键渲染路径：评估
关键渲染路径：性能分析
关键渲染路径：优化
HTTP/2 简介
PRPL 模式
5.2 渲染性能
优化 JavaScript 执行
缩小样式计算的范围并降低其复杂性
避免大型、复杂的布局和布局抖动
简化绘制的复杂度、减小绘制区域
坚持仅合成器的属性和管理层计数
使输入处理程序去除抖动
6.安全
6.1 内容安全政策
6.2 传输加密
6.3 防止混合内容
什么是混合内容？
防止混合内容
7.相关技术
7.1 HTML&DOM 自定义组件
自定义元素
Shadow DOM
最佳练习
7.2 Javascript
异步函数
Promise
服务工作线程：简介
服务工作线程：生命周期
服务工作线程：注册
服务工作线程：高性能加载
附：词汇表
Powered by
GitBook
3.1 添加到主屏幕
results matching "
"
No results matching "
"