前端那些事三（网络浏览器）

浏览器网络相关：

  1. OSI的七层模型、TCP/IP四层模型

    1. TCP的三次握手（为什么要三次握手，一次呢？四次挥手是什么？）
    2. 输入URL到页面加载完成需要哪几步？
    3. TCP和UDP的区别
  2. 报文
  3. HTTP的特点？（快速灵活，为什么用http不用其他的？）
  4. HTTP有哪些方法？常用有哪些？
  5. get和post的区别是什么？
  6. options的作用？
  7. HTTP状态码？
  8. http1和http2的区别？
  9. 讲出至少五种解决跨域的办法，jsonp（写一个简易jsonp），CORS
  10. jsonp的优缺点？
  11. http和https的区别
  12. http缓存都有哪些，强缓存和协商缓存有什么区别
  13. localStorage 与 sessionStorage 与cookie的区别总结
  14. 什么是同源策略，为什么出现跨域问题？请求方式，域名和端口不同
  15. 什么是事件委托，事件捕获
  16. DNS缓存，原理
  17. WebSocket属于什么（简单应用API），原理

  1. OSI的七层模型、TCP/IP四层模型

  • TCP的三次握手（为什么是三次握手，一次呢？四次挥手是什么？）
  • 输入URL到页面加载完成需要哪几步？
  • TCP和UDP的区别
  1. OSI的七层模型：物理层、数据链路层、网络层、传输层、会话层、表示层、应用层。
  2. TCP/IP：网络接口层/链路层、网络互联层、传输层、应用层。

1.1 TCP三次握手

https://www.jianshu.com/p/f1b3decb07f8

  • 客户端向服务器发送SYN包，等待服务器确认；
  • 服务器收到SYN包，需要确认后向客户端发起一个SYN包；
  • 客户端收到服务器的SYN+ACK包后则向服务器发起确认包，完成三次握手。

为什么不能一次或两次？

因为客户端和服务器都要做好发送数据的准备后，才能建立通信。防止了服务器端的一直等待而浪费资源。

tcp是一个全双工的协议，意思是客户端和服务端之间的通信可以同时来回流动，为了保证通信的可靠性以及确定对方能收到自己的请求，tcp采用半关闭原则，意思是在收到一个请求后必须发送回复请求，只通信一次或者两次无法确定对方是否收到请求

  1. 1.1 四次挥手其性质为终止协议
  • TCP客户端发送一个FIN，用来关闭客户到服务器的数据传送。
  • 服务器收到这个FIN，它发回一个ACK，确认序号为收到的序号加1。和SYN一样，一个FIN将占用一个序号。
  • 服务器关闭客户端的连接，发送一个FIN给客户端。
  • 客户端发回ACK报文确认，并将确认序号设置为收到序号加1。

保证数据接收完整。

1.2 输入URL到页面加载完成需要哪几步？

  1. 输入网址URL
  2. 是url还是字符串 搜索引擎
  3. 缓存机制，判断本地是否有缓存，
  4. 没有缓存，DNS解析（解析得到IP），https建立TLS连接
  5. 解析的时候，服务器负载均衡
  6. TCP连接（三次握手）
  7. 发送http请求（请求方法，get、post）
  8. 接受响应，判断状态码选择处理方式（返回http状态码）
  9. 判断缓存
  10. 解码
  11. 渲染
  12. 连接结束（四次挥手）
  13. 下载html dom树，下载css OM树，结合rander树

参考：https://zhuanlan.zhihu.com/p/34288735

https://mp.weixin.qq.com/s?__...

1.3 TCP和UDP的区别

  • TCP：一对一；面向连接；面向字节流；传输大量数据；速度慢；（web开发，http）
  • 优点：可靠，通过TCP连接传输的数据无差错、不丢失、不重复，并且能够按序到达。
  • UDP：一对多；面向非连接（发送数据前不需要建立连接）；面向报文；传输少量数据，速度快；（应用：直播，视频，应用程序）
  • 缺点：不保证交付可靠，丢包。

前端那些事三（网络浏览器）_第1张图片

  1. 报文

1. 请求报文（发送请求的报文）：

  1. 请求头Request Headers：
  • Accept ：请求报文可通过一个“Accept”报文头属性告诉服务端 客户端接受什么类型的响应。
  • Cookie ：客户端的Cookie就是通过这个报文头属性传给服务端的哦！
  • Referer ：表示这个请求是从哪个URL过来的
  • Cache-Control ：对缓存进行控制，如一个请求希望响应返回的内容在客户端要被缓存一年，或不希望被缓存就可以通过这个报文头达到目的。
  1. 请求行：
  • HTTP方法，get/post请求
  • HTTP协议
  1. 请求体：

2. 响应报文（服务端相应的报文）

状态行，响应首部，内容实体，

  1. HTTP协议的主要特点？（快速灵活，为什么用http不用其他的？）

http是超文本传输协议，应用层协议的一种，应用层协议：DNS、FTP、SMTP、HTTP、SNMP、Telnet。

特点：简单快速灵活，属于应用层的面向对象的协议，基于TCP的可靠传输。

