题目来源
- 公众号[前端剑解-146]
[html] 请说说viewport是什么？在什么时候下使用？有什么作用？
概念
- 是网页可视区域
使用
- 网页兼容移动端的时候使用，或者说开发移动端网页使用
作用
- 让网页能够按照设定比例进行展示，减少用户缩放和观看不清
[css] 移动页面底部工具条有3个图标，如何平分？在设置边框后最后一个图标掉下去了怎么办？
- 不能使用
width:33.33%在平板上会出现很明显的白边 - 可以考虑使用flex或table来做
- 实战
掉下去
- 可以使用
box-sizing:border-box;把border包含在宽度里面即可
[js] 请举例说明动态操作DOM的方法有哪些？
- 子节点插入列表末尾添加一个节点：
appendChild() - 子节点插入到参考节点前面
insertBefore() - 子节点替换列表中的节点
replaceChild() - 移除子节点
removeChild() - 复制节点
cloneNode()
[软技能] 移动端的用户体验有哪些优化的方法？
- 扩大按钮点击区域
- 资源进行CDN缓存和本地离线缓存
- 较少dom渲染，动画使用CSS3或者启动CSS3模式的JS库
