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

浏览器网络相关：

  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. 请求头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协议版本）

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 和加密套件列表返回给浏览器。最后浏览器和服务器分别返回确认消息。

  • 缺点：容易被破解

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

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

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

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

优点：速度快+安全。

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

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

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

CA证书用公钥，hash值，。

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

  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. 缓存过程：

  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 的值发送给服务器，询问服务器在该日期后资源是否有更新，有更新的话就会将新的资源发送回来。

参考：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 中的相关缓存字段。

  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攻击

  • token如何进行加密？

  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. 跨标签页通讯

  1. 内存泄漏

1.全局变量引起

2.闭包

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

4.子元素存在引用

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

被遗忘的计时器

如何避免内存泄漏

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

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

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

全局变量 没有被声明

无法被回收 属于内存泄漏

没有释放的内存

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

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

  • 美易官方：盘前道指期货涨0.5%，游戏驿站跌逾15% 美股投资 财经人工智能大数据新浪微博微信微信公众平台百度金融
    在股市开盘前的交易时段，道指期货上涨了0.5%，而游戏驿站（GameStop）的股价却出现了大幅下跌，跌幅超过15%。这一市场动态引发了投资者的广泛关注，也反映了当前股市的复杂性和不确定性。美股股指期货周三盘前走强，交易员为季度末的再平衡做准备。本周因假期而缩短，美国将公布关键通胀数据。道指期货涨0.5%，标普500指数期货涨0.6%，纳指期货涨0.5%。德国DAX指数涨0.4%，英国富时100指
  • 【Python】一文详细介绍 py格式 文件 高斯小哥 Python基础【高质量合集】python新手入门学习
    【Python】一文详细介绍py格式文件个人主页：高斯小哥高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程希望得到您的订阅和支持~创作高质量博文(平均质量分92+)，分享更多关于深度学习、PyTorch、Python领域的优质内容！（希望得到您的关注~）文章目录一、py格式文件简介二、如何创建和编辑py格式文件三、如何运行py
  • 《昼颜》里的日本女人：相遇要万种风情，分手要残忍绝情 迷影咖啡
    作者：迷之菌子神奇菇迷影咖啡：一本正经做烘焙，胡说八道聊电影漫天萤火虫消散之时良宵就将过去，人们也说含苞待放的花蕾总会开了又谢，因紧紧相拥而面红耳赤的躯体，便是我们经历过这热爱的证明。夫妻关系介绍《昼颜》是2014年电视剧《昼颜：工作日下午三点的恋人们》的续集，故事发在电视剧情节结束的三年后，讲述了已经恢复独身的纱和偶然与曾经的出轨对象北野重逢后再次陷入感情漩涡的故事。《昼颜》制作灵感源自利佳子在
  • 迎接2019 唯有杜康1994
    告别2018这一年是机遇与挑战，痛苦与喜悦，失去与收获的一年一月:收获了第一份爱情，开始真正想去了解一个人三月:对工作有了更深入的认识，靠自己的力量完成晋升五月:搬家，住进了自己理想的公寓，一间属于自己的屋子。满地的书六月:外调广州，升经理，有了自己的第一个团队。七月:怀着自我否定，第一次完成了部门任务八月:第一个员工流失，痛哭不已明白无不散之筵席九月:员工陆续离开，经济是一切的根本。十月:陪员工
  • 植物小记 番茄秧子
    小时候，我养过一院子的花。今年，我重新开始从头开始养一点儿植物。别人说那也只是别人说临到快过年，我逛了一趟花市，买了两棵水仙花。路过另外一个卖水仙的摊位，霸气的卖花小妹瞧了一眼我捧着的那两棵弱小，说了一句：“你那个水仙不行，都不会开花的。”以我的脾气，这当然不能相信啊。结果，带回家好几天没动静。某一天早晨起来，两棵水仙悄不吭声全开了，然后香了屋子好多天。水仙三月，我在花市扛了一盆栀子花，花店老板见
  • 被隔离的日子（五）@三七会写作营 三七会萍海临风
    从隔离的初期，我们三人都不适应，彼此说话都还火药味十足。后随着时间的推移，到现在，我们仨人能够心平气和，幽默地对待彼此。看来，时间可真是个好东西，不仅能见证一个人的心性，还能看清自己的需求、他人的本质。今天晚上，孩子跑到厨房，告诉我她给人捐款了。我纳闷，不是给河南捐过款了么。当时，我还落后于她捐的呢。这次又捐给谁？看到我一脸狐疑，孩子说，还记得初四给她补课的那个男老师么？当让记得，当时，就因为是男
  • 教育微创新的意蕴 知北老师
    我是1992年参加工作的，一毕业就被分配到一所全县最偏僻落后的农村学校——付窝中学，12年后被调往一所已经连续十年全县倒数第一，也是很偏僻落后的农村学校——北宋镇第三中学。三年后到了北宋镇第一中学工作，这所学校教学质量也是连续几年落后了。2014年我到了北京市育英学校，这所学校是京城名校。2016年7月，我被育英学校派往原密云区第七中学工作，这是一所城乡接合部薄弱学校。学校现名为北京市育英学校密云
  • word字号和mathtype磅值关系及批量修改 小铁匠-Ma office小技巧经验分享
    word字号和mathtype磅值关系及批量修改1.字号与磅值关系字号「八号」对应磅值5字号「七号」对应磅值5.5字号「小六」对应磅值6.5字号「六号」对应磅值7.5字号「小五」对应磅值9字号「五号」对应磅值10.5字号「小四」对应磅值12字号「四号」对应磅值14字号「小三」对应磅值15字号「三号」对应磅值16字号「小二」对应磅值18字号「二号」对应磅值22字号「小一」对应磅值24字号「一号」对应
  • 为什么说仪式和习惯非常重要？ 章鱼老师zy
    这是章鱼姐第【40】篇原创文章，日更计划第【37/100】天。阅读张萌萌姐【精力管理手册】第【6/7】章。一阅读摘要这一章萌姐讲到了习惯的重要性，为什么说养成一个习惯很重要？如何养成一个好习惯？如何建立自己的仪式感？二金句精力管理最重要的是产生什么效果。当你想做却没有动力去做一件事情时，你就应该把它养成习惯。习惯可以帮我们创造稳定框架。对于那些特别考验意志的事情，我们应该先行后思。三思考题，萌姐讲
  • 第一章 山洞传来牛铃声 满眼荷花
    春夏时节，田野一片青碧，山林薄雾蔼蔼，水草萋萋的小河边静静立着一只白鹭，像一位白头钓翁，在耐心地等鱼。王三乐牵着一头老黄牛，正在河边田埂上放牛。看见白鹭，他百无聊赖地捡起一块小石头扔了过去。白鹭动作舒缓、姿势优美地飞起避过，在空中飞行一段后，宛若晴空一片云，翩然而下，又静静立于河边青草间，继续呈现完美的画面。王三乐也觉得自己很无聊，这也难怪，从他记事起就开始放牛，一直到现在都大学毕业了，还没丢下放
  • 12-25 yummy0632
    72.4kg早饭：一碗面条，俩鸡蛋，三个砂糖桔。五天过去了，这本书我听完了。哈哈简直了。真兴奋，我准备好了，迎接新的自己。午饭：一个花卷，一碗汤，一份油菜，一份冬瓜粉条，一份红烧肉。晚饭：一个花卷，一份芹菜，一份土豆，一份鸭子。很咸。
  • 2022-10-02 朗月斋主
    肿瘤溶解病毒（OVs）作为一种新型的免疫治疗和治疗辅助剂，在制药行业中越来越受到关注，因为它们能够通过多种机制诱导和提高抗肿瘤免疫力。首先，OVs能够利用宿主免疫系统的内在机制（例如，逃避免疫检测）可以使肿瘤的免疫逃逸机制失效。第二，许多类型的OVs已被证明可以直接裂解肿瘤细胞，从而诱导出由肿瘤相关抗原和危险信号分子释放介导的肿瘤特异性T细胞反应。第三，表达免疫刺激治疗基因的武装OV可以在肿瘤组织
  • 1.计算机处理器架构+嵌入式处理器架构及知识 vv 啊 arm-linux学习linux系统架构
    目录一：x86-64处理器架构二：Intel80386处理器（i386）1.i3862.i686三：嵌入式Linux知识：1.MinGW2.GNU计划2.1GNU工具链概述此次只分享英特尔和ADM处理器有关于x86的架构，至于嵌入式处理器架构请查看https://en.wikipedia.org/wiki/List_of_ARM_processors一：x86-64处理器架构x86-64，也称为x
  • 夫子庙前的金子招牌 光中的cici
    古城都不乏老招牌，比如苏杭，比如南京。随便一个都有久远的年代。夫子庙前，乌衣巷口，店肆成市招牌林立繁华重归来。难为我一个外地人，究竟该喝谁家的那碗鸭血粉丝汤呢？在网上研究了半天，选了秦淮人家。只因为三点：一，临河就着秦淮河喝鸭血汤就着秦淮河喝鸭血汤二，装修较其他一溜大白墙的店算讲究的了，我特别吃环境，没办法～三，有鸭血汤鸭血汤倒是有，夹杂在一套所谓的套餐里，不允许单独点菜。我是为了这秦淮河买的单，
  • 浙江女大学生“卖淫日记”曝光，震惊全网：背后还藏着一个真相 地球上的星星_272e
    作者/在风来源/微信公众号：自黑思维最近，一个新闻震碎无数人的三观：在浙江农林大学，有一位女大学生，在网上公开自己的“卖淫日记”，无论是文字还是图片，都非常露骨。而目前关于这事的瓜，都已经被删得七七八八，但我有保留截图的习惯，所以才有了这篇文章。首先，必须要强调的一点，就是这事不是谣传，是真的，学校已经出来证实过。只是学校表示该名女学生有精神病。但到底是不是真的精神有问题？我们可以从她的日记里，略
  • 2021.12.13 自律日记 夏舒帅然a
    深感时光转瞬即逝，如指缝流金！自律、习惯养成、执行力提高迫在眉睫！今天是什么日子：平日艳阳天起床：7：50任务清单（明日）1.起床：7:302.就寝：10：103.读书30分钟4.打两套太极5.两次静坐（每次15分钟）昨日完成的任务情况，最重要的三件事一.读书30分。未完成二.就寝10：00完成三.起床7：30未完成四.打两套太极未完成五.两次静坐（每次15分钟）未完成习惯养成：早睡早起、每日读书
  • ChatGPT一路狂飙？ 何鲸洛
    2月2日。根据投行瑞银集团在周三发布的一份研究报告。爆红聊天机器人ChatGPT的月活跃用户在今年1月份预计达到了1亿，这距离它推出只有2个月时间，成为史上增长最快的消费者应用。①ChatGPT一路火花带闪电？▽2014年。OpenAI创始人SamAltman早年曾执掌著名的硅谷孵化器YCombinator。2015年。Altman联合马斯克、彼得·泰尔、AWS、印度Infosys和YC等作为出资
  • 【美丽特色乡村】，景德镇马鞍岭村， 粒子飞翔
    【美丽特色乡村】，景德镇马鞍岭村，就像是陶渊明笔下的山水田园，阡陌交通，精美的白房参差错落，碧绿透亮的河水从不远处的深涧里连绵不绝流入此地，滋养着土里。成群的白鸭悠闲地在河水里戏水，人与环境达成和谐的境界。借助三宝国际瓷谷建设的契机，马鞍岭村迎来了天翻地覆的沧桑巨变,此地以陶瓷文化为特色，融合原来生态资源，修复了水碓遗址、矿坑遗址等历史文化遗产，提升生态环境现状。同时，依托三宝溪围绕整个村落，对河
  • yarn的安装和使用全网最详细教程 zxj19880502 yarnnpm
    一、yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。二、yarn的特点：速度超快。Yarn缓存了每个下载过的包，所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn能够保证在不同系统上无差异的工作。三、yarn的
  • 喝酒给500红包，大家讨论一下微信报单好还是传真报单好？ 践侠客
    2018年6月2日，L1组编号8号，日精进第65天，（文/胡鼎峰）昨天又和客户一起吃饭喝酒了，尽管最后的结果是蛮好的，但是因为喝酒我昨天又断更了，这对于习惯了每天写作日更的我来说，体验非常地差。早上三点就早早醒过来，想要爬起来写文章，但是头脑因为酒精的作用依然是昏昏沉沉，于是在半梦半醒之间熬到了天亮。对于我来说，日更是现在最重要的事情，虽然我也不知道我日更到底是为了什么，但是就是隐隐地觉得自己必须
  • 哪种生活容易？不过是事在人为和听天由命 华板扣
    提起不打卡、无考核的工作应该是非常让人羡慕吧！我已经上了三个月这样的班了，我想说自由的工作真的不那么自由，因为不打卡也就没有上下班区分，无考勤那是因为有收入，能在市场上存活下去才是这份工作的价值。不能只考虑自己的专业，因为只提专业目前并不能变成钱，可能这就是商业的残酷性。三个月前我其实并没有考虑清楚究竟是我选择了这份工作，还是这份工作选择了我，但现在我发现其实是我需要这份工作。我就像皮筋一样给了自
  • 买莆田鞋的app软件，三大app莆田鞋平台推荐给大家 腕表鞋屋
    买莆田鞋的app软件，三大app莆田鞋平台推荐给大家，如毒app、亚马逊、潮鞋之家、鞋子货源app、淘宝等app都非常的好用，还有更多的可以购买莆田鞋子，莆田鞋在哪个app买好用，下面一起看看。微信:pt188x(下单赠送精美礼品)买莆田鞋的三大app软件：一、淘宝app。买莆田鞋当然少不了淘宝，建议大家不要直接去搜索莆田鞋，那样给出的结果是很少的。大家看上哪款鞋子的型号直接去搜索就可以了，然后按
  • 2022-2-13晨间日记 越亮也打烊
    今天是什么日子起床：7:00就寝：12:08天气：晴心情：糟糕纪念日：无任务清单昨日完成的任务，最重要的三件事：寒假作业，网课，画画改进：作业时间剪短习惯养成：网课不逃～周目标·完成进度数学卷子100％学习·信息·阅读《傅雷家书》《钢铁是怎样炼成的》健康·饮食·锻炼我终于不喝饮料啦，喝茶～人际·家人·朋友邝姐姐带我吃火锅工作·思考啥时候开学，我还有几天赶完作业最美好的三件事1.卷子写完了2.我有冰
  • 直返APP所属的公司是何时成立的?它的发展历程和业务范围 好项目高省
    直返APP为我们带来了返利购物的便利，那么这款APP所属的公司是如何成立的呢？它的背后又有怎样的发展历程和业务范围呢？让我们一起探寻。【高省】APP（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，运行三年，稳定可靠。高省APP，是2021年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。高省是公认的返利最高的软件。古楼导师高省邀请码5558
  • 中国大学：你站起来！ 立恒语文
    我们先来看看中国大学对外国留学生的“奇葩”待遇。近日，有网友曝出吉林大学有要求中国学生起床后须叫醒外国留学生的服务。看完之后，真是让人大跌眼镜。有网友就直接质问：吉大是大学，还是酒店？中国学生是学生，还是服务员？外国留学生是来求学的，还是享受的？这不仅让人联想到最近一段时间以来网上频频曝出的许多中国大学对外国留学生的一些“奇葩”待遇，这里举几个比较有名的事例，以飨读者。1.山东大学的“三陪”制度，
  • 我到人间走一趟 常清净
    我到人间走一趟爱恨情仇尝一尝看着你多情的目光无情的我心头也有些迷茫看着你如此惆怅不屑一顾的我不忍再让你忧伤既然已经来到了凡尘之上又怎能一尘不染地度春光扯一段霓虹遮挡住那道灵光撒一把红尘模糊那个真相我是人，不是神是人就会恋红尘都说人生就是一场戏转身我拿起了一个面具准备和你好好地演上一场戏哪怕最终没有了记忆阿赖耶识里却都会留下印记只要还在轮回里我们就会三生三世十里桃花再相遇桃花开时来相聚
  • 如何呵护孩子的兴趣 婉叶老师
    “老师你教国画吗？”又一个微友这样问我。“怎么啦？”我很想听她后面的言外之意。“我觉得我家孩子很喜欢画画的，可是感觉她画得一般，没什么天赋啊……”感觉这位妈妈有些小焦虑。“传些作品给我看看呢。”那位妈妈传了三张。我先不看画怎样，只看孩子的状态。因为一个孩子是否对参加的课外班真有兴趣这是关键。我看孩子笑得很开心，手里的画也已经有了一些浓淡变化。按专业的眼光看，虽说从造型上、笔法上有待进一步提升，但是
  • 机会是争取来的 正版小强强
    结束了这周，这周就可以一门心思的在找工作工作上了。时隔好久，再回到职场，虽然现在还没回去，但心里面也是五味翻腾，而且是有点急不可耐的想回去了。本周重点是三管齐下，既海投、定投、已投相结合策略，大量海投，有针对性定投，重点已投并取得联系的那几份，各方面都要下功夫，花心思，多做功课，又备才能无患。
  • docker基础（一） 运维搬运工 容器-dockerdocker容器运维
    相关概念介绍Docker是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖到一个可移植的容器中，然后发布到任何流行的linux机器上，也可以实现虚拟化，容器是完全使用沙箱机制，互相之间不会有任何接口。Docker有几个重要概念：dockerfile，配置文件，用来生成dockerimagedockerimage，交付部署的最小单元docker命令与API，定义命令与接口，支持第三方系统集
  • 账务处理又出错？资深会计来教你，学会效率翻倍！共同学习 小橘子要努力吖
    作为一名会计，在实际工作中会遇到各种麻烦的账务处理问题。那么，最常用的会计处理方法都有哪些呢？今天小编为大家带来了从业二十六年的资深老会计分享的十四中会计常用的账务处理问题的解决方案，快来看看吧！一、促销品的账务处理在促销时公司经常会把一些商品按进价赠送给消费者使用二、款已付清但发票未到的账务处理三、购买材料发生不合理损耗的账务处理问题公司在购买材料时，常常会发生一些不合理的损耗，那么这种问题该怎
  • PHP如何实现二维数组排序？ IT独行者 二维数组PHP排序　
    二维数组在PHP开发中经常遇到，但是他的排序就不如一维数组那样用内置函数来的方便了，（一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】）。二维数组的排序需要我们自己写函数处理了，这里UncleToo给大家分享一个PHP二维数组排序的函数： 代码： functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr
  • 【Hadoop十七】HDFS HA配置 bit1129 hadoop
    基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper，DFSZKFailoverController
  • 由wsdl生成的java vo类不适合做普通java vo darrenzhu VOwsdlwebservicerpc
    开发java webservice项目时，如果我们通过SOAP协议来输入输出，我们会利用工具从wsdl文件生成webservice的client端类，但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用，当然有一中情况例外，如果这个自动生成的类里面的properties都是基本数据类型，就没问题，但是如果有集合类，就不行。原因如下： 1)使用了集合如Li
  • JAVA海量数据处理之二（BitMap） 周凡杨 java算法bitmapbitset数据
           路漫漫其修远兮，吾将上下而求索。想要更快，就要深入挖掘 JAVA 基础的数据结构，从来分析出所编写的 JAVA 代码为什么把内存耗尽，思考有什么办法可以节省内存呢？ 啊哈！算法。这里采用了 BitMap 思想。   首先来看一个实验： 指定 VM 参数大小： -Xms256m -Xmx540m
  • java类型与数据库类型 g21121 java
    很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心，因为大多数hbm文件是自动生成的，但有些时候诸如：数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况，就会手动的去对应数据库与java的数据类型关心，当然比较简单的数据类型即使配置错了也会很快发现问题，但有些数据类型却并不是十分常见，这就给程序员带来了很多麻烦。 &nb
  • Linux命令 510888780 linux命令
    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C
  • java常用JVM参数 墙头上一根草 javajvm参数
    -Xms：初始堆大小，默认为物理内存的1/64(<1GB)；默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时，JVM就会增大堆直到-Xmx的最大限制 -Xmx：最大堆大小，默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时，JVM会减少堆直到 -Xms的最小限制 -Xmn：新生代的内存空间大小，注意：此处的大小是（eden+ 2
  • 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点 aijuans Spring 3
    方法一： <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二：
  • mysql查询性能优化之二 annan211 UNIONmysql查询优化索引优化
    1 union的限制 有时mysql无法将限制条件从外层下推到内层，这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集，或者希望能够先排好序在 合并结果集的话，就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来，然后再取前20条记录，那么mys
  • 数据的备份与恢复 百合不是茶 oraclesql数据恢复数据备份
     数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小，其大小用字节表示 FILE 指定导出的二进制文
  • 线程组 bijian1013 java多线程threadjava多线程线程组
    有些程序包含了相当数量的线程。这时，如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组：ThreadGroup g = new ThreadGroup(groupName);  &nbs
  • top命令找到占用CPU最高的java线程 bijian1013 javalinuxtop
    上次分析系统中占用CPU高的问题，得到一些使用Java自身调试工具的经验，与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
  • 【持久化框架MyBatis3四】MyBatis3一对一关联查询 bit1129 Mybatis3
      当两个实体具有1对1的对应关系时，可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例，每个学生都有都有1个唯一的地址(现实中，这种对应关系是不合适的，因为人和地址是多对一的关系)，这里只是演示目的   学生表   CREATE TABLE STUDENTS (
  • C/C++图片或文件的读写 bitcarter 写图片
    先看代码： /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha
  • nginx自定义指定加载配置 ronin47
    进入 /usr/local/nginx/conf/include 目录，创建 nginx.node.conf 文件，在里面输入如下代码： upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste
  • java-71-数值的整数次方.实现函数double Power(double base, int exponent)，求base的exponent次方 bylijinnan double
    public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent)，求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(
  • Android四大组件的理解 Cb123456 android四大组件的理解
     分享一下，今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android
  • [宇宙与计算]涡旋场计算与拓扑分析 comsci 计算
         怎么阐述我这个理论呢？ 。。。。。。。。。       首先： 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星，时间非常重要，早一个刻度和晚一个刻度，这颗行星的
  • 同一个Tomcat不同Web应用之间共享会话Session cwqcwqmax9 session
    实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下： If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
  • springmvc Spring3 MVC，ajax，乱码 dashuaifu springjquerymvcAjax
      springmvc Spring3 MVC @ResponseBody返回，jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法，具体实
  • 搭建WAMP环境 dcj3sjt126com wamp
    这里先解释一下WAMP是什么意思。W:windows，A：Apache，M：MYSQL，P：PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事，必须先利其器。因为笔者的系统是WinXP，所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
  • yii2 使用raw http request dcj3sjt126com http
    Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g
  • Quartz-1.8.6 理论部分 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习，因为Quartz2.0以后的API发生的非常大的变化，统一采用了build模式进行构建； 什么是quartz?   答：简单的说他是一个开源的java作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
  • 什么是POJO？ gupeng_ie javaPOJO框架Hibernate
    POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象，它不包含业务逻辑处理或持久化逻辑等，也不是JavaBean、EntityBean等，不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象，大量应用于表现现实中的对象。如果项目中使用了Hiber
  • jQuery网站顶部定时折叠广告 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/4.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<
  • Spring boot内嵌的tomcat启动失败 kane_xie spring boot
    根据这篇guide创建了一个简单的spring boot应用，能运行且成功的访问。但移植到现有项目（基于hbase）中的时候，却报出以下错误：     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif
  • leetcode: sort list michelle_0916 Algorithmlinked listsort
    Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin
  • nginx的安装与配置,中途遇到问题的解决 qifeifei nginx
    我使用的是ubuntu13.04系统，在安装nginx的时候遇到如下几个问题，然后找思路解决的，nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现
  • 用枚举来处理java自定义异常 tcrct javaenumexception
    在系统开发过程中，总少不免要自己处理一些异常信息，然后将异常信息变成友好的提示返回到客户端的这样一个过程，之前都是new一个自定义的异常，当然这个所谓的自定义异常也是继承RuntimeException的，但这样往往会造成异常信息说明不一致的情况，所以就想到了用枚举来解决的办法。 1，先创建一个接口，里面有两个方法，一个是getCode, 一个是getMessage public
  • erlang supervisor分析 wudixiaotie erlang
    当我们给supervisor指定需要创建的子进程的时候，会指定M,F,A,如果是simple_one_for_one的策略的话，启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组，A ++ OtherArgs。那么这个时候就有个问题了，既然参数不一致，那
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他