跨域 和 html语义化笔记整理

一、 关于前端跨域

1）、同源：端口，域名，协议
2）、同源的目的：保证用户信息安全，防止恶意的网站窃取数据。
3）、浏览器不同域名不能访问对应的cookie，但内部表单不受限制，所以会造成跨站攻击。
4）、同源策略限制的对象：
Cookie，LocalStrorage 和IndexDB 无法读取。
DOM无法获得。
Ajax请求不能发送。
5）、突破同源策略
1.document.domain = ‘*.com’ //设置同域， 此方案仅限主域相同，子域不同的跨域应用场景。
2．Jsonp的原理，

二、 关于 WebSQl，IndexedDB

三、 关于 QPS

测试手机网速webapp页面，根据这个网速，可以给用户出一些网速比较慢的解决方案。比如跳转到简版的网页。
测试的代码：

var s = new Image();
var start = Date.now();
s.src = 'http://cdn-img.17weima.com/2018newyear/lottery/bitmap.png'; //例子 ...s.png = 3.33.5kb
s.onload = function (argument){
   var end = Date.now();
   t = end-start;
   v = (Math.round (3.33*1000)/t)+ 'kb/s';
   console.log(v)
}
s.onload()

三、 关于 html 语义化

使用div进行布局，不要用div进行无意义的包裹，尽可能少使用无语义的标签div和span
尽量少写html。
少写html可以减少dom的渲染时间，还可以避免浪费整个文件的大小。

赏

谢谢你请我吃糖果

微信