http是不保存状态的协议（无状态协议）

  1. HTTP有哪些方法？常用有哪些？

  2. GET（获取）
  3. POST（传输）
  4. PUT（更新）
  5. DELETE（删除）
  6. HEAD（获取报文首部）
  7. OPTIONS（询问）
  8. CONNECT

  9. get和post的区别是什么？

  • 数据类型：get只接受ASCII字符，而post没有限制，允许二进制。
  • 前进/后退：get在浏览器回退/刷新时是无害的，而post会再次提交请求。
  • 请求长度：get长度取决于浏览器窗口的长度，post长度不限制
  • 缓存：get能被缓存，post不能。
  • 请求次数：get请求一次（请求头请求体一起发送），post请求两次（先发送请求头，等100 continue，然后再发送请求体，连着发送）。
  • 安全性：post比get 更安全，因为GET参数直接暴露在URL上，POST参数在HTTP消https息主体中，而且不会被保存在浏览器历史或 web 服务器日志中，。
  • 编码格式：post支持多种编码格式 gbk utf-8
  • GET产生一个TCP数据包，浏览器会把http header 和 data 一并发送
  • POST产生两个TCP数据包（除了FireFox）先发送header,浏览器响应100 continue,浏览器再发送data

specification ： 相关的RFC，

  1. options的作用？

  2. 检测服务器所支持的请求方法
  3. CORS中的预检请求（检测某个接口是否支持跨域）

  4. HTTP状态码，http响应，信息响应？

  • 1开头：接受继续处理，（100 continue）
  • 2开头：表示成功 (200成功并返回 201已创建 202接收 203成功未授权 204成功无内容)
  • 3开头：重定向（301永久重定向，302临时重定向，304有缓存不用更新）
  • 4开头：客户端错误（400语法错误，403禁止被访问，没有权限，404资源页面不存在）
  • 5开头：服务端错误（500后端服务器挂了，501服务器不支持无法处理，502网关错误，后台建立连接超时，503服务器内部错误，504后台未建立连接超时，505不支持http协议版本）

前端那些事三（网络浏览器）_第2张图片

https://mp.weixin.qq.com/s?__...

  1. URI 一个资源文件的不同辨表示方法

  • URI：统一资源标识符
  • URL：统一资源定位符
  • URN：统一资源名称

  1. 串行连接 持久连接 管道化持久连接 HTTP2.0多路复用

  • 串行连接： http1.0版本，每次发请求都要建立新的TCP连接，每次通信后都要断开TCP连接。
  • 持久连接：http1.1，连段没有提出断开连接，则保持持久TCP连接。
  • 管道化持久连接: 不用等待响应返回而发送下个请求并按数据返回响应。
  • HTTP2.0多路复用：http2.0
  • websocket: HTML5，客户端主动向服务器发请求，建立连接后。

  1. http1和http2的区别？ 超文本传输协议

影响一个 HTTP 网络请求的因素主要有两个：带宽和延迟。

浏览器为每个域名最多同时维护6条TCP持久连接。

影响http1.1效率的因素是TCP启动慢，多条TCP竞争带宽，出现队头阻塞的问题，为了解决这个问题，http2采用通过引进二进制分帧层，多路复用，服务器推送，头部压缩。

1）在HTTP 1.0中，客户端的每次请求都要求建立一次单独的连接，在处理完本次请求后，就自动释放连接。

2）在HTTP 1.1中则可以在一次连接中处理多个请求，并且多个请求可以重叠进行，不需要等待一个请求结束后再发送下一个请求。采用了keep-alive。

  1. http1的主要问题：

  2. 第一个原因，TCP 的慢启动，因为三次握手。
  3. 第二个原因，同时开启了多条 TCP 连接，那么这些连接会相互竞争固定的带宽。
  4. 第三个原因，HTTP/1.1 队头阻塞的问题，只有一个TCP管道。

  5. http1.1:

增加了持久连接；

浏览器每个域名同时维护6个TCP持久连接。

缺点：对带宽的利用率不强，(每秒最大发送接收的字节数)

  1. http2：

  2. 解决方案：要解决一个域名只使用一个TCP 长连接和消除队头阻塞问题。
  3. 优点：可以设置请求的优先级，支持服务器推送，大幅度的提升了 web 性能。
  4. 问题：队头阻塞无法解决，丢包率增加（）

  5. 区别：http2采用通过引入二进制分帧层，

  • 多路复用机制（MultiPlexing）：在TLS层，增加一个二进制分帧层，

TLS协议是会话层的安全传输协议，

即连接共享，即每一个request都是是用作连接共享机制的。一个request对应一个id，这样一个连接上可以有多个request，每个连接的request可以随机的混杂在一起，接收方可以根据request的 id将request再归属到各自不同的服务端请求里面。

  • 新的二进制格式（Binary Format），将请求分帧传输，可以进行二进制分帧层，HTTP1.x的解析是基于文本。基于文本协议的格式解析存在天然缺陷，文本的表现形式有多样性，要做到健壮性考虑的场景必然很多，二进制则不同，只认0和1的组合。基于这种考虑HTTP2.0的协议解析决定采用二进制格式，实现方便且健壮。

二进制分帧层：分段带ID传输。

  • 头部压缩，对请求头和响应头进行压缩，减小体积。
  • 服务器推送（server push），同SPDY一样，HTTP2.0也具有server push功能。
  • 设置请求的优先级：
  1. HTTP2的持久连接和管线化：

  2. http3：

HTTP3：基于UDP协议推出一个QUIC协议，

