dreamingbaobei的博客

在工作中遇到这样一个需求，客户要求： 1、实现在浏览器中打印和导出到word中，要求浏览器打印出来的效果和word中打印的效果基本一致。假设word中取边距为上下2.54cm，左右3.18cm，即向下边距1英寸，左右边距约1.25英寸，按96pdi计算，上下边距96px,左右边距约为120px。通过以上计算后可得A4纸96dpi下的分辨率约为793.7px×1122.5px，向下取整为宽793像素和高1122像素，这是我们在制作网页的时候需要的像素。浏览器打印机和导出word支持的样式,由于网页。

sessionStorage和localStorage是html5的新特性，和cookie一样，sessionStorage和localStorage也用于客户端存储数据，同样遵循同源策略，但sessionStorage和localStorage可以存储更多的数据，并且不会被HTTP请求携带。基于这样两点好处，sessionStorage和localStorage可以应用到更加复杂的场景中。浏...

文章目录Cookie的产生Cookie是什么Cookie的传输Cookie的存储Cookie的有效期操作浏览器Cookie获取Cookie设置Cookie删除CookieCookie的产生Web应用程序是使用HTTP协议传输数据的，HTTP协议是无状态协议，指协议对于交互没有记忆能力，浏览器与服务器的每一次交互都是新的。为了使WEB应用程序在页面之间共享数据和记录用户状态，最早有两个解决方案...

Event 对象HTML 事件是发生在 HTML 元素上的行为，如网页完成加载，输入字段被修改，按钮被点击等等，事件可以被 JavaScript 侦测到。如用户点击一个按钮，我们给这个按钮上注册的click事件就会被触发，用一个函数“应对”事件，函数的形参就是Event对象。浏览器事件是DOM API的一部分，事件是javascript和HTML交互基础。Event 对象代表事件的状态，只在...

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据，本文主要讨论 POST 提交数据的几种编码方式。

发展史1、很久很久以前，Web 基本上就是文档的浏览而已， 既然是浏览，作为服务器， 不需要记录谁在某一段时间里都浏览了什么文档，每次请求都是一个新的HTTP协议， 就是请求加响应， 尤其是我不用记住是谁刚刚发了HTTP请求， 每个请求对我来说都是全新的。这段时间很嗨皮2、但是随着交互式Web应用的兴起，像在线购物网站，需要登录的网站等等，马上就面临一个问题，那就是要管理会话，必须记...

HTTP协议是无状态协议，是指协议对于交互没有记忆能力，浏览器与服务器的每一次交互都是新的。Web应用允许使用浏览器提供的API实现将数据存储到用户的电脑上。这种客户端存储相当于赋予了Web浏览器记忆功能。比方说，Web应用就可以用这种方式来“记住”用户的配置信息甚至是用户所有的状态信息，以便准确地“回忆”起用户上一次访问时候的状态。客户端存储遵循“同源策略”，因此不同站点的页面是无法互相读...

HTTP状态码是用以表示网页服务器HTTP响应状态的3位数字代码。当用户试图通过HTTP或FTP协议访问一台运行主机上的内容时，Web服务器返回一个表示该请求的状态的数字代码。该状态代码记录在服务器日志中，同时也可能在 Web 浏览器或 FTP客户端显示。也就是我们打开页面发生错误时，浏览器显示的错误信息代码。状态代码可以指明具体请求是否已成功，还可以揭示请求失败的确切原因。所有状态码的第...

摘自：http://www.tuidc.com/idczixun/newsx/newsidc/3479.html问：MIME类型是什么？答：MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。问：MIME类型有哪些？...

当我们在浏览器地址栏输入网址，按下回车键，一直到看到页面，经历了哪些过程？1、域名解析（DNS解析）2、发起TCP连接请求(TCP的3次握手) 3、建立TCP连接后发起http请求 4、服务器响应http请求，浏览器得到html代码 5、解析html代码，并请求html代码中的资源（如js、css、图片等）6、断开TCP连接（四次挥手）7、浏览器对页面进行

2015年6月， ES2015（即 ECMAScript 6、ES6） 正式发布。ES2015 是该语言的一个显著更新，也是自 2009年 ES5 标准确定后的第一个重大更新。ES6 提供了许多新特性，但并不是所有的浏览器都能够完美支持。好在目前各大浏览器自身也加快速度兼容 ES6 的新特性，其中对 ES6 新特性最友好的是 Chrome 和 Firefox 浏览器。原文:JS - 各浏览器对...

网络协议在互联网中任何的数据传输都是基于协议传输的，网络协议是为计算机网络中进行数据交换而建立的规则、标准或约定的集合。常用的划分网络模型的方式：OSI七层模型TCP/IP四层模型HTTPhttp是一个应用层协议，它的底层是基于TCP实现的,前端的日常工作中最常接触之一的就是http协议。HTTP也叫作超文本传输协议，全称：Hyper Transfer Protocol。最初H...

前端日常发送HTTP请求一般只用到GET, POST两种方法，如果是在一个符合RESTful设计规范的应用中，常用到5个方法。PS: RESTful设计规范是前后端接口设计的一种规范，遵从了这一规范，可以大大节约沟通的成本，RESTful中借用http各种方法的语义，约定了各接口的作用。RESTful设计规范中的五个方法一、GET方法最常用的方法，它是发送一个请求来获取服务器上的资源，资源...

什么是浏览器同源策略同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。它的核心就在于它认为自任何站点装载的信赖内容是不安全的。当被浏览器半信半疑的脚本运行在沙箱时，它们应该只被允许访问来自同一站点的资源，而不是那...

浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。用户用URI来指定所请求资源的位置，关于URI的部分在之后的HTTP协议这部分再进行详细的研究。