WaNgLu：）
WaNgLu：）

【前端面试篇】计算机网络相关

前言：

本人大三学生党，最近在复习前端基础知识，会整理一些面试常考问题及答案，所以打算写这类型文章，来总结一些最近所学。如发现任何问题，可以留言，我会认真改正。本篇会讲计算机网络相关的问题，下期问题会是JavaScript相关，欢迎大家关注~~

问题1：网站的性能优化有哪些？

  • 浏览器缓存（接下来问题会有）
  • 资源打包压缩
  • 图片资源优化（webP、svg、雪碧图）
  • CND（接下来问题会有）
  • 减少回流和重绘

衍生问题1：什么是回流和重绘？

回流：当渲染树中的部分或全部元素的尺寸、结构或某些属性发生改变时，浏览器重新渲染部分或全部文档的过程叫做回流。

重绘：当页面中的元素样式改变不影响它在文档流中的位置时（color、background-color等），浏览器会将新的样式赋予给元素并重新绘制它，这个过程叫做重绘。

回流一定引起重绘，重绘不一定会引起回流。

衍生问题2：如何避免回流和重绘？

CSS：避免table布局、避免设置多层内联样式、避免使用css表达式、将动画效果应用到position属性为fixed或absolute元素上。

JS:避免频繁操作样式、对具有复杂动画的元素使用绝对定位，使它脱离文档流，否则会引起父元素及后续元素频繁回流。

问题2：Get和Post的区别有哪些？

网上很多文章都讲到了一下几点：

1. get请求传递的参数长度有限制，而POST没有

2. post请求比get请求安全，因为数据在地址栏不可见。

3. post请求会发出两个TCP数据包

其实这样说是不严谨的：

  • get和post传递的参数本身是没有限制的，只是get请求是基于浏览器URL传参，浏览器会对URL的长度做限制，所以才会有gett请求传递的参数长度有限制的说法。
  • 从传输的角度来说，get请求和post请求都是不安全的，因为HTTP是明文传输，要想安全的传输就采用HTTPS。
  • POST请求会发送两个TCP数据包，这个只是某些浏览器和框架的请求方式，不是POST请求的必然行为。
  • POST和GET请求最本质的区别就是，get具有幂等性。幂等性是指：一次或多次请求一个资源应该产生相同的副作用。

问题3：详细描述HTTP

HTTP/1.0:每次请求都打开一个新的TCP连接，收到响应之后立即断开连接。

HTTP/1.1：

  • 在请求头中新增了range头域，允许只请求资源的某一部分
  • HTTP/1.1的请求头和响应头必须有HOST头域，用来区分同一物理主机的不用虚拟服务器
  • 长连接，一个TCP连接可以发送多个HTTP请求，减少了建立和关闭连接的消耗和延迟
  • 缺点：线头堵塞、基于文本协议、请求和响应头信息非常大，无法压缩，单向请求

HTTP/2.0:

  • 采用二进制协议解析
  • 压缩头部,减少了需要传输的头部大小，并且通讯的双方都保存一份头部，避免重复的头部传输，减少了传输的大小
  • 多路复用，允许并发的发送多个HTTP请求，每个请求不需要等待其他请求或响应，避免了线头阻塞的问题。这样如果某个请求任务耗时严重，不会影响到其他连接正常的执行，极大提高了传输性能。
  • 服务端推送，会把客户端需要的css/img伴随index.html一同推送到客户端，省去了客户端的重复请求，需要使用时直接从缓存中获取。
  • 缺点：如果TCP连接中出现了丢包的现象，会导致整个TCP连接重传

HTTP/3.0:

  • HTTP/1.1、HTTP/2.0的缺点都是因为底层协议TCP导致的，所以Google 基于 UDP 协议推出了一个的 QUIC 协议，并且使用在了 HTTP/3 上。
  • HTTP/3.0有避免包堵塞、快速重启会话的优点

问题4：HTTP与HTTPS的区别

  • HTTPS需要带CA申请证书
  • HTTP协议运行在TCP之上，HTTPS运行在SSL/TSL之上。SSL/TSL运行在TCP之上，所以传输内容都是经过加密的。
  • HTTP与HTTPS采用完全不同的连接方式，端口也不一样，HTTP端口是80，HTTPS端口是443
  • HTTP基于传输层，HTTPS基于应用层
  • HTTPS可以有效防止运行商劫持，解决了防劫持的一个大问题