在UDP基础上新增多路复用，0-RTT，使用TLS1.3加密，流量控制，有序交付，重传等。

  • 避免包阻塞：
  • 快速重启会话：

  1. 什么是浏览器同源策略？为什么会出现跨域问题？（请求方式，域名和端口不同）

  • 一种安全策略，保护本地数据，为了防止XSS、CSFR等攻击。
  • 同源的定义：协议（请求方式）、域名、端口相同。因为存在浏览器同源策略，所以才会有跨域问题。
  • 同源策略分为两种：

DOM 同源策略：禁止对不同源页面 DOM 进行操作。这里主要场景是 iframe 跨域的情况，不同域名的 iframe 是限制互相访问的。

XMLHttpRequest 同源策略：禁止使用 XHR 对象向不同源的服务器地址发起 HTTP 请求。

浏览器同源策略：https://www.cnblogs.com/laixiangran/p/9064769.html

了解预检请求嘛？

  • 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源
  • 防止XSS、CSFR等攻击, 协议+域名+端口不同
  • jsonp; 跨域资源共享（CORS）(Access control); 服务器正向代理等

预检请求: 需预检的请求要求必须首先使用 OPTIONS 方法发起一个预检请求到服务器，以获知服务器是否允许该实际请求。"预检请求“的使用，可以避免跨域请求对服务器的用户数据产生未预期的影响

  1. 代理服务器

代理服务器：客户端和服务端之间的中间商，可以作为缓存服务器。

  • 正向代理：
  • 反向代理：
  • 反向代理解决跨域问题：两个服务器之间通信。

本地服务器在浏览器向本地服务发起请求》本地代理转发》目标服务器》响应数据后通过代理伪装成本地服务器请求的返回值》浏览器接收到目标服务器的数据

  • vue的proxyTable的作用，解决跨域问题。怎么实现。

与服务器联调的时候 vue.config.js， proxy设置请求反向代理

缓存服务器：频繁访问网络内容。提高访问速度。浏览器和原服务器之间的中间服务器。

  1. 解决跨域的办法，常用：

  2. jsonp 跨域：

jsonp 跨域通过script的src获取callback请求资源进行文件的传输，然后返回一个函数调用；

  1. 优点：兼容性好（兼容IE）
  2. 缺点：只支持get一种请求，不是官方API，容易受到xss攻击。
  3. 原理：script的src属性默认支持跨域

  4. 跨域资源共享（CORS）：修改响应头

  • 跨域资源共享（CORS）允许浏览器跨源服务器，需要浏览器和服务器同时支持，需要在服务器上配置Access-Control-Allow-Origon。

*不能带cookie

  • 简单请求：请求方式：get、post、head
  • 非简单请求：先发一次预检请求（options）：put、delete

options是预检请求，在真正的请求发送出去之前，浏览器会先发送一个options请求向服务询问此接口是否允许我访问

浏览器在当前真实请求是非简单请求且跨域的情况下会发起options预检请求

与JSONP相比：

  • JSONP只支持get请求，cors支持所有请求（get、post）；
  • JSONP支持性好，兼容老版本浏览器。

参考：http://www.ruanyifeng.com/blog/2016/04/cors.html

  1. hash： window.location

hash：location.hash + iframe；

  1. postMessage：

postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。

Awindow.postMessage(data,origin)

A窗口向B窗口发送请求：Awindow.postMessage('data','http://B.com')

  1. WebSocket协议跨域：

WebSocket协议跨域：HTML5一种新的持久化协议，用于H5聊天，即时线上跨域。

实时聊天，基于TCP协议，短轮询，浪费带宽，

长轮询，

http单向数据流，websocket链接客户端和服务器，在ws里

scoket.io

WebSocket心跳检测

不常用：

  1. nginx反向代理接口跨域：

同源策略是浏览器的安全策略，不是HTTP协议的一部分。服务器端调用HTTP接口只是使用HTTP协议，不会执行JS脚本，不需要同源策略，也就不存在跨越问题

  1. document.domain + iframe跨域：

两个页面都通过js强制设置document.domain为基础主域，就实现了同域.但是仅限主域相同，子域不同的跨域应用场景

  1. http和https的区别

http：因为http是无状态，明文传输的，容易造成中间人攻击，所以在http协议中加入安全层，加入SSL/TLS安全层，增加加密/解密的方式，相比http协议更安全。

SSL/TLS安全层：对发起 HTTP 请求的数据进行加密操作和对接收到HTTP 的内容进行解密操作。

TLS/SSL 的功能实现主要依赖于三类基本算法：散列函数 、对称加密和非对称加密散列函数 ，散列算法，MD5

RSA算法

https：安全，请求时间长，加载慢，花钱，证书

https安全性:

  1. 对称加密：加密和解密使用的密钥是相同的
  • 传输方式：

浏览器：发送加密套件列表和一个随机数 client-random，

服务器：从加密套件列表中选取一个加密套件，还会生成一个随机数 service-random，并将service-random 和加密套件列表返回给浏览器。最后浏览器和服务器分别返回确认消息。

  • 缺点：容易被破解

前端那些事三（网络浏览器）_第3张图片

  1. 非对称加密：A、B两把密钥，公钥，私钥

缺点：效率低，影响速度，无法保证服务器到浏览器的安全

