hotcss不是一个库，也不是一个框架，它是一个移动端布局开发解决方案。使用hotcss可以让移动端布局开发更容易。
swiper它是一个开源，免费，强大的移动端触摸滑动插件，稳定，应用广泛，文档丰富，有大量活跃用户解答疑问。
zepto是为现代智能手机浏览器推出的javascript框架，有个Jquery相似的语法和Jquery相比呢，他有很多优点，体积非常小但是功能齐全多出来一些触摸屏的事件，但是多pc的浏览器不是那么理想，尤其是IE，用它开发手机iPhone和Android网页是不错的选择。
jQuery主要是用在PC的网页中，jQuery是目前最流行的JavaScript框架，以其兼容全部主浏览器，插件丰富，代码简洁，最关键更新快，简答理解为zepto用于手机，jQuery用于电脑。
阻止事件冒泡
event.stopPropagation()方法
这是阻止事件冒泡的方法，不让事件向documen上蔓延，但是默认事件仍然会执行，当你调用这个方法的时候如果点击一个链接，这个链接仍会被打开。
event.preventDefault()方法
这是阻止默认事件的方法，调用此方法是，链接不会被打开，但是会发生冒泡。冒泡会传递到上一层的父元素。
return false 方法
这个方法比较暴力，他会用时阻止事件冒泡也会阻止默认事件，写上此代码，链接不会被打开，事件也不会传递到上一层的父元素，可以理解为return false就等于同时调event.stopPropagation()和event.preventDefault()方法
bootstrap特点
1.跨设备，跨浏览器
可以兼容所有现代浏览器，包括比较诟病的IE7.8
2.响应式布局
不但支持pc端的各种分辨率，还支持移动端pad，手机屏幕的响应式切换显示
3.提供的全面的组件
bootstrap提供了实用性很强的组件，包括导航，标签，工具条，按钮等供开发者使用
4.内置jQuery插件
bootstrap提供了很多实用性的jQuery插件，这些插件方便开发者实现web中各种常规特效，所以bootstrap依赖于jQuery
5.支持html5 css3
html5语义化标签和css3属性，都可以很好的支持。
cookies、sessionstorage和localstorage的区别？
相同点：都存储在客户端
不同点：1.存储大小 cookies数据大小不能超过4K，sessionstorage和localstorage虽然也有存储大小的限制，但比cookie大得多可以达到5M或更大
2.有效时间
localstorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据，sessionstorage数据在当前浏览器窗口关闭后自动删除。
cookie设置的cookie过期的时间之前一直有效，即使窗口或浏览器关闭。
3.数据与服务器之间的交互方式
cookie的数据会自动的传递到服务器，服务端也可以写cookie到客户端sessionstorage和localstorage不会自动把数据发给服务器，仅在本地储存。
webpack是一个模块打包工具，你可以使用webpack管理你的模依赖，并编译输出模块们所需的静态文件，它能够很好的管理打包web开发中所用到的html，Javascript，css以及各种静态文件（图片，文件等）让开发过程更加高效，对于不同类型的资源，webpack有对应的模块加载器，webpack模块打包器会分析模块间的依赖关系，最后生成了优化且合并后的静态资源。