衍生问题1：HTTPS的加密方式是什么？

HTTPS采用对称加密+非对称加密的方式进行加密，具体方式可以参考下图：

【前端面试篇】计算机网络相关_第1张图片

问题5：说一说你知道的状态码

2xx

  1. 200 请求被服务器正确处理
  2. 201 请求已经成功并且已经创建了一个新的资源
  3. 204 请求成功，但是请求报文不含实体的主题部分
  4. 206 进行范围请求成功

3xx

  1. 301 永久重定向
  2. 302 临时重定向
  3. 303 资源存在另一个URL上，应该用get请求获取
  4. 304 资源的内容并没有改变，可以直接使用上次获取到的资源

4xx

  1. 400 请求报文存在语法错误
  2. 401 表示发送的请求需要有HTTP得到认证
  3. 403 表示请求的资源被服务器拒绝
  4. 404 服务器没有找到对应的资源

5xx

  1. 500 服务端在执行请求时发生了错误
  2. 501 服务器不支持当前请求所需要的功能
  3. 503 服务器暂时无法处理请求

如果想要了解更多状态码，戳我-->

问题6：说一说HTTP的首部字段

  1. Connection：浏览器想要优先使用的连接类型
  2. Cache-control:控制缓存的行为
  3. Date：创建报文的时间
  4. Accept：能正确接收的媒体类型：application/json、text/plain
  5. Accept-charset:用户支持的字符集
  6. Authorization：客户端认证信息，一般存token信息
  7. Cookie：发送给服务器的Cookie信息
  8. Host：服务器的域名
  9. Location：重定向到某个URL
  10. Set-Cookie：需要存在客户端的信息

如果想要了解更多首部字段，戳我-->

问题7：详细介绍浏览器缓存

浏览器的缓存可以分为两大类：强缓存和协商缓存，浏览器在加载资源的时候，首先会判断是否命中强缓存，在验证是否命中协商缓存。浏览器的缓存存放在disk cache（磁盘缓存）、memory cache(内存缓存)中。

强缓存

  1. 先会查看header中的Expire和Cache-Control来判断是否满足条件
  2. 如果满足，就返回缓存的数据
  3. 如果不满足，就向服务器发送请求
  4. 服务器返回数据，将数据存入缓存

Expire表示缓存的到期时间，过了这个时间，缓存就是失效，如果人为的修改客户端本地时间，就会导致缓存失效

Cache-control：max-age表示资源缓存的最大有效时间,Cache-Contral：max-age=600表示有效时间是600s。no-cache表示需要进行协商缓存；no-store表示禁止使用缓存。

Cache-control的优先级比Expire的优先级高

协商缓存

  1. 把资源标识If-Modified -Since或者Etage发送服务器，确认资源是否更新
  2. 如果资源未更新，服务器返回状态304，并且显示not modifed的字符串，告诉浏览器使用本地缓存
  3. 如果资源已经更新，返回新的数据并把数据存入缓存

If-Modified-Since

浏览器第一次请求资源的时候，服务器返回的header上会带有last-modified字段，表示资源最后修改的时间。当浏览器再次请求资源时，请求头会带有一个If-Modified-Since字段，这个值是第一次请求返回的last-modified的值，服务器收到请求之后，将If-modified-Since和当前的last-modified进行比较。如果相同则说明资源没有修改，返回304，直接使用缓存。

Etag

Etag一般是由文件内容hash生成，也就是说它可以保证资源的唯一性，资源发送改变就会导致Etag发送改变。同样的，在浏览器第一次请求时，服务器会返回一个Etag标识。当浏览器再次请求时，会通过If-no-match字段将Etag发送服务器，然后服务器进行比较，如果相等，返回304表示资源未修改。Etag每次生成都需要进行读写操作，消耗较大。

If-Modified-Since和Etag可以同时设置，服务器会优先校验Etag，如果Etag相等就回继续比对Last-Modified，最后才会决定是否返回304.

衍生问题1：用户行为对浏览器缓存的影响

  1. 打开网页，地址栏输入地址：先查找磁盘缓存中是否有匹配，如果有则使用，如果没有则发送网络请求。
  2. 普通刷新（F5）：因为标签页没有关闭，因此内存缓存是可用的，会被优先使用（如果匹配的话），其次才是磁盘缓存
  3. 强制刷新（ctrl+F5）:浏览器不使用缓存，因此发送的请求头均带有Cache-control:no-cache,我放弃直接返回200和最新内容。