前端那些事三（网络浏览器）_第4张图片

  1. 对称加密+非对称加密：用非对称加密的方式 传输 对称加密里的密钥，

非对称加密使用时，生成pre-master（两个随机数计算）。

优点：速度快+安全。

前端那些事三（网络浏览器）_第5张图片

  1. 添加数字证书（消费）：向CA证书机构申请数字证书，包含数字签名，非对称加密的公钥和个人信息。

证书的作用：一个是通过数字证书向浏览器证明服务器的身份，另一个是数字证书里面包含了服务器公钥。

证书也有公钥和私钥。证书加密一次，

CA证书用公钥，hash值，。

加密套件列表：客户端支持的加密和非对称加密的方式

前端那些事三（网络浏览器）_第6张图片

  1. 浏览器如何验证数字证书
  • 有了 CA 签名过的数字证书，当浏览器向服务器发出请求时，服务器会返回数字证书给浏览器。浏览器接收到数字证书之后，会对数字证书进行验证。
  • 首先浏览器读取证书中相关的明文信息，采用 CA 签名时相同的 Hash 函数来计算并得到信息摘要 A；然后再利用对应 CA 的公钥解密签名数据，得到信息摘要 B；对比信息摘要 A 和信息摘要 B，如果一致，则可以确认证书是合法的，
  • 即证明了这个服务器是极客时间的；同时浏览器还会验证证书相关的域名信息、有效时间等信息。
  1. 区别：
  • HTTP 的URL 以http:// 开头，而HTTPS 的URL 以https:// 开头
  • HTTP 是不安全的，而 HTTPS 是安全的
  • HTTP 标准端口是80 ，而 HTTPS 的标准端口是443
  • 在OSI 网络模型中，HTTP工作于应用层，而HTTPS 的安全传输机制工作在传输层
  • HTTP 无法加密，而HTTPS 对传输的数据进行加密
  • HTTP无需证书，而HTTPS 需要CA机构wosign的颁发的SSL证书

  1. https是如何加密的？

  2. 密钥传输的过程，服务器做了什么事？浏览器做了什么事？密钥怎么传的？对称加密要怎么传？数字证书怎么校验？

  3. 常见加密算法有哪些？

  4. 浏览器缓存，强缓存和协商缓存有什么区别

https://mp.weixin.qq.com/s/Wvc0lkLpgyEW_u7bbMdvpQ

  1. 缓存位置：

    1. service worker：浏览器背后的独立线程，一般缓存
    2. memory chache：内存中的缓存，计算机内存
    3. Disk Cache：硬盘中的内存，速度慢
    4. Push Cache：推送缓存，http2，只在session中存在
  2. 缓存过程：

前端那些事三（网络浏览器）_第7张图片

  1. 缓存机制：
  2. 缓存机制分为：强缓存和协商缓存
  3. 区别：是否发送请求，强缓存不发送请求，协商缓存至少发送一次请求。
  • 优先级： Cache-Control > expires > Etag > Last-Modified

  • 强缓存（本地缓存）：不用跟服务器进行通信

    • 缓存字段：Expires和Cache-Control
    • Expires：绝对时间，资源失效的时间，
    • Cache-Control：相对时间，资源缓存的最大有效时间
    • Cache-Control的 max-age 优先级高于 Expires

  • 协商缓存：由服务器来决定是否使用缓存，至少和服务器有一次通信

    • 缓存字段：Last-Modified和ETag发送到服务器，确认资源是否更新。
    • Last-Modified 表示本地文件最后修改日期
    • ETag 是个标识，修没修改
    • 判断是否过期，先走etags（http1生成的），再走Last-Modified。 ETag 优先级比 Last-Modified 高。

页面怎么进行强缓存和协商缓存？

如果缓存过期了，我们就可以使用协商缓存来解决问题。协商缓存需要请求，如果缓存有效会返回 304。

协商缓存需要客户端和服务端共同实现，和强缓存一样，也有两种实现方式。

Last-Modified 和 If-Modified-Since

If-Modified-Since 会将 Last-Modified 的值发送给服务器，询问服务器在该日期后资源是否有更新，有更新的话就会将新的资源发送回来。

前端那些事三（网络浏览器）_第8张图片

参考：https://zhuanlan.zhihu.com/p/64635421

如果浏览器命中强缓存，则不需要给服务器发请求；而协商缓存最终由服务器来决定是否使用缓存，即客户端与服务器之间存在一次通信。

在 chrome 中强缓存（虽然没有发出真实的 http 请求）的请求状态码返回是 200 (from cache)；而协商缓存如果命中走缓存的话，请求的状态码是 304 (not modified)。 不同浏览器的策略不同，在 Fire Fox中，from cache 状态码是 304.

浏览器会获取该缓存资源的 header 中的信息，根据 response header 中的 expires 和 cache-control 来判断是否命中强缓存，如果命中则直接从缓存中获取资源。

如果没有命中强缓存，浏览器就会发送请求到服务器，这次请求会带上 IF-Modified-Since 或者 IF-None-Match, 它们的值分别是第一次请求返回 Last-Modified或者 Etag，由服务器来对比这一对字段来判断是否命中。IF-None-Match是false时 ，则服务器返回 304 状态码，

IF-None-Match是true时，走200

并且不会返回资源内容，浏览器会直接从缓存获取；否则服务器最终会返回资源的实际内容，并更新 header 中的相关缓存字段。

