杂识

crazyersu
177 阅读2分钟

BOM对象

BOM (broswer object model)：浏览器对象

  1. location对象
  • location.href-- 返回或设置当前文档的URL
  • location.search -- 返回URL中的查询字符串部分。例如 www.dreamdu.com/dreamdu.php… 返回包括(?)后面的内容?id=5&name=dreamdu
  • location.hash -- 返回URL#后面的内容，如果没有#，返回空
  • location.host -- 返回URL中的域名部分，例如www.dreamdu.com
  • location.hostname -- 返回URL中的主域名部分，例如dreamdu.com
  • location.pathname -- 返回URL的域名后的部分。例如 www.dreamdu.com/xhtml/ 返回/xhtml/
  • location.port -- 返回URL中的端口部分。例如 www.dreamdu.com:8080/xhtml/ 返回8080
  • location.protocol -- 返回URL中的协议部分。例如 www.dreamdu.com:8080/xhtml/ 返回(//)前面的内容http:
  • location.assign -- 设置当前文档的URL
  • location.replace() -- 设置当前文档的URL，并且在history对象的地址列表中移除这个URL
  • location.replace(url);
  • location.reload() -- 重载当前页面
  1. history对象
  • history.go() -- 前进或后退指定的页面数 history.go(num);
  • history.back() -- 后退一页
  • history.forward() -- 前进一页
  1. Navigator对象
  • navigator.userAgent -- 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
  • navigator.cookieEnabled -- 返回浏览器是否支持(启用)cookie

H5

  1. h5 drag事件、实现拖拽效果

http

  1. http与https

相比于http,https是基于ssl加密的http协议

  1. http2.0

提升访问速度（可以对于，请求资源所需时间更少，访问速度更快，相比http1.0）

允许多路复用：多路复用允许同时通过单一的HTTP/2连接发送多重请求-响应信息。改善了：在http1.1中，浏览器客户端在同一时间，针对同一域名下的请求有一定数量限制（连接数量），超过限制会被阻塞。

二进制分帧：HTTP2.0会将所有的传输信息分割为更小的信息或者帧，并对他们进行二进制编码

首部压缩

服务器端推送

  1. iframe

iframe元素会创建包含另一个文档的内联框架

提示：可以将提示文字放在之间，来提示某些不支持iframe的浏览器

缺点：

  • 会阻塞主页面的onload事件
  • 搜索引擎无法解读这种页面，不利于SEO
  • iframe和主页面共享连接池，而浏览器对相同区域有限制所以会影响性能。

开发者工具技巧

avatar
文章
阅读
粉丝