问题8：什么是DNS？

DNS是域名解析系统，最初，由于ip长且难记，通过ip访问网站不方便，所以出现了域名解析系统，将域名转化为对应的ip地址。DNS主要采用了UDP进行通讯，主机向本地域名服务器查询一般递归查询，本地域名向根域名服务器查询采用迭代查询。

问题9：什么是CDN？

CDN是内容分发网络，尽可能避开互联网上有可能影响数据传出速度和稳定性的瓶颈和环节，使传输内容更快、更稳定。CDN只是对某个具体的域名的加速。

【前端面试篇】计算机网络相关_第2张图片

过程：

  1. 当用户点击网站页面上的URL内容，经过本地DNS解析，会将域名的解析权交给CNAME指向的CDN专用DNS服务器。
  2. CDN的DNS服务器将CDN的全局均衡设备IP地址返回给用户
  3. 用户向CDN的全局负载均衡设备发起请求
  4. CDN全局均衡设备根据用户IP地址，以及用户请求的内容URL，选择一台用户所属区域的区域均衡设备，并将请求转发到这台设备。
  5. 区域负载均衡设备根据用户IP、请求的URL为用户选择一台 合适的缓存服务器提供内容。
  6. 全局负载均衡设备把服务器的IP返回给用户
  7. 用户向CDN缓存服务器发起请求，

  8. 缓存服务器响应用户请求，将用户所需内容传送到用户终端。

想要了解更多更详细的CDN知识，推荐大家阅读这几篇文章：

https://juejin.im/post/6844903906296725518#heading-6

https://juejin.im/post/6844903604596244493

https://juejin.im/post/6844903605888090125

问题10：什么是UDP？

UDP全称用户数据报协议，是运输层协议。具有以下特点：

  1. 无连接：发送数据之前不需要建立连接
  2. 面向报文：应用层传过来多少数据，原封不动的向下传递
  3. 尽最大努力交付：不可靠连接
  4. 首部开销较小：首部仅有8个字节
  5. 可以实现一对一、一对多、多对多之间的通讯
  6. 没有拥塞控制

问题11：什么是TCP？

TCP全称传输控制协议，也是运输层协议。TCP是面向连接的、可靠的字节流服务。具有以下特点：

  1. 面向连接的运输层协议
  2. 一条TCP连接只有两个端口
  3. TCP提供全双工的通信，并且接收端和发送端都设有缓存
  4. 面向字节流的服务
  5. 可靠传输、流量控制、拥塞控制

可靠传输：已字节为单位的滑动窗口、超时重传

流量控制：利用滑动窗口实现的流量控制，告诉发送方不要太快，要让接收方来的及接受

拥塞控制：采用了四种算法：慢开始、拥塞避免、快重传、快恢复    

衍生问题1：流量控制和拥塞控制的区别

  • 流量控制是一个端到端的问题，是接收端告诉发送端发送数据的速率，以便使接收端来的及接受
  • 拥塞控制是一个全局性的过程，涉及所有主机，所有路由器以及与降低网络传输性能有关的所有因素

衍生问题2：详细说一下，TCP的三次握手和四次挥手

三次握手：三次握手是为了保证建了一个可靠的安全链接。第一次由客户端发起，客户端会向服务端发送一个报文，报文中SYN位为1，表示要和服务端建立连接。服务端收到报文之后，要向客户端发送一个确认消息包，其中ACK为1，SYN为1，表示服务端收到了客户端发送的消息，服务端要和客户端建立连接。两次握手之后，客户端已经知道服务端可以收到我发送的消息，我也可以收到服务端发送的消息，但是服务端还不知道客户端能否收到消息。所以客户端收到消息之后，要向服务端发送ACK为1的消息包，表示收到了服务端发送的消息，通过三次握手之后，服务端和客户端都知道可以安全的收到对方发送的消息，就可以建立一个安全的连接了。

四次挥手：客户端向服务端发送一个FIN为1的报文，表示客户端要和服务端断开连接，此时服务端可能还不能断开连接，因为服务端可能还有数据没有发生完，所以只能发送ACK为1的报文，表示收到了客户端的消息。此时进入半连接状态，当服务端的数据全部发送完之后，会向客户端发送FIN为1的报文，表示要和客户端断开连接，当客户端收到消息之后，会给服务端发送一个ACK为1的确认消息包，此时客户端会进入TIME_WAIT状态，经过2MSL之后，才会断开连接。

