BS——浏览器和服务器
霜月枫桥
Web前端软件工程师
展开
-
浏览器内核和js引擎
摘要: 面试一个大公司的时候问到了一个问题,让我谈谈主要的浏览器内核以及他们的特点,当时并没有详细的回答,回来之后自己在网上找了找资料,总结了下分享给大家。简介: 在维基百科上是这样介绍浏览器内核的,网页浏览器的排版引擎(Layout Engine或Rendering Engine)也被称为浏览器内核、页面渲染引擎或模板引擎,它负责取得网页的内容(HTML、XML、图转载 2017-03-09 10:59:53 · 1262 阅读 · 0 评论 -
js断点调试心得(Chrome浏览器)
1.断点调试是啥?难不难?断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例)步骤记住没?用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开转载 2017-04-03 14:59:31 · 1627 阅读 · 0 评论 -
HTTP中GET与POST的区别详解
GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题,你的内心充满了自信和喜悦。你转载 2017-04-05 19:53:40 · 535 阅读 · 0 评论 -
DOM, DOCUMENT, BOM, WINDOW 的区别
这几个都是 JS 里面的概念。先说 DOM:DOM 全称是 Document Object Model,也就是文档对象模型。DOM 就是针对 HTML 和 XML 提供的一个API。什么意思?就是说为了能以编程的方法操作这个 HTML 的内容(比如添加某些元素、修改元素的内容、删除某些元素),我们把这个 HTML 看做一个对象树(DOM树),它本身和里面的所有东西比如 这些标签都转载 2017-04-04 18:18:38 · 589 阅读 · 0 评论 -
浅谈Web服务器和应用服务器的区别
1Web服务器和应用服务器简介 通俗的讲,Web服务器传送页面使浏览器可以浏览,然而应用程序服务器提供的是客户端应用程序可以调用(call)的方法(methods)。确切一点,你可以说:Web服务器专门处理HTTP请求(request),但是应用程序服务器是通过很多协议来为应用程序提供(serves)商业逻辑(business logic)。1。应用服务器处理业务逻辑,w转载 2017-05-04 11:45:48 · 540 阅读 · 0 评论 -
使用CORS:跨域两三事
本文为译文。简介 APIS是可以将富网页应用串连在一起的线程。但是这个应用难以转给浏览器,跨域请求技术的选择被限制了,类似JSONP(由于安全考虑,使用会被限制),或者配置代理(设置和维护都比较头痛)。 Cross-Origin Resource Sharing(CORS)是允许来自浏览器的跨域通信的W3C规范。通过设置XMLHttpRequest的头部,COR转载 2017-05-25 19:22:00 · 5338 阅读 · 0 评论 -
服务器返回到浏览器的常见信息
HTTP1xx-信息提示这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个1xx响应。100-继续。101-切换协议。2xx-成功这类状态代码表明服务器成功地接受了客户端请求。200-确定。客户端请求已成功。201-已创建。202-已接受。203-非权威性信息。204-无内容。2原创 2016-08-29 14:52:40 · 2676 阅读 · 0 评论 -
Chrome 控制台console的用法
下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。目前控制台方法和属性有:["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "ge转载 2017-05-16 18:50:02 · 402 阅读 · 0 评论 -
浏览器渲染页面的过程,以及重绘和重排
浏览器的渲染过程1,浏览器解析html源码,然后创建一个 DOM树。在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement。2,浏览器解析CSS代码,计算出最终的样式数据。对CSS代码中非法的语法她会直接忽略掉。解析CSS的时候会按照如下顺序来定义优先级:浏览器默认设置,用户原创 2017-05-23 16:30:19 · 808 阅读 · 0 评论 -
数字签名与数字证书详解
前言先看一下百度百科对数字签名和数字证书的解释:数字签名:将报文按双方约定的HASH算法计算得到一个固定位数的报文摘要。在数学上保证:只要改动报文中任何一位,重新计算出的报文摘要值就会与原先的值不相符。这样就保证了报文的不可更改性。将该报文摘要值用发送者的私人密钥加密,然后连同原报文一起发送给接收者,而产生的报文即称数字签名数字证书:转载 2017-03-16 17:31:13 · 967 阅读 · 0 评论 -
目前主流的四大浏览器内核Trident、Gecko、WebKit以及Presto
浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同转载 2017-03-09 22:24:05 · 3289 阅读 · 0 评论 -
html meta标签使用总结
meta标签作用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优化(SEO)。PS:便于搜索引擎机器人查找、分类,互联网应用应该要注意。大网站都是怎么写?在了解这个标签之前,我查找了各个主流网站他们的对于Meta的设置,如下:京东首页的Meta设置:转载 2017-02-20 16:55:07 · 901 阅读 · 0 评论 -
SSL对称加密和非对称加密详解
(一)对称加密(Symmetric Cryptography)对称加密是最快速、最简单的一种加密方式,加密(encryption)与解密(decryption)用的是同样的密钥(secret key)。对称加密有很多种算法,由于它效率很高,所以被广泛使用在很多加密协议的核心当中。对称加密通常使用的是相对较小的密钥,一般小于256 bit。因为密钥越大,加密越强,但加密与解密的过程越转载 2017-02-27 15:01:15 · 2381 阅读 · 0 评论 -
使用 JSONP 实现跨域通信
简介Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许转载 2017-04-07 11:33:20 · 878 阅读 · 0 评论 -
各主流浏览器内核介绍
所谓的“浏览器内核”无非指的是一个浏览器最核心的部分——“Rendering Engine”,直译这个词汇叫做“渲染引擎”,不过我们也常称其为“排版引擎”、“解释引擎”。这个引擎的作用是帮助浏览器来渲染网页的内容,将页面内容和排版代码转换为用户所见的视图。注:有时候我们所说的“浏览器内核”甚至“渲染引擎”,其实除了渲染引擎,也悄悄包含了javascript引擎,如WebKit,它由渲染引擎转载 2017-03-14 11:21:34 · 509 阅读 · 0 评论 -
TCP协议中的三次握手和四次挥手(图解)
建立TCP需要三次握手才能建立,而断开连接则需要四次握手。整个过程如下图所示:先来看看如何建立连接的。【更新于2017.01.04 】该部分内容配图有误,请大家见谅,正确的配图如下,错误配图也不删了,大家可以比较下,对比理解效果更好。这么久才来更新,抱歉!!错误配图如下:首先Client端发送连接请求报文,Server转载 2017-03-30 16:56:41 · 533 阅读 · 0 评论 -
身份认证的三种方法
身份验证身份验证又称“验证”、“鉴权”,是指通过一定的手段,完成对用户身份的确认。身份验证的方法有很多,基本上可分为:基于共享密钥的身份验证、基于生物学特征的身份验证和基于公开密钥加密算法的身份验证。不同的身份验证方法,安全性也各有高低。身份验证的目的是确认当前所声称为某种身份的用户,确实是所声称的用户。在日常生活中,身份验证并不罕见;比如,通过检查对方的证件,我们一般可以确信对方的身原创 2017-03-15 10:39:40 · 29250 阅读 · 1 评论 -
WEB开发之前后台JSON类型数据传值
准备:下载JSON的jar包,将其导入WEB工程的WEB-INF下的lib文件夹中,需要下载的jar包如下图所示:后台向前台传递json数据:可以只传递一个json对象,代码如下所示: /*如果你要传递的数据中有中文,则需要设置传递的数据类型,否则前台接受时可能会出现乱码*/ response.setContentType("text/html原创 2017-04-05 20:59:59 · 3087 阅读 · 0 评论