2018-03-04

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模块打包器会分析模块间的依赖关系，最后生成了优化且合并后的静态资源。