前端那些事三（网络浏览器）_第9张图片

前端那些事三（网络浏览器）_第10张图片

  1. keep-alive：HTTP 长连接

  • 是客户端和服务端的一个约定，如果开启 keep-alive，则服务端在返回 response 后不关闭 TCP 连接；同样的，在接收完响应报文后，客户端也不关闭连接，发送下一个 HTTP 请求时会重用该连接。
  • http1.0默认关闭的，需要在http头加入"Connection: Keep-Alive”，才能启用Keep-Alive
  • http1.0默认开启keep-alive。
  • 浏览器默认开启keep-alive，

  1. http缓存都有哪些，

https://juejin.im/post/68449036824551096[](https://juejin.im/post/684490...

#heading-38

  1. http缓存、websql、indexDB、cookie、localstorage、sessionstorage、application cache、cacheStorage、flash缓存

  2. localStorage 与 sessionStorage 与cookie补充：

https://mp.weixin.qq.com/s?__...

https://zhuanlan.zhihu.com/p/159268611

cookie

localStorage

sessionStorage

存储大小

一般不超过4K

一般为5M

一般为5M

数据有效期

可设置失效时间，默认关闭浏览器失效

永久有效，除了手动清除

关闭页面失效

作用域

所有同源窗口共享

所有同源窗口共享

只在同浏览器共享

易用性

需要自己封装，原生的cookie接口不友好

原生接口可以接受，可以封装来对Object和Array有更好的支持

与服务端通信

每次会随http协议头带过去，cookie保存太多数据会带来性能问题

在请求时使用数据，不参与服务器通信

储存类型string

（补充：cookie通过http协议头带过去的）

indexDB存储大小无上限 储存类型键值对， 不能跨域 时效性

  1. CSRF攻击 跨站请求伪造

https://mp.weixin.qq.com/s?__...

跨站伪造请求

  • 概念：攻击者盗用你的身份，以你的名义发送恶意请求，比如：通过陌生连接，诱导用户点击。

  • CSRF如何产生的？

    • 用户信息存在cookie中，黑客通过储存token
  • 如何防止CSRF攻击？
  1. 在服务端做处理，尽量使用post请求，加入验证码，验证Referer
  2. 使用Cookie的SameSite属性：strict、lax（相对宽松）、none
  3. 验证来源地址：origin(不包含路径信息)和refer
  4. 加入CSRF token：
  5. 判断请求的来源：检测Referer(并不安全，Referer可以被更改)
  • CSRF自动防御策略：同源检测（Origin 和 Referer 验证）。
  • CSRF主动防御措施：Token验证 或者 双重Cookie验证 以及配合Samesite Cookie。
  • 保证页面的幂等性，后端接口不要在GET页面中做用户操作。

判断origin，没有再判断验证refer字段，请求。

Origin Header

Referer Header

但是Origin在以下两种情况下并不存在：

IE11同源策略： 302重定向：

  1. XSS攻击 跨站脚本攻击

XSS(Cross-Site Scripting，跨站脚本攻击)是一种代码注入攻击。攻击者在目标网站上注入恶意代码，当被攻击者登陆网站时就会执行这些恶意代码，这些脚本可以读取 cookie，session tokens，或者其它敏感的网站信息，对用户进行钓鱼欺诈，甚至发起蠕虫攻击等。

XSS 的本质是：恶意代码未经过滤，与网站正常的代码混在一起；浏览器无法分辨哪些脚本是可信的，导致恶意脚本被执行。由于直接在用户的终端执行，恶意代码能够直接获取用户的信息，利用这些信息冒充用户向网站发起攻击者定义的请求。

类型：

  • 反射型XSS：通过 URL 传递参数，当用户点击一个恶意链接，或者提交一个表单，或者进入一个恶意网站时，注入脚本进入被攻击者的网站。Web服务器将注入脚本，比如一个错误信息，搜索结果等，未进行过滤直接返回到用户的浏览器上。
  • 如何防御：转义对url的查询参数进行转义后再输出到页面。
  • DOM 型 XSS：html，前端代码不规范。
  • 如何防御：转义图片链接。
  • 存储型XSS：数据库，将恶意代码提交到目标网站的数据库中。
  • 如何防御：服务器接收到数据，在存储到数据库之前，进行转义/过滤、
  • SQL 注入：

如何让预防xss攻击？

  1. 服务端过滤做验证，在服务端使用 HTTP的 Content-Security-Policy 头部来指定策略，或者在前端设置 meta 标签；
  2. 服务端设置 CSP：开启白名单
  3. 后端设置HttpOnly：HttpOnly解决的是XSS后的Cookie劫持攻击，只能降低受损范围
  4. 对输入的内容和长度做限制：只能增加 XSS 攻击的难度。

jsonp过滤同域的代码有漏洞

  1. 点击劫持

点击劫持：攻击者将需要攻击的网站通过iframe嵌入自己的网页中，诱导用户点击，隐藏了一个透明的iframe，用外层假页面诱导用户点击。

防御办法：

  1. deny
  2. frame busting
  3. 使用X-Frame-Options协议头：微软提供，用来防御利用iframe嵌套的点击劫持攻击
  4. same origin：同源下的iframe
  5. allow-from-origin：

  6. 中间人攻击

https对称加密，非对称加密，混合加密，证书最为有效防止中间人攻击。