衍生问题3：为什么要进行三次握手，而不是两次？

两次握手服务端不能确定客户端是否收到了自己发送的消息，并且可以防止已失效连接请求突然传到服务端，从而产生错误。

衍生问题4：为什么要在TIME_WAIT状态等待2MSL？

  1. 为了保证客户端最后发送的一个ACK报文能到够到达B服务端
  2. 可以使本连接持续时间内产生的所有报文段都从网络中消失

了解更多的TCP内容，可以参考以下几篇文章：

https://juejin.im/post/6844903685563105293

https://github.com/jawil/blog/issues/14

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

问题12：从输入URL到页面加载完成都发生了什么？

  1. 判断浏览器缓存是否可用，如果可用直接获取缓存
  2. 进行DNS解析，获得对应ip
  3. 建立TCP连接
  4. 发送HTTP请求
  5. 服务端收到请求之后，返回响应
  6. 浏览器渲染构建DOM树
  7. 断开TCP连接

衍生问题1：浏览器是怎么渲染页面的

浏览器是边解析边渲染，首先浏览器解析HTML文件构建DOM树，然后会解析CSS文件构建CSS 规则树，最后根据DOM树和CSS规则树构建渲染树，等到渲染树构建完成之后，浏览器开始布局渲染树并将其绘制到屏幕，这个过程要尽量减少回流和重绘。

JS的解析是由浏览器中的JS引擎完成的，JS是单线程，文档中的JS加载并且解析完成之后，才会继续HTML的渲染，因为JS可能会改变DOM结构，所以要把script标签放到body后面，这里也可以使用defer和async。defer表示延迟执行，等到HTML解析完毕并且script加载完成才执行，async表示异步引入，如果加载好了就会立即执行。CSS文件不会影响JS的加载，但是会影响JS的解析。

问题13：详细说一下跨域

只有浏览器具有同源策略，同源策略是指“协议+域名+端口”相同，否则就是跨域，即使2个不同的域名指向同一个服务端也是跨域。服务器与服务器之间不存在跨域。

解决跨域的方案有：

  1. JSONP:利用

