第118天（2018-11-30）

• [html] 举例说明table怎么合并行和列的？
• [css] 使用纯CSS代码实现动画的暂停与播放
• [js] 你有用过webRTC吗？它有什么运用场景？
• [软技能] 说说你对Web App 、Hybrid App和Native App这三者的理解？

题目一：
多条信息中同一类别（例学生的班级），纵向合并table表格单元格
rowspan属性用在td标签中，用来指定单元格纵向跨越的行数，可以理解为是占了多少位置而不是合并了多少个格子。被占了位置的那一条信息就不用再加同类别td了。
多类别想放到同一格里（例学生的姓名、年龄要放到同一格子），横向合并table表格单元格
colspan属性用在td标签中，用来指定单元格横向跨越的列数
题目二：
来源http://www.vcchar.com/thread-25016-1-1.html
一个属性：animation-play-state
取值：paused（暂停）|running（播放）
hover取代点击
.stop:hover~.animation {
animation-play-state: paused;
}

checked伪类
radio标签的checked伪类，加上实现点击响应

stop:checked ~ .animation {

animation-play-state: paused;
}

play:checked ~ .animation {

animation-play-state: running;
}

题目三：
WebRTC代表“Web实时通信”。这基本上允许在浏览器中进行语音、视频聊天和P2P共享（实时通信）
实际应用的要求来源https://www.zhihu.com/question/25497090/answer/43395462
用WebRTC来做视频直播
一个实现了WebRTC相关协议的客户端。比如Chrome浏览器
架设一个类似MCU系统的服务器
第一步，直播的客户端，比如Chrome浏览器，通过WebRTC相关的媒体API获取图像及声音信源，再用WebRTC中的通信API将图像和声音数据发送到MCU服务器。
第二步，MCU服务器根据需求对图像和声音数据进行必要的处理，比如压缩、混音等。
第三步，需要看直播的用户，通过他们的Chrome浏览器，链接上MCU服务器，并收取服务器转发来的图像和声音流。
入门https://zhuanlan.zhihu.com/p/59520779

题目四：
来源https://zhuanlan.zhihu.com/p/54624442
Native App：原生应用，在android端通常使用Java或Kotlin开发，ios端使用OC或者Swift开发
Hybrid App：混合应用，结合Web与Native技术开发
Web App：web应用，网页三剑客html+css+js