https://blog.csdn.net/oZhuZhiYuan/article/details/106650944

  1. cookie session token，为什么能通过cookie攻击，不能通过token攻击

https://mp.weixin.qq.com/s/diaE6WkB_UJxjuhLS9E20Q

  • cookie存在浏览器 session存在服务器 token明文传输，没有固定存放的地方
  • cookie不是很安全，session更安全。cookie容易被攻击。
  • 设置cookie时间过期，使用session-destory销毁对话。
  • 发送请求时会带cookie，不会自动带token
  • token存储在cookie中，token可以防御 csrf攻击
  • xss攻击

前端那些事三（网络浏览器）_第11张图片

  • token如何进行加密？

前端那些事三（网络浏览器）_第12张图片

  1. 垃圾回收

V8 实现了准确式 GC，GC 算法采用了分代式垃圾回收机制。因此，V8 将内存（堆）分为新生代和老生代两部分。

  1. 新生代：

    1. 存活时间短，使用 Scavenge GC 算法
    2. 内存空间：from空间和to空间。
    3. 三次折叠继续使用的放在老生代里
    4. 清理的过程：对象区域和空闲区域进行翻转。
    5. 新声明放在对象区，使用频率比较低的放在空闲区

  2. 老生代：

    1. 存活时间长且数量多，使用：标记清除算法和标记压缩算法。
    2. to空间（占比大小超过25%），标记整理算法。
    3. 对象树形结构，根据引用指向 被调用的对象 没有被标记的会被清除。
    4. 空间不连续的会整合。

  3. 怎么解决全停顿？

    1. 垃圾清理走的主线程，清理垃圾会造成卡顿，为了防止卡顿，会将垃圾分为很多份清理。逐渐插在主线程内。

为了降低老生代的垃圾回收而造成的卡顿，V8 将标记过程分为一个个的子标记过程，同时

让垃圾回收标记和 JavaScript 应用逻辑交替进行，直到标记阶段完成，我们把这个算法称

为增量标记（Incremental Marking）算法。

  1. 跨标签页通讯

前端那些事三（网络浏览器）_第13张图片

  1. 内存泄漏

前端那些事三（网络浏览器）_第14张图片

1.全局变量引起

2.闭包

3.dom清空，事件没有清除

4.子元素存在引用

子元素还存在引用时，先把子元素释放再释放父元素，否则父元素无法释放。

前端那些事三（网络浏览器）_第15张图片

被遗忘的计时器

如何避免内存泄漏

1.ESLint 检测代码检查非期望的全局变量。

2.使用闭包的时候，得知道闭包了什么对象，还有引用闭包的对象何时清除闭包。最好可以避免写出复杂的闭包，因为复杂的闭包引起的内存泄漏，如果没有打印内存快照的话，是很难看出来的。

3.绑定事件的时候，一定得在恰当的时候清除事件。在编写一个类的时候，推荐使用 init 函数对类的事件监听进行绑定和资源申请，然后 destroy 函数对事件和占用资源进行释放。

全局变量 没有被声明

无法被回收 属于内存泄漏

没有释放的内存

  1. 事件冒泡、事件捕获、事件委托： https://www.jianshu.com/p/9c279d7330c6

