移动端折纸效果菜单开发学习

移动端折纸效果菜单开发学习 学习了移动端页面基础相关内容掌握了使用HTML5语义结构搭配无序列表完成页面布局理解viewport视口标签在移动端适配中的作用学会rem相对单位的使用方式借助JavaScript获取设备屏幕宽度动态修改html根节点字体大小实现页面在不同移动设备上的自适应展示CSS部分学习了盒模型设置、绝对定位来完成卡片叠放效果利用transition过渡实现平滑动画通过不同类名来区分菜单折叠与展开的两种状态同时熟悉了移动端Zepto库的使用掌握类选择器和子选择器选取元素使用find()、parent()等方法操作DOM元素借助each()循环遍历元素修改样式学会自定义函数封装菜单收起逻辑利用on()绑定mousedown、click事件实现菜单展开收起和菜单项点击交互通过addClass、removeClass、is()方法判断和切换元素状态以及使用data()获取自定义属性e.preventDefault()阻止链接默认跳转行为完整实现移动端折纸特效菜单的交互开发了解移动端网页特效开发的整体流程与思路。