前台开发总结11——20171115

一、各主流浏览器cookie大小一般为4K,
get请求方式，传递数据的长度为2K,
session大小有限制，具体是多少不清楚，但是不建议session太大，容易宕机。

二、使用SSL对信息进行加密，可以确保信息的传输安全，但是却会降低传输效率。
如果普通的http访问的效率为100%，那么使用https访问的效率便是40%——50%之间，
而使用Stunnel加密，传输的效率为50%

三、在Firewalls出现之前，Linux是使用host allow进行对访问者IP的限制。
在Linux中，不要将所有的服务都放在root用户下。最好是为每项服务创建一个相应的用户，然后将对应的服务放在对象的用户下。

四、在js中，可以使用element.classList中的方法，如增加add,删除remove，toggle交替，contains包含等，设置元素的class属性。
element.classList.add('demo');
也可以使用element.classList='demo';进行添加class属性，用法相当于classList.add('demo');

五、后台获取接口信息
使用URL类，自定义参数建立连接，

六、js动态创建select元素及其内容

var select=document.createElement("select");
select.id="selectDemo";
select.style.width="100px";
document.body.appendChild(select);
select=document.getElementById("selectDemo");
var arr=['xyong','zhangsan','lisi','wangwu','liliu'];
for(var i=0;i<5;i++){
    select.options[i]=new Option(arr[i],i);
}
select.options[0].selected=true;

new Option();的参数值有三个，第一个是显示的文本，第二个是value值，第三个参数值若设置为true，则会为该项添加一个属性值selected。

七、在前端开发中，为了方便调样式，通常会在一个编辑器中编写HTML代码，然后在本地浏览器中查看效果。但是，有一些前端却需要在服务器中运行，否则会无法实现该功能（<a>的download属性可以重命名下载文件名）或报跨域（CanvasRenderingContext2D对象的getImageData()方法。汗，页面和服务器没有一毛钱关系，竟然会报跨域）。

八、addEventListener和on的区别
addEventListener可以多次绑定同一个事件并且不会覆盖上一个事件；
on当有多个同一事件时(例如onclick)，后面的方法会覆盖前面的方法
注意：addEventListenert方法第一个参数填写事件名，注意不需要写on，第二个参数可以是一个函数，第三个参数是指在冒泡阶段还是捕获阶段处理事件处理程序,如果为true代表捕获阶段处理,如果是false代表冒泡阶段处理，第三个参数可以省略，大多数情况也不需要用到第三个参数,不写第三个参数默认false

九、初始化JS数组，并为其附初始值

var arr=new Array(41);
arr=arr.join("1,").split(",");
arr.length--;
//这样就创建了一个初始值为1，长度为40的数组