你可能感兴趣的:(前端那些事三（网络浏览器）)

  • 铭刻于星（四十二） 随风至
    69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
  • 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说 造命者说
    底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡
  • Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅
    结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
  • 《策划经理回忆录之二》 路基雅虎
    话说三年变六年，飘了，飘了……眨眼，2013年5月，老吴回到了他的家乡——油城从新开启他的工作幻想症生涯。很庆幸，这是一家很有追求，同时敢于尝试的，且实力不容低调的新星房企——金源置业(前身泰源置业)更值得庆幸的是第一个盘就是油城十路的标杆之一:金源盛世。2013年5月，到2015年11月，两年的陪伴，迎来了一场大爆发。2000个筹，5万/筹，直接回笼1个亿！！！这……让我开始认真审视这座看似五线
  • 三大师传 beca酱
    巴尔扎克的作品被誉为“法国社会的一面镜子”。文学大师维克多·雨果对巴尔扎克的评价是：“在最伟大的人物中间，巴尔扎克是名列前茅者；在最优秀的人物中间，巴尔扎克是佼佼者之一。”一个原本寂寂无名的小人物，从地中海的某个海岛上，只身一人来到巴黎，没有朋友，也没有名望。作为一个一文不名的外乡人，凭着赤手空拳赢得了巴黎，征服了整个法兰西，并且赢得了世界。这个人就是十九世纪法国伟大的军事家、政治家，法兰西第一帝
  • 开心 蒋泳频
    从无比抗拒来上课到接受，感动，收获～看着波哥成长，晶晶幸福笑容满面。感觉自己做的事情很有意义，很开心！还有3个感召目标就是还有三个有缘人，哈哈。明天感召去明日计划：8：30-11：00小公益11：00-21点上班，感召图片发自App图片发自App图片发自App
  • 《大清方方案》| 第二话 谁佐清欢
    和珅究竟说了些什么？竟能令堂堂九五之尊龙颜失色！此处暂且按下不表；单说这位乾隆皇帝，果真不愧是康熙从小带过的，一旦决定了要做的事，便杀伐决断毫不含糊。他当即亲自拟旨，着令和珅为钦差大臣，全权负责处理方方事件，并钦赐尚方宝剑，遇急则三品以下官员可先斩后奏。和珅身负皇上重托，岂敢有半点怠慢，当夜即率领相关人等，马不停蹄杀奔江汉。这一路上，和珅的几位幕僚一直在商讨方方事件的处置方案。有位年轻幕僚建议快刀
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • Google earth studio 简介 陟彼高冈yu 旅游
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
  • 谁家酒器最绝唱，藏在酒厂人未知？景阳冈酒厂先秦藏品大揭秘 李虓酒评论
    文/王赛时中国的酒器酒具历史久远，举世闻名。从北京的故宫博物院、中国国家博物馆，到世界各国的大型博物馆，都以能够收藏中国古代酒具而夸耀。但很少有人知道，在山东阳谷景阳冈酒厂，默默地收藏了两千件中国酒器。这些酒器，就封藏在景阳冈的酒道馆里。其中有一些青铜酒器，一睡就是三、四千年，堪称无声国宝，堪作无字史书！今天，我将引领诸位首先窥视一下景阳冈酒道馆的9件先秦藏品，你自己来说震撼不震撼。提示：这只是景
  • 我的黑历史 袖手围观有来有去
    孩子同学与我们一起共进晚餐，俩孩子加我三个人。小同学是一个大方率性礼貌的小孩，我们也都非常喜欢。好了，回到正题上来让我把这个故事讲完。俩孩子都喜欢吃鱼，所以就发生了小孩子之间常会发生的事。我狠狠的盯了我家孩子，孩子表情有些狼狈。和孩子单独一起的时候，见她尚未释怀，并谴责我不该狠盯她，让她没面子。也许是她触动了我的童年往事吧。由此，一狠心，给她讲了一段埋藏心里极深的黑历史：我奶奶有四个儿子，四个儿子
  • 关于提高复杂业务逻辑代码可读性的思考 编程经验分享 开发经验java数据库开发语言
    目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一
  • 直返最高等级与直返APP：无需邀请码的返利新体验 古楼
    随着互联网的普及和电商的兴起，直返模式逐渐成为一种流行的商业模式。在这种模式下，消费者通过购买产品或服务，获得一定的返利，并可以分享给更多的人。其中，直返最高等级和直返APP是直返模式中的重要概念和工具。本文将详细介绍直返最高等级的概念、直返APP的使用以及与邀请码的关系。【高省】APP（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，运行三年，稳定可靠。高省APP，
  • 如果做到轻松在股市赚钱？只要坚持这三个原则。 履霜之人
    大A股里向来就有七亏二平一赚的说法，能赚钱的都是少数人。否则股市就成了慈善机构，人人都有钱赚，谁还要上班？所以说亏钱是正常的，或者说是应该的。那么那些赚钱的人又是如何做到的呢？普通人能不能找到捷径去分一杯羹呢？方法是有的，但要做到需要你有极高的自律。第一，控制仓位，散户最大的问题是追涨杀跌，只要涨起来，就把钱往股票上砸，然后被套，隔天跌的受不了，又一刀切，全部割肉。来来回回间，遍体鳞伤。所以散户首
  • 《人世间》 南询yi
    今日分享十点推文，《人世间》有感苏格拉底说：“天地只有三尺，而人在五尺开外，所以人人都要懂得低头。”深以为然。懂得低头，不是认输。而是于人世间找寻温存的成熟，于困境中寻觅柳暗花明的智慧，于争执中展示屈伸自如的格局。正如仰头不是骄傲，是要看见自己的天空；低头也不是认输，而是要看清自己的路。成大事者，不仅要抬头挺胸，还得低头看路。懂得低头，进退有度，不是认输，而是竭尽全力过好这一生。宫崎骏说过：“所有
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 运城寻访重逢石头纪实【严建设老照片395 集】 我简直能把你想透， 当我走进运城的时候。 我已急得热汗直流， 访问了十九个老头， 把晋南的小城转了三周。 虽然是悠久的思旧， 我仍然是牛样的执... 严建设
    运城寻访重逢石头纪实【严建设老照片395集】我简直能把你想透，当我走进运城的时候。我已急得热汗直流，访问了十九个老头，把晋南的小城转了三周。虽然是悠久的思旧，我仍然是牛样的执拗。说什么变换的世情，泛起了过去的逝流，你就是真正的故友。踏破铁鞋的淡愁，已化为不废功夫的范畴，是就像远在天涯近在咫尺，就像是梦乡的邂逅，我紧紧地攥着你的手。你已长成了高高的个头，俊逸的容颜却很清瘦，你那样顽皮的童音，已变到老
  • 勇士赢了，我把掌声给了骑士 复角度的生活
    今天，不参加高考，只看NBA总决赛第三场的较量。这么说有点得罪高考生了，不过我没有当他们面秀，也没有跑到考点外面得瑟，所以我内心毫无波澜。毫无疑问，考场里不乏骑士和勇士球迷，在紧张作答语文考卷同时还心系着球队，不过我希望今天的比赛不会让你们有所分心，毕竟高考不会像比赛录像那样可以再来。今天，好像起来赶考一样，我起得很早，然而事实是睡不着，挺郁闷的，又不是我高考，我紧张什么？九点我并没有准时打开浏览
  • 东南林氏之九牧林候选父系 祖缘树TheYtree
    渊源介绍东晋初年晋安林始祖林禄公入闽，传十世隋右丞林茂，由晋安迁居莆田北螺村。又五世而至林万宠，唐开元间任高平太守，生三子：韬、披、昌。韬公之孙攒，唐德宗立双阙以旌表其孝，时号"阙下林家"。昌公字茂吉，乃万宠公第三子，官兵部司马，配宋氏，生一子名萍。萍于唐贞元间明经及第，官沣洲司马(后追赠中宪大夫)。唐太和年间归隐后，迁居仙游游洋，世称“游洋林”；其后裔居游洋后迁移漳州漳浦路下，由路下林第四房平和
  • 把握“三度”打造“三有”干部队伍 辛德瑞拉卡卡卡
    “胜败兴亡之分，不得不归咎于人事也”。干部队伍建设工作的好坏，关系到党和国家的发展全局。近日，新疆维吾尔自治区党委书记马兴瑞在部分党群单位走访调研时强调，要努力培养造就忠诚干净担当的高素质专业化干部队伍。各级组织部门应当在培养选拔干部、吸收优秀青年到党内来、培养造就优秀人才上下功夫，切实增强干部投身实践、解决问题、推进工作的能力，着力打造高素质专业化干部队伍。“天生我材必有用”，增强选育有“准度”
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • 人工智能时代，程序员如何保持核心竞争力？ jmoych 人工智能
    随着AIGC（如chatgpt、midjourney、claude等）大语言模型接二连三的涌现，AI辅助编程工具日益普及，程序员的工作方式正在发生深刻变革。有人担心AI可能取代部分编程工作，也有人认为AI是提高效率的得力助手。面对这一趋势,程序员应该如何应对?是专注于某个领域深耕细作，还是广泛学习以适应快速变化的技术环境?又或者，我们是否应该将重点转向AI无法轻易替代的软技能？让我们一起探讨程序员
  • Python快速入门 —— 第三节：类与对象 孤华暗香 Python快速入门python开发语言
    第三节：类与对象目标：了解面向对象编程的基础概念，并学会如何定义类和创建对象。内容：类与对象：定义类：class关键字。类的构造函数：__init__()。类的属性和方法。对象的创建与使用。示例：classStudent:def__init__(self,name,age,major):self.name&#
  • libyuv之linux编译 jaronho Linuxlinux运维服务器
    文章目录一、下载源码二、编译源码三、注意事项1、银河麒麟系统（aarch64）（1）解决armv8-a+dotprod+i8mm指令集支持问题（2）解决armv9-a+sve2指令集支持问题一、下载源码到GitHub网站下载https://github.com/lemenkov/libyuv源码，或者用直接用git克隆到本地，如：gitclonehttps://github.com/lemenko
  • ARM中断处理过程 落汤老狗 嵌入式linux
    一、前言本文主要以ARM体系结构下的中断处理为例，讲述整个中断处理过程中的硬件行为和软件动作。具体整个处理过程分成三个步骤来描述：1、第二章描述了中断处理的准备过程2、第三章描述了当发生中的时候，ARM硬件的行为3、第四章描述了ARM的中断进入过程4、第五章描述了ARM的中断退出过程本文涉及的代码来自3.14内核。另外，本文注意描述ARM指令集的内容，有些sourcecode为了简短一些，删除了T
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 心有蓝天白云，爱情便会晴空万里，然后有花香有鸟鸣有美好的未来 曹十二吖
    丁南的婚姻，来自于一场她对生命的对比。她曾经说过，当她最爱的母亲用生命去逼迫她结婚的时候，她曾一度不理解到愤怒，甚至于想过用轻生来对抗母亲的不理智。庆幸的是，丁南是一个自我调节能力非常强的人，她想如果我连死亡都不怕，还怕不能经营好一段婚姻吗？抱着这样的念头，24年没有谈过恋爱的她，用短短三个月的时间，完成了少女到女人的蜕变。她曾经说过：“我要把自己最珍贵的东西留给自己命中注定的那个人。”闺蜜几人中
  • Python爬虫解析工具之xpath使用详解 eqa11 python爬虫开发语言
    文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门
  • ARM驱动学习之基础小知识 JT灬新一 ARM嵌入式arm开发学习
    ARM驱动学习之基础小知识•sch原理图工程师工作内容–方案–元器件选型–采购（能不能买到，价格）–原理图（涉及到稳定性）•layout画板工程师–layout（封装、布局，布线，log）（涉及到稳定性）–焊接的一部分工作（调试阶段板子的焊接）•驱动工程师–驱动，原理图，layout三部分的交集容易发生矛盾•PCB研发流程介绍–方案，原理图(网表)–layout工程师（gerber文件）–PCB板
  • ARM驱动学习之5 LEDS驱动 JT灬新一 嵌入式C底层arm开发学习单片机
    ARM驱动学习之5LEDS驱动知识点：•linuxGPIO申请函数和赋值函数–gpio_request–gpio_set_value•三星平台配置GPIO函数–s3c_gpio_cfgpin•GPIO配置输出模式的宏变量–S3C_GPIO_OUTPUT注意点：DRIVER_NAME和DEVICE_NAME匹配。实现步骤：1.加入需要的头文件：//Linux平台的gpio头文件#include//三
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他