前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及Javascript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。
对浏览器来说，使用WebStorage存储键值对比存储Cookie方式更直观，而且容量更大，它包含两种：localStorage和sessionStorage
sessionStorage（临时存储）：为每一个数据源维持一个存储区域，在浏览器的此标签页打开期间存在，包括此标签页的页面重新加载
localStorage（长期存储）：与sessionStorage一样，但是浏览器关闭后，数据依然会一直存在
localStorage和sessionStorage的存储数据大小一般都是：5MB
用法说明：sessionStorage和localStorage的用法基本一致，引用类型的值需要转换成JSON进行存储
1.保存数据到本地
letobj={
name:'xiaoming',
age:18,
birthday:'2000-01-01',
}
sessionStorage.setItem('userInfo',JSON.stringify(obj))
localStorage.setItem('userInfo',JSON.stringify(obj))
注：若第二次存储的key值与第一次存储的key值相同，则会覆盖第一次的值。
2.从本地读取数据
letobj1=JSON.parse(sessionStorage.getItem('userInfo'))
letobj2=JSON.parse(localStorage.getItem('userInfo'))
3.从本地删除指定key值
sessionStorage.removeItem('userInfo')
localStorage.removeItem('userInfo')
4.清空存储的所有值
sessionStorage.clear()
localStorage.clear()
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。
