认识达内从这里开始

web前端编程开发是目前达内的一个主推的热门编程开发技术之一，而本文我们就通过案例分析来简单了解一下，web前端程序员需要掌握哪些编程概念。

Cookie

一：每个特定的域名下多生成20个cookie

1.IE6或更低版本多20个cookie

2.IE7和之后的版本后可以有50个cookie。

3.Firefox多50个cookie

4.chrome和Safari没有做硬性限制

二：cookie的大大约为4096字节，为了兼容性，一般不能超过4095字节

优点:极高的扩展性和可用性

1.通过良好的编程，控制保存在cookie中的session对象的大小。

2.通过加密和安全传输技术(SSL)，减少cookie被破解的可能性。

3.只在cookie中存放不敏感数据，即使被盗也不会有重大损失。

4.控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。

缺点:

1.`Cookie`数量和长度的限制。每个domain多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。

2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cookie就可以达到目的了。

3.有些状态不可能保存在客户端。例如，为了防止重复提交表单，我们需要在服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到任何作用。

浏览器本地存储

sessionStorage

本地存储一个会话(session)中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。

因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储

localStorage

用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的

webstorage和cookie的区别

Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用

cookie需要前端开发者自己封装setCookie，getCookie

link和@import的区别是

(1)link属于HTML标签，而@import是CSS提供的;

(2)页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

(3)import只在IE5以上才能识别，而link是HTML标签，无兼容问题;

(4)link方式的样式的权重高于@import的权重.

box-sizing属性

box-sizing属性主要用来控制元素的盒模型的解析模式。默认值是content-box

content-box：让元素维持W3C的标准盒模型。元素的宽度/高度由border+padding+content的宽度/高度决定，设置width/height属性指的是content部分的宽/高

border-box：让元素维持IE传统盒模型(IE6以下版本和IE6~7的怪异模式)。设置width/height属性指的是border+padding+content

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei456学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。