页面用的Bootstrap框架 页面布局 {代码...} 导航栏固定,页面滚动时导航栏高亮显示 方案一： {代码...} 方案二： 1. 导航栏固定不透明 {代码...} 2. 导航栏固定透明 {代码...} 方案三： 利用Bootstrap的data-spy="scroll" {代码...} 锚点平滑滚动 {代码...}

{代码...}

入门css3动画 为了让页面体验更为流畅，我们在更多的时候都会采用一些动画给页面流程增加一些耦合性 css3动画分为两类 1. 过渡动画transition(从一个状态变为另一个状态) {代码...} 2. 关键帧动画keyframes(一个动画定义多个关键帧，实现更为复杂的动画) 定义一个关键帧动画 {代码...} 将关键帧动画绑到元素上，需要使用...

由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要，可以用width:~%或者width:auto;

兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfillnpm install babel-polyfill

一直做前端工作，却从来没有开发过平板的项目，想来也是有遗憾的，孰知，新公司的第二个项目就是要适配平板，刚开始是懵的，对于兼容，感觉是自己的短板，但庆幸的是这一版只需要兼容iOS系统就可以。