你可能感兴趣的:(前端,面试,web,网络,http,https)

  • Java面试题汇总-集合篇+JUC篇 泰山小张只吃荷园 java哈希算法开发语言后端面试springboot
    其他面试题Java面试题汇总-Java基础篇（共50道题）-CSDN博客Java集合目录1.请你说说java中hashmap的原理2.HashMap的put(key,value)和get(key)过程3.在使用hashmap时，有哪些提升性能的技巧？4.什么是哈希碰撞？怎么解决哈希碰撞？5.谈一谈hashmap的扩容操作？6.hashmap的初始容量和负载因子越大越好吗？7.为什么jdk1.8之后
  • nodejs后端ws与http结合共享一个服务器，前端websocket发送信息后端ws接收信息,使用Map定型数组设置ID cdcdhj nodejshttp服务器前端
    //服务端代码consthttp=require('node:http');constWebSocket=require('ws');constserver=http.createServer();//创建websocket服务constwss=newWebSocket.WebSocketServer({server});//创建定型数组constclients=newMap();wss.on('
  • node.js中实现token的生成与验证 小灰灰学编程 Node.jsnode.jstoken前端
    Token（令牌）是一种用于在客户端和服务器之间安全传输信息的加密字符串。在Web开发中，Token常用于身份验证和授权，确保用户能够安全地访问受保护的资源。作用与意义身份验证：Token可以用来验证用户的身份，确保用户已经通过认证流程。授权：通过Token，服务器可以识别用户的权限，从而允许或拒绝访问特定的资源。状态管理：在无状态（stateless）的API设计中，Token可以携带用户的状态
  • 华为OD机试E卷 - 空栈压数（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试python华为odjavajavascriptc语言c++华为od机考e卷
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述向一个空栈压入正整数，每当压入一个整数时，执行以下规则（设:栈顶至栈底整数依次编号为n1,n2,…,nx，其中n1为最新压入的整数)如果n1=n2，则n1、n2全部出栈，压入新数据m(m=2*n1)如果n1=n2+…+ny(y的范围为[3,x])，则n1,n2,…,ny全部出栈，压入新数据m(m=2*n1)。如果上述规
  • 如何利用tiktok专线ip提升海外市场的影响力 前端
    在当今的数字时代，社交媒体的力量不可小觑，尤其是像TikTok这样的短视频平台，已成为全球用户分享创意和生活的主要场所。为了在这个竞争激烈的市场中脱颖而出，品牌需要借助高效的工具和策略。IPIPGO直播专线作为一种创新的解决方案，能够帮助品牌更好地利用tiktok专线ip，提升其在海外市场的影响力。什么是tiktok专线ip？tiktok专线ip是指通过特定的网络连接，确保用户在使用TikTok时
  • MiniMax开源，突破传统Transformer架构，震撼业界 人工智能模型
    就在昨天，AI领域迎来了一项重大突破——MiniMax发布并开源了新一代01系列模型。国产大模型市场再掀巨浪，传统Transformer架构或许将不再是唯一选择。MiniMax-Text-01模型：https://huggingface.co/MiniMaxAI/MiniMax-Text-01MiniMax-VL-01模型：https://huggingface.co/MiniMaxAI/Mini
  • html2canvas 页面变图片
    我们用的uni-app页面做的页面，需要把页面转成图片；问题1：不同的手机会偶发文字挤在一块，不是所有的都是那种问题2:图片出现加载不出来解决问题1:是因为我的文字写的居中，html2canvas居中会导致分布不均匀，有针对性的写样式font-smoothing:antialiased;-webkit-text-size-adjust:100%；letter-spacing:0.05em;解决问题
  • 【YashanDB知识库】过期统计信息导致SQL执行计划变差 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7919229.html?templateId=171...【问题分类】性能问题【关键字】统计信息【问题描述】表的统计信息失效后，将会采用该表默认的参数值支持代价计算，该表对应的SQL的执行计划将会变差。--查看表的统计信息失效状态的表selectTABLE_NAME,NUM_ROWS
  • 从RNN到Transformer：生成式AI技术演变与未来展望 非著名架构师 人工智能rnntransformer
    生成式人工智能（GenerativeAI）近年来取得了令人瞩目的进展，其背后的核心技术是自回归模型的不断演进。从传统的递归神经网络（RNN）到革命性的Transformer架构，本文将全面剖析这一技术发展历程。一、RNN：生成式模型的起点1.RNN的基本原理递归神经网络（RecurrentNeuralNetwork,RNN）是一种专为处理序列数据设计的神经网络架构。其核心思想是通过循环连接的隐藏状
  • 移动终端基带芯片的基本架构介绍之二（移动终端中的基带芯片） a1809032425 网络通信学习
    移动终端基带芯片的基本架构介绍之二（移动终端中的基带芯片）参考链接：https://blog.csdn.net/lxl584685501/article/details/46771429http://m.blog.csdn.net/blog/suipingsp/35280465http://m.blog.csdn.net/blog/suipingsp/35574959http://www.bubu
  • 【YashanDB知识库】安装共享集群时报错：YAS-05721 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7919226.html?templateId=171...【标题】安装共享集群时报错：YAS-05721invalidinputparameter,reason:nodenameinvalid【问题分类】安装部署【关键字】YAS-05721、共享集群、主机名、特殊符号、中划线、部署【
  • 【YashanDB知识库】YMP校验从yashandb同步到oracle的数据时，字段timestamp(0)出现不一致 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7901520.html?templateId=171...问题现象在YMP校验过程中，从yashandb同步到oracle的数据时，字段timestamp(0)出现不一致问题的风险及影响YMP校验出现数据内容不一致问题影响的版本yashandb版本：23.2.7.101YMP版本：2
  • 【YashanDB知识库】Hive 命令工具insert崖山数据库报错 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7919217.html?templateId=171...【问题分类】功能兼容【关键字】spark30041、不兼容【问题描述】本项目的架构是hadoop+hive+yashandb使用崖山数据库，初始化所有的原数据表和数据新建表之后，插入数据时候报错，hadoopcode30041
  • 论文翻译：A survey on large language model (LLM) security and privacy: The Good, The Bad, and The Ugly CSPhD-winston-杨帆 论文翻译LLMs-鲁棒性语言模型人工智能自然语言处理
    Asurveyonlargelanguagemodel(LLM)securityandprivacy:TheGood,TheBad,andTheUglyhttps://www.sciencedirect.com/science/article/pii/S266729522400014X文章目录关于大型语言模型（LLM）安全性和隐私的调查：好的、坏的和丑陋的摘要1.引言2.背景2.1大型语言模型（L
  • Java 批量检测微信小程序封禁状态 java微信小程序
    随着微信小程序的快速发展，管理小程序的状态变得越来越重要。若某个小程序因违规被封禁，开发者需要及时知晓。本文介绍了如何使用Java批量检测多个微信小程序的封禁状态，并通过接口获取每个小程序的最新状态。项目代码importjava.io.InputStreamReader;importjava.io.BufferedReader;importjava.net.HttpURLConnection;im
  • 圈子交友app小程序公众号/圈子社群创建必须要注意的几个点
    技术选型与平台搭建技术选型：根据需求选择合适的开发技术和框架。例如，对于跨平台应用，可以考虑使用vue、uniapp等前端框架；后端则可以选择php等组合，以保证数据处理的效率和安全性。平台搭建：搭建稳定、易用、美观的App、小程序或公众号平台。注重用户体验，确保界面简洁、操作流畅。用户体验优化界面设计：注重UI/UX设计，确保界面美观、简洁、易用。这有助于提升用户的满意度和忠诚度。交互流程：优化
  • java项目启动时，执行某方法 ShyTan java开发语言
    1.J2EE项目在Servlet类中重写init()方法，这个方法会在Servlet实例化时调用，即项目启动时调用。importjavax.servlet.ServletException;importjavax.servlet.http.HttpServlet;publicclassMyServletextendsHttpServlet{@Overridepublicvoidinit()thro
  • 2025最新搭建交友平台/交友系统源码-支持H5小程序+带安装说明+可封装APP 前端后端软件工程php
    在相亲交友领域，选择开发APP还是小程序，需要综合考虑多个因素，包括用户需求、功能丰富性、开发成本、维护成本、用户体验以及市场推广等。APP的优势功能丰富：APP可以实现更复杂的功能，满足用户多样化的需求。用户体验好：APP通常具有更好的界面设计和交互体验，能够提供更流畅的用户体验。离线使用：APP可以离线使用，无需依赖网络连接。推送消息和通知：APP可以实时推送消息和通知，提高用户活跃度和粘性。
  • 遗传算法与深度学习实战（25）——使用Keras构建卷积神经网络 盼小辉丶 遗传算法与深度学习实战深度学习kerascnn
    遗传算法与深度学习实战（25）——使用Keras构建卷积神经网络0.前言1.卷积神经网络基本概念1.1卷积1.2步幅1.3填充1.4激活函数1.5池化2.使用Keras构建卷积神经网络3.CNN层的问题4.模型泛化小结系列链接0.前言卷积神经网络(ConvolutionalNeuralNetwork,CNN)的提出是为了解决传统神经网络的缺陷。即使对象位于图片中的不同位置或其在图像中具有不同占比，
  • Python进阶-在Ubuntu上部署Flask应用
    随着云计算和容器化技术的普及，Linux服务器已成为部署Web应用程序的主流平台之一。Python作为一种简单易用的编程语言，适用于开发各种应用程序。本文将详细介绍如何在Ubuntu服务器上部署Python应用，包括环境准备、应用发布、配置反向代理（Nginx）、设置系统服务以及日志管理等步骤。一、部署准备在开始之前，请确保你具备以下条件：一台运行Ubuntu（如Ubuntu20.04或22.04
  • 202501015 C18298182575 数据库
    为什么不遵循最左匹配原则会导致索引失效最左匹配原则原因为什么不遵循最左匹配原则会导致索引失效最左匹配原则原因_mob6454cc7a6087的技术博客_51CTO博客java事物失效原因Spring事务@Transactional常见的8种失效场景（通俗易懂）_事务失效的8大场景-CSDN博客sql优化方案sql优化的15个小技巧（必知五颗星），面试说出七八个就有了_sql优化常用的15种方法-C
  • iOS 集成 ijkplayer k0.11.9 过程
    ijkplayerk0.11.9适用于iOS、tvOS、macOS三大平台，据说还会支持安卓平台。下面介绍三种常用的集成ijkplayer的方式：CocoaPods集成可通过CocoaPods快速集成到工程，方便快捷：pod"IJKMediaPlayerKit",:podspec=>'https://github.com/debugly/ijkplayer/releases/download/k0
  • WebKit 的渲染引擎优化策略
    简介：WebKit是一个开源的网页浏览引擎，被广泛应用于多种浏览器，包括Safari和许多移动设备浏览器。其高效的渲染性能和灵活的架构使得WebKit成为现代浏览器开发的重要组成部分。在这篇文章中，我们将深入探讨WebKit在渲染引擎优化方面的策略，尤其关注其在提高页面加载速度和渲染效率方面的技术实现。正文：什么是WebKit？WebKit起源于KHTML和KJS，最初由苹果公司用于Safari浏
  • 深入解析Vue.js组件开发：从基础到进阶 冷夜雨. vue.js
    Vue.js作为一款渐进式的JavaScript框架，其独特的设计理念和易用性使得它在现代前端开发中占据了重要地位。Vue组件是Vue.js中最核心的组成部分，它是构建应用的基础单元，也是Vue项目模块化和重用的关键所在。在这篇文章中，我们将深入探讨Vue.js的组件开发，涵盖从基础到进阶的各个方面，包括组件的创建、通信、生命周期、性能优化等内容，帮助你掌握Vue组件开发的核心技巧。一、Vue组件
  • 基于JavaScript的网页设计案例分析：打造现代化、交互性强的网站体验 冷夜雨. javascript
    引言随着互联网的快速发展，网页设计的要求也在不断提升。从最初的静态页面到如今的动态、交互式网页，JavaScript作为一种重要的前端开发语言，已成为现代网页设计中不可或缺的一部分。它能够为网页带来更强的交互性、灵活性和动态效果，不仅提升用户体验，也能在设计过程中实现更复杂的功能。本文将通过一个具体的JavaScript网页设计案例，来展示如何利用JavaScript打造现代化、交互性强的网站，并
  • Python网络爬虫入门教程：从抓取数据到应用实现 冷夜雨. python
    引言在大数据时代，信息就是力量。各种网站每天产生着海量的数据，这些数据中蕴藏着巨大的商业价值和研究价值。如何快速、自动化地从互联网上获取这些信息，成为了数据科学、人工智能、市场分析等领域中的一个重要课题。Python，作为一门易于学习且功能强大的编程语言，其丰富的库和工具使得构建网络爬虫变得非常简单。网络爬虫（WebScraper）是一种自动化程序，用来从网页中提取信息。无论是用于数据分析、竞争对
  • XXL-JOB v2.5.0 | 分布式任务调度平台
    ReleaseNotes1、【优化】框架基础守护线程异常处理逻辑优化，避免极端情况下因Error导致调度终止问题；2、【优化】底层通讯超时时间支持自定义，默认3秒，缓解网络抖动导致任务通讯超时问题；可参考xxl-job-admin和samples示例代码自行配置；3、【修复】调度中心快慢线程池优化拒绝策略，避免因默认AbortPolicy导致调度结果丢失问题；4、【优化】调度中心快慢线程池队列长度
  • Vue 开发者的 React 实战指南：路由和导航篇
    作为Vue开发者，在迁移到React开发时，路由系统的差异是需要重点关注的部分。本文将从VueRouter的使用经验出发，详细介绍ReactRouter的使用方式和最佳实践。基础路由配置VueRouter配置在Vue中，我们通常这样配置路由：//router/index.jsimport{createRouter,createWebHistory}from'vue-router';importHo
  • Linux配置网卡、创建用户赋予sudo权限、互信息等基本操作
    Linux基本操作指南：配置网卡、创建用户赋予sudo权限与互信息计算在Linux系统中，网络配置、用户管理和信息分析是日常运维和开发中不可或缺的部分。本文将详细介绍如何配置网卡、创建用户并赋予sudo权限，以及计算互信息的基本操作，帮助您高效管理和分析系统资源。配置网卡在Linux系统中，配置网卡是连接网络的基础操作。以下步骤以配置eth0网卡为例，说明如何设置静态IP地址。1.编辑网卡配置文件
  • MySQL 主从延迟及其解决方案 mysql主从复制同步
    MySQL主从复制的同步机制是由从库（Slave）发起请求，然后主库（Master）通过一个名为logdump的线程将日志推送给从库。接收到日志后，从库会将其保存到中继日志（RelayLog）中，并通过SQL线程（SQLthread）执行这些日志操作。这个过程是异步的，且主库不会关心从库是否同步。主从延迟的可能原因：网络延迟主库与从库之间的数据是通过网络进行传输的。如果网络连接较慢或存在网络延迟，
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p