前言：
本人17年应届毕业生，已入职，刚入职没有太多事情于是整理了一下过去面试的笔记。很多人觉得前端不需要或者不会被面试到网络的部分就跳过了，曾经我也是这样，后来发现就算一些细小的点都会被问到，这里的题一是源自被问过，二是自我收集，一道一道看完肯定没有坏处。也祝大家拿到心仪的offer。
系列文章：
CSS面试笔试题
JavaScript面试笔试题
HTML一些常考代码：
FE-interview-questions，满意点个star。
HTML前端面试（包含网络）
1. 对web标准的理解是什么？
首先是html标签上，标签闭合，标签小写，不乱嵌套；使用语义化标签，例如header，article，少用这样没有语义的标签，以提高搜索几率；使用外部的css文件及js文件，使结构表现行为分离；减少文件数目，达到减少网络请求次数，文件下载与页面速度更流畅；内容能被更多的用户及设备访问，保证在版本较低的浏览器下能够呈现完整内容，在版本高的浏览器上能够展现更完美的视觉效果；代码低耦合高内聚，易维护。
2. HTTP状态码及其含义？
- 100-119：接收成功，要求客户端继续提交下一次请求
- 200-299：接收成功且完整处理了整个过程。
- 300-399：客户需要进一步细化：
- 302：重定向
- 304/307：拿缓存
- 400-499：请求出错不能执行
- 404：请求资源没在web服务器中
- 403：没有权限，拒绝访问
- 500-599：服务器端错误
- 503：由于临时的服务器维护或者过载，服务器当前无法处理请求。
- 500：服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理。一般来说，这个问题都会在服务器的程序码出错时出现。
3. 一级域名？二级域名是指什么？
- .com ：顶级域名
- baidu.com： 一级域名
- www.baidu.com／tieba.baidu.com： 二级域名
4. 浏览器解析url过程？
- 浏览器输入地址
- 输入baidu，浏览器自动添加.com
- baidu.com的时候，这是一级域名，给你重定向到www.baidu.com这样的二级域名。
- 浏览器查看是否有缓存
- 浏览器缓存
- 系统缓存
- DNS缓存（路由器缓存）
- 请求终于来到了DNS服务器，DNS服务器将域名解析为ip地址
- 向isp分配的dns发起请求查询www.baidu.com这个域名
- 检查是否有缓存，有都话就返回。
- 没有的话会从配置文件里读取13个根域名服务器
- 然后向其中一台发出请求
- 知道了是.com这个域下的，就返回com域中的NS记录，一般来说是13台主机和IP。
- 然后再向一台发出请求，com域的服务器发现是baidu.com这个域的，返回给你。
- 然后再像baidu.com这个域的服务器发出请求，查到了www的这台主机，就把ip返回
- ispdns拿到之后，将其返回给客户端，并保存在高速缓存中
-
浏览器有了ip就可以找到服务器，两者之间就可以建立tcp链接，服务器需要和浏览器建立tcp三次握手。
image- 客户端发送SYN=1（表示请求连接），并发送一个seq（随机码）
- 服务器由于收到SYN=1，知道是请求连接，返回一个ACK=1（表示确认），并同返回一个请求连接SYN=1，然后返回一个ack=seq+1（客户端随机码应答），且自己也返回一个seq（随机码）
- 客户端收到服务器的ack后验证，向服务器确认包发送ack=seq+1（服务器随机码应答）
- 服务器确认ack后建立连接，完成三次握手。
为什么非要三次握手 ？若只有两次握手，假如客户端发送了一个报文因为时延，久久没有送到服务器端，故客户端也没有收到来自服务器端的确认，就把这次报文认定为“已失效的报文”，并且会再次发送一次报文。但是如果认定失效之后，失效报文正好通过阻塞送到了服务器，因为只有两次握手，那么连接就建立了起来，但是这个连接是错误的，因为正确的报文已经重新发出了。如果三次握手的话，那么在服务器接受到失效报文再返回给客户端确认时，由于客户端校验ack不正确，可以不用理会那个由于失效报文建立起的连接。
讲了三次握手，这里也说下四次握手，与解析url无关
image
- 客户端发送FIN=1（表示结束），并发送随机码seq=u
- 服务器端返回一个ACK=1（表示确认），并返回ack=u + 1，且也发生一个随机码seq=v
- 服务器再发出一个一个FIN=1，和seq=w，且重复发送上次内容
- 客户端返回一个ACK=1，然后返回随机码等于上次随机码加一seq=u+1，再返回ack=w+1
- 服务器端收到后结束连接，客户端也结束连接。
为什么非要四次握手？
因为当客户端没有东西发送给服务器了，就会发送FIN报文，但是服务器端收到FIN报文后未必就会马上关闭socket，因为有可能服务器端还有一些信息要发送给客户端，但是还没有发完。服务器发送FIN报文和客户端分开的，于是就有了四次握手。
为什么TIME_WAIT状态还需要等2MSL后才能返回到CLOSED状态？
并不能保证客户端最后返回的ACK能正确送达，若未正确送达，在2MSL内，服务器还会重发FIN报文。
- 握手成功后，首先浏览器得向服务器发送http请求（如果是http协议）和请求数据包
- 请求方式
- 请求协议的版本
- 想到得到什么数据，数据是什么格式的
- 服务器收到了请求后进行处理，将需要的数据返回浏览器
- 浏览器收到http响应头，此时就会读取数据，进行浏览器渲染。
- 解析DOM树
- 遇到图片样式表js文件启动下载
- 显示html页面
5 .你所知道的HTTP请求方法？
- GET：请求指定页面的信息，并返回实体主体。
- HEAD：类似于GET请求，只不过返回的响应没有具体内容，用于获取报头
- POST：向指定资源提交数据请求处理（例如表单或上传文件）。数据被包含在请求体中。POST请求可能导致新资源的建立/或已有资源的修改。
- PUT：从客户端向服务器传送的数据取代指定的文档的内容。
- DELETE：请求服务器删除指定的页面。
- CONNECT：HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。
- OPTIONS：允许客户端查看服务器的性能
- TRACE；回显服务器收到的请求，主要用于测试或诊断
6.iframe的使用场景有哪些？
- 左侧是功能树，右侧是具体功能。为了每一个功能单独分离。
- 加载别的网站的内容。
- ajax上传文件
- 在上传图片时，不使用flash实现无刷新。
- 跨域的时候作为中间人
7. 什么是置换元素？置换元素有哪些？
- CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸。
- 浏览器根据元素的标签和属性，来决定元素的具体显示内容。
- 他们可以设置width/height，如同设置了display:inline-block一般
- 有img,input,textarea,select,object
8. HTTP请求格式
下面是一个HTTP请求的数据：
POST /index.php HTTP/1.1
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:10.0.2) Gecko/20100101 Firefox/10.0.2
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-cn,zh;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive
Referer: http://localhost/
Content-Length：25
Content-Type：application/x-www-form-urlencoded
username=aa&password=1234
- 请求行
请求的第一行是： 方法 URL 协议/版本（POST /index.php HTTP/1.1）
- 请求头：每个头域由一个域名，冒号（:），域值三部分组成，域值前可以添加任意个空白字符，头域可以被扩展为多行，每行前至少有一个空格或制表符。
- Transport 头域
- Connection：表示是否需要持久连接（长连接）。如果服务器看到这里的值是"Keep-Alive"，或者看到请求用的是HTTP1.1（默认持久连接），他就可以利用持久连接的优点。
- Host：用于指定被请求资源的Internet主机号和端口号，通常从HTTP URL中提取出来。（
例如: Host: localhost这里缺省端口号80，若指定了端口号8080，则为 Host: localhost:8080）
- Client 头域
- Accept：浏览器可以接受的媒体类型。
例如：Accept: text/html，代表能够接受html，如果服务器无法返回指定类型则返回406。通配符 * 代表任意类型。Accept: * / * 代表浏览器可以处理所有类型，(一般浏览器发给服务器都是发这个) - Accept-Encoding：浏览器申明自己接收的编码方式，通常指定是否支持压缩，支持什么压缩方法。
例如： Accept-Encoding: gzip, deflate。Server能够向支持gzip/deflate的浏览器返回经gzip或者deflate编码的HTML页面。 许多情形下这可以减少5到10倍的下载时间，也节省带宽。 - Accept-Language：申明自己接收的语言。
例如： Accept-Language:zh-cn。没有设置表示可以接收任何语言。 - User-Agent：告诉服务器，客户端使用的操作系统和浏览器的名称和版本。
例如：User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:10.0.2) Gecko/20100101 Firefox/10.0.2 - Accept-Charset：申明浏览器接收的字符集，如gb2312，utf-8。
- Accept：浏览器可以接受的媒体类型。
- Cookie/Login 头域
- Cookie：最重要的header，将cookie的值发送给HTTP服务器。
- Entity头域
- Content-Length：发送给服务器数据的长度。
- Content-Type：发送给服务器数据的类型。
例如：Content-Type：application/x-www-form-urlencoded
- Miscellaneous 头域
- Referer：告诉服务器我是从哪个页面链接过来的。比如从我主页上链接到一个朋友那里，他的服务器就能够从HTTP Referer中统计出每天有多少用户点击我主页上的链接访问他的网站。
例如：Referer: http://localhost/
- Referer：告诉服务器我是从哪个页面链接过来的。比如从我主页上链接到一个朋友那里，他的服务器就能够从HTTP Referer中统计出每天有多少用户点击我主页上的链接访问他的网站。
- Cache 头域
- If-Modified-Since：把浏览器缓存的页面的最后修改时间给服务器发送过去，服务器对比实际文件的最后修改时间。如果时间一致，那么返回304
例如：If-Modified-Since: Thu, 09 Feb 2012 09:07:57 GMT。 - If-None-Match：和Etag一起工作，工作原理是在HTTP response中添加Etag信息。当用户再次请求该资源时，将HTTP response中加入If-None-Match信息。如果服务器验证资源的ETag没有改变（该资源没有更新），将返回一个304状态告诉客户端使用本地缓存文件。否则将返回200状态和新的资源和Etag. 使用这样的机制将提高网站的性能。
例如: If-None-Match: "03f2b33c0bfcc1:0" - Pragma：作用： 防止页面被缓存， 在HTTP/1.1版本中，它和Cache-Control:no-cache作用一模一样
Pargma只有一个用法，例如： Pragma: no-cache
注意: 在HTTP/1.0版本中，只实现了Pragema:no-cache, 没有实现Cache-Control。 - Cache-Control：非常重要！！，用来指定Response-Request遵循的缓存机制。
- If-Modified-Since：把浏览器缓存的页面的最后修改时间给服务器发送过去，服务器对比实际文件的最后修改时间。如果时间一致，那么返回304
//
Cache-Control：Public 可以被任何缓存所缓存。
Cache-Control: Private 内容只缓存到私有缓存中。
Cache-Control: no-cache 所有内容都不会被缓存。
9. HTTP响应格式
在接收和解释请求后，服务器会返回一个HTTP响应消息。与HTTP请求类似，HTTP响应也分为三个部分，状态行，信息报头和响应正文，如：
HTTP/1.1 200 OK
Date: Sun, 17 Mar 2013 08:12:54 GMT
Server: Apache/2.2.8 (Win32) PHP/5.2.5
X-Powered-By: PHP/5.2.5
Set-Cookie: PHPSESSID=c0huq7pdkmm5gg6osoe3mgjmm3; path=/
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma: no-cache
Content-Length: 4393
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: text/html; charset=utf-8
HTTP响应示例<title>
</head>
<body>
Hello HTTP!
</body>
</html></p><p> </p>
</code></pre>
<ul>
<li>状态行</li>
</ul>
<p>状态行由协议版本，数字形式的状态代码，及状态描述组成，各元素以空格分开，结尾时换行符，格式如下：</p>
<p>HTTP-Version 表示服务器 HTTP 协议的版本，Status-Code 表示服务器发回的响应代码，Reason-Phrase 表示状态代码的文本描述，CRLF 表示回车换行。<code>例如 HTTP/1.1 200 OK（CRLF）</code></p>
<pre><code>常见状态代码、状态描述、说明：
200 OK //客户端请求成功
400 Bad Request //客户端请求有语法错误，不能被服务器所理解
401 Unauthorized //请求未经授权，这个状态代码必须和WWW-Authenticate报头域一起使用
403 Forbidden //服务器收到请求，但是拒绝提供服务
404 Not Found //请求资源不存在，eg：输入了错误的URL
500 Internal Server Error //服务器发生不可预期的错误
503 Server Unavailable //服务器当前不能处理客户端的请求，一段时间后可能恢复正常
</code></pre>
<ul>
<li>响应正文：服务器返回的资源主题，响应头和正文之间必须用空行分割。如：</li>
</ul>
<pre><code><html>
<head>
<title>HTTP响应示例<title>
</head>
<body>
Hello HTTP!
</body>
</html>
</code></pre>
<ul>
<li>常见响应头</li>
</ul>
<ol>
<li>Cache域
<ul>
<li> <strong>Date</strong>：生成消息的具体时间和日期<br> <code>例如： Date: Sun, 17 Mar 2013 08:12:54 GMT</code> </li>
<li> <strong>Expries</strong>：声明了一个网页或url地址不再被浏览器缓存的时间，一旦超过了这个时间，浏览器都应该联系原始服务器。（要注意的是，HTTP/1.0有一个功能比较弱的缓存控制机制：Pragma，使用HTTP/1.0的缓存将忽略Expires和Cache-Control头。）<br> <code>例如: Expires: Thu, 19 Nov 1981 08:52:00 GMT</code> </li>
<li> <strong>Vary</strong>：用于列出一个响应字段列表，告诉缓存服务器遇到同一个 URL 对应着不同版本文档的情况时，如何缓存和筛选合适的版本。<code>例如：Accept-Encoding</code> </li>
</ul> </li>
<li>Cookie/Login头域
<ul>
<li> <strong>P3P</strong>：用于跨域设置Cookie，这样可以解决iframe跨域访问cookie的问题。<code>例如：P3P: CP=CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR</code> </li>
<li> <strong>Set-Cookie</strong>：非常重要，用于把Cookie发送到客户端，每写入一个cookie都会生成一个Set-Cookie。<code>例如: Set-Cookie: PHPSESSID=c0huq7pdkmm5gg6osoe3mgjmm3; path=/</code> </li>
</ul> </li>
<li>Entity头域
<ul>
<li> <strong>ETag</strong>：和If-None-Match 配合使用。<code>例如：ETag: "03f2b33c0bfcc1:0"</code> </li>
<li> <strong>Last-Modified</strong>：用于指示资源的最后修改日期和时间。<code>例如：Last-Modified: Wed, 21 Dec 2011 09:09:10 GMT</code> </li>
<li> <strong>Content-Type</strong>：服务器告诉浏览器自己响应的对象的类型和字体符。<code>Content-Type:text/html;charset=GB2312</code> </li>
<li> <strong>Content-Length</strong>：指明实体正文的长度，以字节存储方式十进制数表示。<code>例如：Content-Length: 19847</code> </li>
<li> <strong>Content-Encoding</strong>：文档的编码方式，一般指压缩方式。利用gizp压缩文档能够显著地减少HTML的下载时间。<code>例如：Content-Encoding：gzip</code> </li>
<li> <strong>Content-Language</strong>：服务器告诉浏览器自己响应的对象的语言。<code>例如：Content-Language:da</code> </li>
</ul> </li>
<li>Miscellaneous 头域
<ul>
<li> <strong>Server</strong>：指明HTTP服务器软件信息。<code>例如:Apache/2.2.8 (Win32) PHP/5.2.5</code> </li>
<li> <strong>X-Powered-By</strong>：表示服务器是用什么技术开发的。<code>例如：X-Powered-By: PHP/5.2.5</code> </li>
</ul> </li>
<li>Transport 头域
<ul>
<li> <strong>Connection</strong>：和请求报头一样，是否开启长连接。</li>
</ul> </li>
<li>Location 头域
<ul>
<li> <strong>Location</strong>：用于重定向一个新的位置，包含新的URL地址。</li>
</ul> </li>
</ol>
<h4>10. HTTP长连接和短连接有什么区别？</h4>
<ul>
<li>在HTTP1.0中，默认使用的是短连接。也就是说，浏览器和服务器每进行一次HTTP操作，就会建立一次连接，但是任务结束就会中断连接。例如，浏览器解析一个HTML的时候，如果包含其他资源，如js，css，每遇到一个这样的web资源就会建立一个http对话。</li>
<li>在HTTP1.1中，默认使用长连接，使用HTTP长连接会在响应头中加入这行代码：</li>
</ul>
<pre><code>Connection:keep-alive
</code></pre>
<p>在使用长连接的情况下，当一个网页打开后，客户端和服务器之间用于传输HTTP数据的TCP不会关闭，如果客户端再次访问这个服务器上的页面，会继续使用这条已经建立的连接。</p>
<ul>
<li>HTTP协议上的长连接和短连接，实际上是TCP协议上的长短连接。</li>
<li>Keep-Alive不会永久保持连接，它有一个保持时间，可以在不同服务器上设置。</li>
</ul>
<h4>11. 如何理解HTTP是无状态的？</h4>
<p>无状态是HTTP协议的一个特点，就是指协议对事务没有记忆功能，也就是说，我和服务器连续会话两次，这两次会话没有任何联系，完全不会记录任何信息。</p>
<h4>12. HTTP和HTTPS有什么区别？</h4>
<ul>
<li>http和https是两种完全不同的连接方式，端口不一样前者是80，后者是443；</li>
<li>HTTP和简单是无状态，无连接的。HTTPS是基于HTTP开发的，它使用安全套接字层（SSL）进行信息交换，简单来说它是HTTP的安全版；</li>
<li>在网络模型中，HTTP工作于应用层，HTTPS工作于传输层；</li>
<li>HTTP无需加密，HTTPS会对传输的数据进行加密。</li>
</ul>
<h4>13. HTTP1.0和HTTP1.1的区别？</h4>
<ul>
<li>HTTP1.1支持长连接</li>
<li>HTTP1.1增加host字段，如果信息中没有Host域，服务器讲会返回一个400.而HTTP1.0默认每台服务器都绑定一个唯一的IP地址。</li>
<li>HTTP1.1加入了一个新的状态码100（continue）。允许客户端在发request消息body之前先用request header试探一下server，看server要不要接收request body，再决定要不要发request body。目的是节约带宽。</li>
<li>HTTP1.1可以将发送的信息分割成若干个任意大小的数据块，每个数据块在发送时都会附上一个长度，以零数据块作为结尾。这样的方法允许对方只缓存一个片段，避免缓冲整个信息带来的过载。</li>
<li>HTTP1.1在cache上添加了一些新的特性，当缓存对象的Age超过expire时，不需要舍弃对象，而是与源服务器进行重激活。</li>
</ul>
<h4>14. 进程与线程的区别？</h4>
<ul>
<li>如何理解线程与进程？
<ul>
<li>计算机的CPU，就好比一个工厂。</li>
<li>工厂的电力有限，一次只能一个车间开工，开工时，其他车间就必须停工。<strong>意指CPU一次只能运行一个任务</strong>。</li>
<li>进程就好比工厂的每一个车间，<strong>CPU总是运行一个进程，其他进程就属于非运行状态</strong>。</li>
<li>一个车间里有很多人，大家协同完成一个任务，<strong>车间里的每一个人就好比一个线程</strong>。</li>
<li>车间里的空间是工人们共享的，许多房间是每个工人都可以进出的。<strong>象征一个进程的内存空间是共享的，每个线程都可以使用这些空间</strong>。</li>
<li>可是有些房间大小不同，有些房间只能容纳一个人，比如厕所，里面有人的时候，其他人就不能进去。<strong>这代表某些线程在使用某些共享空间时，其他线程必须等他使用结束，才能使用这块空间</strong>。</li>
<li>防止他人进入的方法就是在门口加一把锁，锁开了其他人才能进去。<strong>这就叫互斥锁，防止多个线程同时读写某一块内存</strong>。</li>
<li>有些房间很大可以容纳n人，比如厨房，如果人数大于n，多出来的人就只能在外面等着。<strong>好比某些内存，只能给固定数目的线程使用</strong>。</li>
<li>解决这样的问题，就是在门外挂n把钥匙，没进去一个人，就拿走一把钥匙，出来时再把钥匙挂回原处，有人看见没有钥匙了，就必须在门口等待。<strong>这种做法叫做信号量，保证多个线程不会冲突</strong>。</li>
<li> </li>
</ul> </li>
</ul>
<blockquote>
<p>阮一峰：进程与线程的一个简单解释</p>
</blockquote>
<ul>
<li>区别：
<ul>
<li>调度：进程是系统分配调度的一个基本单位，至少拥有一个线程；线程是一个使用资源的基本单位。</li>
<li>资源：进程各自拥有独立的地址空间，资源，共享复杂，同步简单；线程共享进程资源，共享简单。</li>
<li>占用内存：进程占用内存多，切换复杂cpu利用率低；线程占用内存少，切换简单，CPU利用率高。</li>
<li>进程不会相互影响；线程一个挂掉可能导致整个进程挂掉。</li>
</ul> </li>
</ul>
<h4>15. TCP与UDP的区别？</h4>
<ul>
<li>TCP是面向连接的（先拨号再建立连接）；UDP是无连接的。</li>
<li>TCP提供可靠的传输服务，无差错不丢失；UDP尽最大努力交付，不保证可靠交互。</li>
<li>每一条TCP是点到点的；UDP支持一对一，一对多，多对一和多对多的交互信息。</li>
<li>TCP首部开销小；UDP首部开销大。</li>
</ul>
<h4>16. 如何提高网站的加载速度？</h4>
<ul>
<li>使用图片地图，如果一个导航栏是很多图片组成，那每个选项就是一张图片，无疑是增加了http请求书。我们为何不把多张图片合成一张，图片地图允许在一个图片上关联多个url，根据你点的位置决定进入哪个url。</li>
<li>CSS精灵，比如一个动态效果有多个状态，每次切换一个效果就要更换一张图片，那么可以选择将多张图片合成一张图片减少字节数，通过指定css的backgroud-image和backgroud-position来显示图片。</li>
<li>合并脚本，利用打包多个js合并为一个，多个css合并成一个，减少请求次数。</li>
<li>当要在body上多次添加div的时候，使用DocumentFragment来代替直接appendChild。</li>
</ul>
<pre><code>var fragment = createDocumentFragment();
for(var i = 0; i < 10; i++ ){
var spanNode = document.createElement("span");
spanNode.innerHTML = "number:" + i;
fragment.appendChild(spanNode);
}
//add this DOM to body
document.body.appendChild(fragment);
</code></pre>
<ul>
<li>改变类的样式的时候不要一句一句改变，实现一次性改变。</li>
</ul>
<pre><code>// bad
var left = 10;
var top = 10;
el.style.left = left + "px";
el.style.top = top + "px";
// good
el.className += " theclassname";
// good
el.style.cssText += "; left: " + left + "px; top: " + top + "px;";
</code></pre>
<ul>
<li>使用动画帧(requestAnimationFrame)来优化setTimeout：</li>
</ul>
<pre><code> const square = document.getElementsByClassName('move')[0];
let progress = 0
let left = square.style.left;
let index = left.indexOf('p');
left = Math.floor(left.slice(0, index));
function move() {
square.style.left = ++left + 'px';
progress++
if (progress < 500) {
window.requestAnimationFrame(move);
}
}
move();
</code></pre>
<h4>17.网页的生成过程</h4>
<ul>
<li>HTML代码转化为DOM。</li>
<li>CSS代码转为CSSOM（CSS Object Model）。</li>
<li>结合DOM和CSSOM，生成一颗渲染树（包括每个节点的视觉信息）。</li>
<li>生成布局，将所有渲染树节点进行平面合成。</li>
<li>将布局绘制在屏幕上。</li>
</ul>
<h4>18.什么是<em>重排</em>和<em>重绘</em>？</h4>
<p>以下三种情况，会导致网页重新渲染</p>
<ul>
<li>修改DOM</li>
<li>修改样式表</li>
<li>用户事件（页面滚动，输入框键入文字，改变窗口大小等等）</li>
</ul>
<p>重新渲染，就需要重新生成布局和重新绘制。<br> 前者就叫<strong>重排</strong>，后者就叫做<strong>重绘</strong>。</p>
<ul>
<li>重绘不一定触发重排，比如改变页面某个元素的颜色，并没有导致布局改变。</li>
<li>重排一定触发重绘，比如改变了一个网页元素的位置，就会触发重排和重绘。</li>
</ul>
<h4>19. 页面的性能指标详解：</h4>
<ul>
<li>白屏时间（first Paint Time）：用户从打开页面开始到页面开始有东西呈现为止。</li>
<li>首屏时间：浏览器呈现出所有内容所花费的时间。</li>
<li>用户可操作时间（dom interactive）：用户可以进行正常的点击，输入等操作，默认可以统计domready时间，因为通常会在这时候绑定事件操作。</li>
<li>总下载时间：页面所有资源都加载完成并呈现出来所花的时间，即页面 onload 的时间</li>
</ul>
<h4>20. web表单登录中用到的图形验证码的实现</h4>
<ul>
<li>服务器端生成验证码后，一方面通过图片将验证码返回给客户端，同时在服务器端保存文本的验证码，由服务器端验证输入的内容。</li>
</ul>
<h4>21. 在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值？</h4>
<div class="image-package">
<div class="image-container" style="max-width: 156px; max-height: 252px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<br>
<div class="image-package">
<div class="image-container" style="max-width: 154px; max-height: 241px;">
<div class="image-view">
<a href="http://img.e-com-net.com/image/info10/02aff5c3a9e844dd87537f2901c4cf93.png" target="_blank"><img src="http://img.e-com-net.com/image/info10/02aff5c3a9e844dd87537f2901c4cf93.png" width="154" height="241" alt="HTML及HTTP面试笔试题_第3张图片" style="border:1px solid black;"></a>
</div>
</div>
<div class="image-caption">
image
</div>
</div>
<ul>
<li>注意: 在HTML 4中 cellpadding 属性已废弃，HTML5 已不支持该属性，可以使用 CSS 代替。</li>
</ul>
<h4>22. 各种浏览器的内核是什么？</h4>
<ul>
<li> <strong>Trident</strong>(-<strong>ms</strong>-)：IE、傲游、世界之窗、腾讯TT、360、搜狗</li>
<li> <strong>Gecko</strong>(-<strong>moz</strong>-)：FireFox</li>
<li> <strong>Webkit</strong>(-<strong>webkit</strong>-)：Chrome、Safari</li>
<li> <strong>Kestrel</strong>(-<strong>o</strong>-)：9.5版本以上Opera</li>
<li> <strong>Presto</strong>(-<strong>o</strong>-)：9.5以前Opera</li>
</ul>
<h4>23.下列代码是否合法？</h4>
<pre><code><figure>
<figcaption>
<p>This is my self portrait.</p>
</figcaption>
</figure>
</code></pre>
<p>合法，figure标签规定独立的流内容（图片，图表，照片，代码等等）。figure元素应该与主内容有关，但如果被删除，不对文档流产生影响，<figcaption> 元素为 figure 添加标题（caption）。</p>
<h4>24. scope属性有什么用？</h4>
<pre><code><article>
<h1>Hello World</h1>
<style scoped>
p {
color: #FF0;
}
</style>
<p>This is my text</p>
</article>
<article>
<h1>This is awesome</h1>
<p>I am some other text</p>
</article>
</code></pre>
<p>scoped属性是一个布尔值，如果使用该属性，则样式仅仅用在父元素及其子元素。</p>
<h4>25. 用于预格式化的标签是？</h4>
<ul>
<li><pre></pre> 预格式化指的是保留文字在源码种到格式。</li>
</ul>
<h4>26. HTML5 新的表单元素：</h4>
<ul>
<li>datalist 表示选项清单：</li>
</ul>
<pre><code><datalist id="url_list">
<option label="W3School" value="http://www.W3School.com.cn" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
</code></pre>
<p>option表示选项。如果需要把datalist绑定到输入域，则用datalist的id。<strong>option永远都要设置value属性。</strong></p>
<pre><code>Webpage: <input type="url" list="url_list" name="link" />
</code></pre>
<ul>
<li>keygen元素的作用是提供一种验证用户的可靠方法。</li>
</ul>
<pre><code><form action="demo_form.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
</code></pre>
<ul>
<li>output用于不同类型的输出</li>
</ul>
<pre><code><output id="result" onforminput="resCalc()"></output>
</code></pre>
<h4>27. HTML5有哪些新的输入类型？</h4>
<ul>
<li>email</li>
<li>url</li>
<li>number
<ul>
<li>min 最小值</li>
<li>max 最大值</li>
<li>step 间隔</li>
</ul> </li>
<li>range
<ul>
<li>min 最小值</li>
<li>max 最大值</li>
<li>step 间隔</li>
</ul> </li>
<li>search</li>
<li>data-pickers</li>
</ul>
<pre><code>Date: <input type="date" name="user_date" />
type = month, week, time, datetime, datetime-local
</code></pre>
<ul>
<li>color</li>
</ul>
<h4>28. localStorage和sessionStorage的API</h4>
<ul>
<li>保存数据：localStorage.setItem(key, value);</li>
<li>读取数据：localStorage.getItem(key);</li>
<li>删除数据：localStorage.removeItem(key);</li>
<li>删除所有数据：localStorage.clear();</li>
<li>得到某个索引的key：localStorage.key(index);</li>
</ul>
<h4>29. 表格？</h4>
<ul>
<li>格式</li>
</ul>
<pre><code><table>
<tr><th></th></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
</code></pre>
<ul>
<li>跨行(th,td)
<ul>
<li>colspan ：跨列</li>
<li>rowspan ：跨行</li>
</ul> </li>
<li>table
<ul>
<li>align对齐方式（不建议使用）</li>
<li>bgcolor背景颜色（不建议使用）</li>
<li>border表格边框宽度</li>
<li>cellpadding单元沿边和内容的宽度</li>
<li>cellspacing单元格之间的空白</li>
<li>summary摘要</li>
<li>width宽度(px,%)</li>
<li>frame外边框哪些部分可见</li>
<li>rules那边边框哪个部分可见</li>
</ul> </li>
<li>td
<ul>
<li>valign垂直排列方式</li>
<li>align水平对其方式</li>
<li>scope定义将表头数据与单元数据相关联的方法。</li>
<li>char根据哪个字符来对其</li>
</ul> </li>
<li>默认没有任何属性时，没有内外边框</li>
</ul>
<h4>30. 如何规定页面加载使某个元素自动获取焦点：</h4>
<pre><code><input autofocus>
</code></pre>
<h4>31. HTML5获得地理位置：</h4>
<ul>
<li>navigator.geolocation用于获取基于浏览器的当前用户地理位置，提供了三个方法：</li>
</ul>
<pre><code>// 获取用户当前位置
void getCurrentPosition(onSuccess,onError,options);
// 持续获取用户当前位置
int watchCurrentPosition(onSuccess,onError,options);
// 取消监控
void clearWatch(id) // id 为watchCurrentPosition返回的ID
</code></pre>
<ul>
<li>options</li>
</ul>
<pre><code>options = {
enableHighAccuracy, //boolean 是否要求高精度的地理信息
timeout, //表示等待响应的最大时间，默认是0毫秒，表示无穷时间
maximumAge //应用程序的缓存时间
}
</code></pre>
<h4>32. 表单的enctype属性：</h4>
<ul>
<li> <code>application/x-www-form-urlencoded</code>在发送前编码所有字符（默认）（空格被编码为’+’，特殊字符被编码为ASCII十六进制字符）</li>
<li> <code>multipart/form-data</code> 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。</li>
<li> <code>text/plain</code> 空格转换为 “+” 加号，但不对特殊字符编码。</li>
</ul>
<h4>33.不同的字符编码：</h4>
<ul>
<li>utf-8：针对Unicode点可变长字符编码，又称万国码。UTF-8用1到6个字节编码UNICODE字符。用在网页上可以同一页面显示中文简体繁体及其它语言（如英文，日文，韩文）。</li>
<li>GBK：汉字编码，表示简体繁体。</li>
<li>ISO8859-2：收集了东欧字符。</li>
</ul>
<h4>34. 位图和矢量图的区别？</h4>
<ul>
<li>位图：由屏幕上的像素点组成，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的类似于点阵，多个像素的色彩就形成了位图。<strong>无限放大会失真</strong>（.bmp、.gif、.jpg、.png）</li>
<li>矢量图：矢量图像，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。<strong>无限放大不会失真</strong> </li>
</ul>
<h4>35. HTML常常应用的几种图片格式及其区别？</h4>
<ul>
<li>jpg：适用于摄影图片，以及色彩丰富的图片。缺点：压缩易失真。优点：相对于png来说同样色彩丰富的图片，jpg的大小更小。</li>
<li>gif：支持有损压缩。不支持全透明，支持半透明，支持动画。</li>
<li>png：无损压缩方式；支持透明、半透明、不透明；不支持动画；Png图片如果色彩较多或复杂，则图片生成后的格式是很大的，相比较jpg的放有5~6倍之多，所以没特别要求不能以png替代jpg的使用。png8支持半透明。</li>
<li>总结：小图片或网页基本元素(如按钮),考虑PNG-8或GIF.照片则考虑JPG</li>
</ul>
<h4>36. HTML全局属性：</h4>
<ul>
<li> <code>accesskey</code>：设置元素获得焦点快捷键（注释：请使用Alt + accessKey (或者 Shift + Alt + accessKey) 来访问带有指定快捷键的元素。）</li>
<li> <code>class</code>：类名</li>
<li> <code>contenteditable</code>：元素内容是否可编辑</li>
<li> <code>contextmenu</code>：对元素点击右键弹出菜单框</li>
</ul>
<pre><code><p contextmenu="supermenu">本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。</p>
<menu id="supermenu">
<command label="Step 1: Write Tutorial" onclick="doSomething()">
<command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">
</menu>
</code></pre>
<ul>
<li> <code>data-*</code>：自定义属性，通过el.dataset访问数据</li>
</ul>
<pre><code class="HTML"><div id="user" data-id="1234567890" data-name="愚人码头" data-date-of-birth>码头</div>
</code></pre>
<pre><code class="JavaScript">var el = document.querySelector('#user');
console.log(el.id); // 'user'
console.log(el.dataset);//一个DOMStringMap
console.log(el.dataset.id); // '1234567890'
console.log(el.dataset.name); // '愚人码头'
</code></pre>
<ul>
<li> <code>dir</code>：元素中内容的文本方向</li>
<li> <code>draggable</code>：元素是否可以拖拽</li>
<li> <code>dropzone</code>：规定在元素上拖动数据时，是否拷贝、移动或链接被拖动数据。</li>
<li> <code>hidden</code>：元素是否被隐藏</li>
<li> <code>lang</code>：规定元素内容的语言</li>
<li> <code>spellcheck</code>：是否进行拼写检查</li>
<li> <code>style</code>：样式</li>
<li> <code>tabindex</code>：tab键次序。设置后元素可以获得焦点，但是又喜欢不影响tab次序表，则可以设置值为-1。</li>
</ul>
<pre><code><div tabindex=-1></div>
</code></pre>
<ul>
<li> <code>title</code>：描述</li>
<li> <code>translate</code>：yes|no，是否应该翻译本段。</li>
</ul>
<h4>35. 如何定义可以在网页上通过链接直接打开邮件客户端发送邮件？（mailto:）</h4>
<pre><code><a href="mailto:xiao@163.com"></a>
</code></pre>
<h4>36. src和href的区别？</h4>
<ul>
<li>src：通常应用在img，script，iframe上。加载并替换当前元素。当浏览器解析到这一句的时候会暂停其他资源的下载和处理，直到加载编译执行完成。</li>
<li>href：指向网络资源所在位置，当为link时，会下载并且不会停止对当前文档的处理</li>
</ul>
<h4>37. link和@import的区别？</h4>
<ul>
<li>link除了加载css还可以做其他事情；而@import只能加载css。</li>
<li>link加载css时可以随页面同时加载；@import需要页面完全载入完之后加载。</li>
<li>link无兼容问题，@import是css2.1的东西有兼容问题。</li>
<li>link可以支持dom操作。</li>
</ul>
<h4>38. 短语元素有哪些？</h4>
<ul>
<li> <code><em></code>：表示强调</li>
<li> <code><strong></code>：表示语气更强</li>
<li> <code><dfn></code>：定义一个定义项目</li>
<li> <code><code></code>：定义计算机代码文本</li>
<li> <code><samp></code>：定义样本文本</li>
<li> <code><kbd></code>：键盘文本，表示文本是从键盘上键入的</li>
<li> <code><var></code>：定义变量与code和pre配合使用</li>
<li> <code><cite></code>：定义应用，参考文献之类</li>
</ul>
<h4>39. http和webSocket的区别？</h4>
<ul>
<li>相同点：
<ul>
<li>都是基于tcp协议基础之上。</li>
<li>都需要经过request和response阶段，webSocket发起请求的时候相当于借鉴了http的头部格式，区别在于webSocket请求头部新加了很多字段（upgrade:websocket最关键）</li>
<li>请求失败成功返回的状态码都一样</li>
</ul> </li>
<li>不同点：
<ul>
<li>webSocket是一个持久化协议（实现真正的长链接），相对于HTTP是一个非持久化协议。</li>
<li>HTTP中永远是这样，也就是说一个request只能有一个response。而且这个response也是被动的，不能主动发起。</li>
<li>websocket解决的问题：实质的推送方式是服务器主动推送，只要有数据就推送到请求方。（变被动为主动）</li>
</ul> </li>
</ul>
<h4>40.mete的作用及用法</h4>
<ul>
<li>作用：
<ul>
<li>搜索引擎优化</li>
<li>定义页面使用的语言</li>
<li>自动刷新并指向新的页面</li>
<li>页面转换时的动态效果</li>
<li>控制页面缓存</li>
<li>页面描述</li>
<li>网页显示的窗口信息</li>
</ul> </li>
<li>用法：
<ul>
<li>语法：<code><meta name="参数"content="具体的参数值">。</code>，主要参数：</li>
<li>keywords（关键字）：用来告诉搜索引擎你的网页关键字是什么。<code><meta name="keywords"content="meta总结,html meta,meta属性,meta跳转"></code> </li>
<li>description（网站内容描述）：用来告诉搜索引擎引擎你的网站的主要内容。<code><meta name="description"content="haorooms博客,html的meta总结，meta是html语言head区的一个辅助性标签。"></code> </li>
<li>robots（机器人向导）：用来告诉哪些页面需要索引。<code><meta name="robots"content="none"></code>
<ul>
<li>参数为all：文件将被检索，且页面上的链接可以被查询；</li>
<li>参数为none：文件不会被检索，页面上的链接不可以被查询；</li>
<li>参数为index：文件将被检索；</li>
<li>参数为follow：页面上的链接可以被查询。</li>
<li>参数为noindex：文件将不被检索，但页面上的链接可以被查询；</li>
<li>参数为nofollow：文件将被检索，但页面上的链接不可以被查询；</li>
</ul> </li>
<li>author（作者）：标注网页的作者<code><meta name="author"content="root,root@xxxx.com"></code> </li>
<li>generator：表示网站采用的什么软件制作</li>
<li>COPYRIGHT：说明网站版权信息</li>
<li>revisit-after：代表网站重访<code><META name="revisit-after"CONTENT="7days"></code>代表7天。</li>
</ul> </li>
<li>http-equiv属性：相当于http文件头的作用，可以向浏览器传回一些有用的信息
<ul>
<li>Expires：设置网页到期时间，一旦网页到期，必须到服务器上重新传输。<code><meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT"></code> 注意时间使用的是GMT格式。</li>
<li>Pragma：禁止浏览器从本地计算机的缓存中访问页面内容。<code><meta http-equiv="Pragma"content="no-cache"></code>。</li>
<li>Refresh：自动刷新并指向新页面。<code><meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)</code>。</li>
<li>Set-Cookie：如果页面过期，那么存盘的cookie将被删除。<code><meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/"></code> </li>
<li>Window-target(显示窗口的设定)：用来防止别人在框架里调用自己页面。<code><meta http-equiv="Window-target"content="_top"></code>强制页面在当前窗口以独立页面显示。</li>
<li>content-Type(显示字符集的设定)：设定页面使用的字符集。<code><meta http-equiv="content-Type"content="text/html;charset=gb2312"></code>
<ul>
<li>GB2312：简体中文</li>
<li>BIG5：繁体中文</li>
<li>iso-2022-jp：日文</li>
<li>ks_c_5601：韩文</li>
<li>ISO-8859-1：英文</li>
<li>UTF-8：世界码</li>
</ul> </li>
<li>content-Language（显示语言的设定）<code><meta http-equiv="Content-Language"content="zh-cn"/></code> </li>
<li>Cache-Control指定请求和响应遵循的缓存机制。</li>
<li>imagetoolbar：指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。<code><meta http-equiv="imagetoolbar"content="false"/></code> </li>
<li>Content-Script-Type：制定脚本类型<code><Meta http-equiv="Content-Script-Type"Content="text/javascript"></code> </li>
</ul> </li>
<li>关于移动端的meta属性：
<ul>
<li>viewport属性：<code><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"></code>
<ul>
<li>width：viewport的宽度</li>
<li>height：viewport的高度</li>
<li>initial-scale：初始的缩放比例</li>
<li>minimum-scale：允许用户缩放到的最小比例</li>
<li>maximum-scale：允许用户缩放到的最大比例</li>
<li>user-scalable：用户是否可以手动缩放</li>
</ul> </li>
<li> <code><meta name="apple-mobile-app-capable" content="yes"></code>：是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单。</li>
<li> <code><meta name="apple-mobile-app-status-bar-style" content="black"></code>：改变顶部状态条的颜色。</li>
<li> <code><meta name="format-detection" content="telphone=no, email=no"/></code>：忽略页面中的数字识别为电话，忽略email识别。</li>
</ul> </li>
</ul>
<h4>41. 状态码302和301的区别？</h4>
<ul>
<li>301代表永久重定向：它告诉查找引擎，这个地址弃用了，永远转向一个新地址，可以转移新域名的权重。</li>
<li>302代表临时重定向：临时重定向到一个地址。</li>
<li>为什么要使用301不使用302？因为302存在网址URL劫持。</li>
</ul>
<blockquote>
<p>假如a的地址很短，更加用户友好，但是他做了一个302重定向到b，b的网址是一个乱七八糟的很长的url网址，然后由于浏览器并不能总是抓取目标地址，很自然的，a 网址更加用户友好，而b 网址既难看，又不用户友好。这时Google 很有可能会仍然显示网址，但是内容却仍然是b上的内容，这种情况就叫做网址劫持。而301永久重定向就不会出现这样的情况。</p>
</blockquote>
<h4>42.</h4>
<ul>
<li>CDN是什么？即内容分发网络，其基本思路是尽可能避开互联网有可能影响数据传输和稳定性的瓶颈和环境，是内容传输更稳定更快。</li>
<li>正向代理，反向代理是什么？
<ul>
<li>正向代理：a想找c借钱，但是a并不能直接找c借钱，那么a找b借钱，b找c借钱，那么a就得到了c的钱，但是c并不知道把钱借给了谁。比如科学上网，a访问google访问不了，但搭建在国外的b可以访问google，那么让他去请求google再把内容返回给a就好了。</li>
<li>反向代理：a访问baidu，但是baidu背后有成千上万台服务器，a并不知道具体是哪台给的服务，但你只需要知道代理服务器是www.baidu.com就好了，反向代理服务器会帮我们把请求发给真实的服务器。主要用来做负载均衡。</li>
</ul> </li>
</ul>
<blockquote>
<p>反向代理为何叫反向代理</p>
</blockquote>
<blockquote>
<p>CND是什么？使用CDN有什么优势？</p>
</blockquote>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1212753680298774528"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML及HTTP面试笔试题)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1896479350014930944.htm"
title="python selenium实现网站表格数据爬取--以波兰太阳能电站补贴数据为例" target="_blank">python selenium实现网站表格数据爬取--以波兰太阳能电站补贴数据为例</a>
<span class="text-muted">文仙草</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%A4%84%E7%90%86/1.htm">数据处理</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a>
<div>需要爬取带下拉框选择的网站表格里的数据：波兰民用太阳能补贴项目的网站https://mojprad.gov.pl/wyniki-naboru开始打算用BeautifulSoup，不过没研究明白怎么实现下拉框选择和确认（如果有大神知道如何实现的话，求私信！！）。后来，发现用selenium这个做网站自动化测试的包，用来做网站数据爬取简直不要太方便。以下为最终实现的对带下拉框的网站表格进行爬取的实例。</div>
</li>
<li><a href="/article/1896476197865451520.htm"
title="单稳态多谐振荡器的综合设计与应用文档" target="_blank">单稳态多谐振荡器的综合设计与应用文档</a>
<span class="text-muted">胡说先森</span>
<div>本文还有配套的精品资源，点击获取简介：单稳态多谐振荡器是一种电子电路，以其产生固定长度脉冲的独特功能，在信号处理、定时和脉冲整形等领域得到广泛应用。本文档详细介绍了单稳态多谐振荡器的工作原理、电路设计、特性及实际应用。电路由两个反相器和RC网络组成，工作原理包含触发、稳态和复位三个阶段。其特性如脉冲宽度可调、输入脉冲影响小、脉冲形状的稳定性等决定了在脉冲整形、定时器、延时、分频和边沿检测等应用中的</div>
</li>
<li><a href="/article/1896475567813881856.htm"
title="selenium之表格的定位" target="_blank">selenium之表格的定位</a>
<span class="text-muted">weixin_33755557</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/1.htm">测试</a>
<div>2019独角兽企业重金招聘Python工程师标准>>>真的勇士，敢于直面惨淡的warning、敢于正视淋漓的error目录被测试网页的HTML代码1.遍历表格所有单元格2.定位表格中的某个元素3.定位表格中的子元素总结浏览器网页常常会包含各类表格，自动化测试工程师可能会经常操作表格中的行，列以及某些特定的单元格，因此熟练掌握表格的定位方法是自动化测试实施过程中必要的技能。被测试网页的HTML代码被</div>
</li>
<li><a href="/article/1896475188883681280.htm"
title="html 视频在线播放,HTML 视频（Video）播放" target="_blank">html 视频在线播放,HTML 视频（Video）播放</a>
<span class="text-muted">不教书的塞涅卡</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91%E5%9C%A8%E7%BA%BF%E6%92%AD%E6%94%BE/1.htm">视频在线播放</a>
<div>HTML视频(Video)播放在HTML中播放视频有很多种方法。HTML视频(Videos)播放示例html>基础教程(nhooo.com)测试看看‹/›问题以及解决方法在HTML中播放视频并不容易！您需要谙熟大量技巧，以确保您的视频文件在所有浏览器中(InternetExplorer,Chrome,Firefox,Safari,Opera)和所有硬件上(PC,Mac,iPad,iPhone)都能</div>
</li>
<li><a href="/article/1896473294920544256.htm"
title="app弱网测试" target="_blank">app弱网测试</a>
<span class="text-muted">tcc374254426</span>
<a class="tag" taget="_blank" href="/search/app%E4%B8%93%E9%A1%B9%E6%B5%8B%E8%AF%95/1.htm">app专项测试</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
<div>目录目录1.引言2.什么是弱网测试3.测试用例4.弱网测试工具4.1.charles4.2.QNET5.环境安装5.1.安装charles5.2.安装QNET5.3.安装模拟器5.4.连接设备6.使用charles6.1.将电脑设置为代理服务器6.2.查看电脑IP6.3.手机设置电脑为代理6.4.HTTPS6.5.设置SSL代理6.6.电脑安装证书6.7.手机安装证书6.8.charles模拟不同</div>
</li>
<li><a href="/article/1896471276613070848.htm"
title="eNSP中AR2220、AR201、AR1220、AR2240、AR3260、Router、NE40E、NE5000E、NE9000、CX路由器学习笔记" target="_blank">eNSP中AR2220、AR201、AR1220、AR2240、AR3260、Router、NE40E、NE5000E、NE9000、CX路由器学习笔记</a>
<span class="text-muted">learning-striving</span>
<a class="tag" taget="_blank" href="/search/eNSP/1.htm">eNSP</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/eNSP/1.htm">eNSP</a><a class="tag" taget="_blank" href="/search/%E8%B7%AF%E7%94%B1%E5%99%A8/1.htm">路由器</a><a class="tag" taget="_blank" href="/search/%E8%B7%AF%E7%94%B1%E5%99%A8%E6%8E%A5%E5%8F%A3/1.htm">路由器接口</a><a class="tag" taget="_blank" href="/search/VRP/1.htm">VRP</a>
<div>eNSP中常见华为路由器型号的接口特性详解及横向对比，重点关注接口类型、扩展能力和适用场景：缩写解释：LPU：LineProcessingUnit（线路处理单元）SPU：ServiceProcessingUnit（业务处理单元）PoE：PoweroverEthernet（以太网供电）GE：GigabitEthernet（千兆以太网）FE：FastEthernet（快速以太网）SFP：SmallFo</div>
</li>
<li><a href="/article/1896471024359239680.htm"
title="Python 用 Selenium & DataFrame 提取网页内表格数据" target="_blank">Python 用 Selenium & DataFrame 提取网页内表格数据</a>
<span class="text-muted">solosoft</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a>
<div>提取的数据导入DataFrame，方便后期处理frompandas.core.frameimportDataFramefromseleniumimportwebdriverdriver=webdriver.Edge();driver.get("http://data.eastmoney.com/hsgt/index.html")table_content=driver.find_element_b</div>
</li>
<li><a href="/article/1896469762012147712.htm"
title="【数学建模】基于matlab模拟无人车泊车问题仿真" target="_blank">【数学建模】基于matlab模拟无人车泊车问题仿真</a>
<span class="text-muted">matlab科研助手</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%A6%E5%BB%BA%E6%A8%A1/1.htm">数学建模</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>✅作者简介：热爱科研的Matlab仿真开发者，修心和技术同步精进，代码获取、论文复现及科研仿真合作可私信。个人主页：Matlab科研工作室个人信条：格物致知。更多Matlab完整代码及仿真定制内容点击智能优化算法神经网络预测雷达通信无线传感器电力系统信号处理图像处理路径规划元胞自动机无人机物理应用机器学习内容介绍无人驾驶汽车技术近年来取得了飞速发展，其中自动泊车功能是关键技术之一。本文将重点讨论无</div>
</li>
<li><a href="/article/1896469763111055360.htm"
title="【2025年14期免费获取股票数据API接口】实例演示五种主流语言获取股票行情api接口之沪深A股近年增发数据获取实例演示及接口API说明文档" target="_blank">【2025年14期免费获取股票数据API接口】实例演示五种主流语言获取股票行情api接口之沪深A股近年增发数据获取实例演示及接口API说明文档</a>
<span class="text-muted">不会写代码的码农农</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%82%A1%E7%A5%A8API/1.htm">股票API</a><a class="tag" taget="_blank" href="/search/%E8%82%A1%E7%A5%A8%E6%95%B0%E6%8D%AE%E6%8E%A5%E5%8F%A3/1.htm">股票数据接口</a>
<div>在近一至两年期间，股票量化分析逐步成为备受关注的热门议题。对于投身于该领域工作而言，首要步骤便是获取全面且精准的股票数据。无论是实时交易数据、历史交易记录、财务数据，亦或是基本面信息，这些数据均是开展量化分析过程中不可或缺的宝贵资源。我们的核心任务在于从这些数据中提炼出具有价值的信息，从而为投资策略提供坚实有力的指导。在数据探索进程中，我尝试运用了多种方法，涵盖自编网易股票页面爬虫程序、申万行业数</div>
</li>
<li><a href="/article/1896467619100291072.htm"
title="AUTOSAR 的运行时环境（RTE）详解及综合实例" target="_blank">AUTOSAR 的运行时环境（RTE）详解及综合实例</a>
<span class="text-muted">大模型大数据攻城狮</span>
<a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E9%9D%A2%E8%AF%95/1.htm">嵌入式面试</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA%E9%9D%A2%E7%BB%8F/1.htm">单片机面经</a><a class="tag" taget="_blank" href="/search/iot/1.htm">iot</a><a class="tag" taget="_blank" href="/search/%E7%A1%AC%E4%BB%B6%E6%9E%B6%E6%9E%84/1.htm">硬件架构</a><a class="tag" taget="_blank" href="/search/arm%E5%BC%80%E5%8F%91/1.htm">arm开发</a><a class="tag" taget="_blank" href="/search/fpga%E5%BC%80%E5%8F%91/1.htm">fpga开发</a><a class="tag" taget="_blank" href="/search/%E7%A1%AC%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">硬件工程</a>
<div>目录1.运行时环境（RTE）概述1.1RTE的核心功能1.2RTE的架构1.3RTE的工作流程2.RTE的详细功能解析2.1通信管理2.1.1通信模式2.1.2通信机制2.1.3实例：CAN通信的RTE实现2.2调度管理2.2.1调度策略2.2.2调度器实现2.2.3实例：发动机控制的调度2.3事件管理2.3.1事件类型2.3.2事件处理流程2.3.3实例：CAN消息的事件处理3.综合实例：发动机</div>
</li>
<li><a href="/article/1896466737298206720.htm"
title="Postman 离线登录版" target="_blank">Postman 离线登录版</a>
<span class="text-muted">乌姗或Jonathan</span>
<div>Postman离线登录版项目地址:https://gitcode.com/open-source-toolkit/4b03c简介本仓库提供了一个无需登录即可使用的Postman离线版本。新版本的Postman需要账号登录，但在国内由于网络原因，登录过程经常缓慢甚至超时。此版本允许用户跳过账号登录步骤，直接进行离线模拟HTTP请求开发。功能特点无需登录：跳过账号登录步骤，直接使用Postman进行开</div>
</li>
<li><a href="/article/1896465603787550720.htm"
title="Python 开发常见问题汇总" target="_blank">Python 开发常见问题汇总</a>
<span class="text-muted">公众号/头条号：技术很有趣</span>
<a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/pip/1.htm">pip</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a>
<div>1WARNING:Retrying(Retry(total=3,connect=None,read=None,redirect=None,status=None))afterconnectionbrokenby'ConnectTimeoutError根因：本地代理未配置或者配置不对解决方法：方法一：使用开源的镜像源配置或者公司内部镜像源，举例：[global]index-url=https://X</div>
</li>
<li><a href="/article/1896461315409506304.htm"
title="基于单片机的数字电能表（论文+源码）" target="_blank">基于单片机的数字电能表（论文+源码）</a>
<span class="text-muted">云山工作室</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a><a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a>
<div>1.系统整体方案设计数字电能表系统设计解决了传统的用电设备的应用问题，能够让用户通过手机等移动设备获取电器的实时工作状态及数据信息，能够帮助找出高能耗的电器，及时停用或替换高能耗用电设备。在功能上需要实现高压交流电压的测量，并且可以对交流电压，电流，电能质量，功率因数等进行测量。如图2.1所示为系统整体设计框图，系统采用STC89C52单片机作为主控制器，搭配外设PZEM-004模块实现电能检测,</div>
</li>
<li><a href="/article/1896461063218589696.htm"
title="8个Python爬虫高效数据抓取技巧" target="_blank">8个Python爬虫高效数据抓取技巧</a>
<span class="text-muted">程序员小鱼_</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>在数据驱动的时代，Python爬虫成为了获取网络数据的重要工具。本文将深入浅出地介绍8个高效的Python爬虫技巧，帮助初学者提升数据抓取能力，从简单的网页内容提取到复杂的动态网站抓取，逐步解锁爬虫高级技能。1.使用Requests库优雅地请求网页技巧简介：Requests是Python中处理HTTP请求的明星库，简洁易用。实践示例：importrequestsurl='https://examp</div>
</li>
<li><a href="/article/1896456400897372160.htm"
title="[Windows] 免费电脑控制手机软件 极限投屏_正式版_3.0.1 （QtScrcpy作者开发）" target="_blank">[Windows] 免费电脑控制手机软件 极限投屏_正式版_3.0.1 （QtScrcpy作者开发）</a>
<span class="text-muted">私人珍藏库</span>
<a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%84%91/1.htm">电脑</a>
<div>[Windows]极限投屏_正式版链接：https://pan.xunlei.com/s/VOKJf8Z1u5z-cHcTsRpSd89tA1?pwd=u5ub#新增功能(Future)：支持安卓14(SupportsAndroid14)提高投屏成功率(Improvethesuccessrateofmirror)加快投屏速度(Acceleratescreenmirroringspeed)减少批量投</div>
</li>
<li><a href="/article/1896450726788395008.htm"
title="pycharm 远程连接服务器 python packaging tool not found" target="_blank">pycharm 远程连接服务器 python packaging tool not found</a>
<span class="text-muted">安屿咨询</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pycharm/1.htm">pycharm</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a>
<div>python相关学习资料：https://edu.51cto.com/video/3832.htmlhttps://edu.51cto.com/video/3502.htmlhttps://edu.51cto.com/video/4645.htmlPyCharm远程连接服务器时遇到PythonPackagingToolNotFound的问题在使用PyCharm远程连接服务器进行开发时，可能会遇到“</div>
</li>
<li><a href="/article/1896448583398387712.htm"
title="Java实现基数排序算法详解及优化" target="_blank">Java实现基数排序算法详解及优化</a>
<span class="text-muted">捕风捉你</span>
<a class="tag" taget="_blank" href="/search/%E4%BB%8E0%E5%BC%80%E5%A7%8B%E5%AD%A6%E7%AE%97%E6%B3%95/1.htm">从0开始学算法</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>引言基数排序（RadixSort）是一种非比较型整数排序算法，通过将整数按位进行排序来实现。它具有稳定、高效的特点，特别适用于大规模数据的排序。本文将详细讲解如何使用Java实现基数排序算法，并结合图解和实例代码，帮助您全面理解这一高级排序算法。同时，我们还将进行时间复杂度分析，并探讨基数排序的优化方法，以进一步提高其性能。基数排序算法的原理基数排序通过按位排序，从最低位到最高位（或从最高位到最低</div>
</li>
<li><a href="/article/1896443288727121920.htm"
title="八字易经算法之用JAVA实现排大运" target="_blank">八字易经算法之用JAVA实现排大运</a>
<span class="text-muted">luozhuang</span>
<div>序:一直上网发现有人出软妹币求八字易经排盘系统方法或者源代码，更有此类软件竟要收费上百元。比如：http://bbs.csdn.net/topics/220008904我上网查找半天也没有具体八字易经排盘系统原理的文章。排盘如同武学中的马步，拳法，是基础中的基础。作为易学高手的我（大师♂罗莊）对告诉各位码农如何八字易经排盘系统负有不可推卸的责任。我就细细说怎么排大运首先是八字基础天干甲乙丙丁戊己庚</div>
</li>
<li><a href="/article/1896441646501916672.htm"
title="Python-Machine-Learning-Cookbook 项目教程" target="_blank">Python-Machine-Learning-Cookbook 项目教程</a>
<span class="text-muted">张亭齐Crown</span>
<div>Python-Machine-Learning-Cookbook项目教程Python-Machine-Learning-CookbookCodefilesforPython-Machine-Learning-Cookbook项目地址:https://gitcode.com/gh_mirrors/py/Python-Machine-Learning-Cookbook1.项目目录结构及介绍Python</div>
</li>
<li><a href="/article/1896440386889510912.htm"
title="Weditor安装遇到了问题:Preparing metadata (pyproject.toml) did not run successfully." target="_blank">Weditor安装遇到了问题:Preparing metadata (pyproject.toml) did not run successfully.</a>
<span class="text-muted">BullSmall</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>问题现象uiautomator2环境部署的时候，在安装Weditor的时候并不顺利，安装过程遇到的问题如下定位过程尼玛，耗费我2小时，借助度娘，总结下网友描述这个问题的原因：weditor不支持python3.1以上版本，要降低python版本-setup包版本太低，使用pipinstall--upgradepipsetuptools==45.2.0升级setup包先gitclonehttps:/</div>
</li>
<li><a href="/article/1896437614437789696.htm"
title="清华DeepSeek使用手册：大合集（附PDF下载）" target="_blank">清华DeepSeek使用手册：大合集（附PDF下载）</a>
<span class="text-muted">2501_90737257</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a>
<div>资源链接：https://pan.quark.cn/s/e9b7230b1538学霸不可怕，可怕的是学霸以永不停歇的马拉松姿态狂奔！清华大学推出了《DeepSeek使用手册》，以鸿篇巨制重新定义人机协作的边界。从智能写作到代码生成，从科研分析到商业创新，手册中300+场景案例宛如打开AI应用的潘多拉魔。这场现象级AI革命正以光速席卷全球，你会发现身边越来越多的朋友、同事、领导、老板、学生都开始使用</div>
</li>
<li><a href="/article/1896434541975891968.htm"
title="HarmonyOS Next一次开发，多端适配的最佳实践" target="_blank">HarmonyOS Next一次开发，多端适配的最佳实践</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a>
<div>本文旨在深入探讨华为鸿蒙HarmonyOSNext系统的技术细节，基于实际开发实践进行总结。主要作为技术分享与交流载体，难免错漏，欢迎各位同仁提出宝贵意见和问题，以便共同进步。本文为原创内容，任何形式的转载必须注明出处及原作者。在HarmonyOSNext的生态环境中，实现一次开发、多端适配是开发者追求的高效开发模式。这不仅能降低开发成本，还能让应用快速触达更多用户。但在实践过程中，会面临诸多挑战</div>
</li>
<li><a href="/article/1896434540642103296.htm"
title="HarmonyOS Next页面开发中的自定义组件" target="_blank">HarmonyOS Next页面开发中的自定义组件</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a>
<div>本文旨在深入探讨华为鸿蒙HarmonyOSNext系统的技术细节，基于实际开发实践进行总结。主要作为技术分享与交流载体，难免错漏，欢迎各位同仁提出宝贵意见和问题，以便共同进步。本文为原创内容，任何形式的转载必须注明出处及原作者。在HarmonyOSNext的页面开发过程中，自定义组件就像是搭建乐高积木时那些精心制作的特殊模块，它们为开发者提供了高度的灵活性和复用性。接下来，我们就深入了解一下自定义</div>
</li>
<li><a href="/article/1896431561818042368.htm"
title="asp.net mvc 到 asp.net core3.1 mvc 迁移" target="_blank">asp.net mvc 到 asp.net core3.1 mvc 迁移</a>
<span class="text-muted">ironinfo</span>
<a class="tag" taget="_blank" href="/search/dotnet/1.htm">dotnet</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/core/1.htm">core</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/api/1.htm">api</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/gRPC/1.htm">gRPC</a><a class="tag" taget="_blank" href="/search/%E8%BF%81%E7%A7%BB/1.htm">迁移</a>
<div>目标把以前的asp.netwebapi网站迁移到asp.netcore3.1，过程很不平滑，磕磕绊绊。1.HttpContent.Current找不到了core里面需要先在Startup.cs的ConfigureServices方法里加一句services.AddHttpContextAccessor()，再通过HttpContextAccessor.HttpContext获得这个HttpCont</div>
</li>
<li><a href="/article/1896430427875373056.htm"
title="前端基础 - HTML（一）html基本结构" target="_blank">前端基础 - HTML（一）html基本结构</a>
<span class="text-muted">林一。</span>
<a class="tag" taget="_blank" href="/search/html%E5%9F%BA%E7%A1%80/1.htm">html基础</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>html概述和基本结构html概述HTML是HyperTextMark-upLanguage的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打</div>
</li>
<li><a href="/article/1896429543279882240.htm"
title="【NLP面试】大模型（NLP）岗位最新高频面题和面试经验总结，一定不要错过！！！（★思维导图版★）" target="_blank">【NLP面试】大模型（NLP）岗位最新高频面题和面试经验总结，一定不要错过！！！（★思维导图版★）</a>
<span class="text-muted">青松ᵃⁱ</span>
<a class="tag" taget="_blank" href="/search/NLP/1.htm">NLP</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E9%9D%A2%E7%99%BE%E8%BF%87/1.htm">百面百过</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>【NLP面试】大模型（NLP）岗位最新高频面题和面试经验总结，一定不要错过！！！（★思维导图版★）嗨，你好，我是青松！自小刺头深草里，而今渐觉出蓬蒿。NLPGithub项目推荐：【AI藏经阁】：https://gitee.com/fasterai/ai-e-book介绍：该仓库主要分享了数百本AI领域电子书【AI算法面经】：fasterai/nlp-interview-handbook#面经介绍：</div>
</li>
<li><a href="/article/1896428912376868864.htm"
title="JS原生系列-DOM篇（延伸）" target="_blank">JS原生系列-DOM篇（延伸）</a>
<span class="text-muted">Joe?</span>
<div>为什么80%的码农都做不了架构师？>>>关于DOM，这就是最后一部分了，这部分都是后台或者最新的domapi，学的时候需要多的记忆一次，有印象有保障！-.ajax的介绍：ajax输出json格式文件jsonp的介绍xhr2的介绍http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_create.asp-.cookie的介绍：设置cookie和删除c</div>
</li>
<li><a href="/article/1896428660097871872.htm"
title="Emulex FC HBA卡FW升级与驱动安装" target="_blank">Emulex FC HBA卡FW升级与驱动安装</a>
<span class="text-muted">weixin_30776545</span>
<a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>1下载https://www.broadcom.com/products/storage/fibre-channel-host-bus-adapters/登录网址，选择对应产品下载相应OS下的FW、driver、OneCommandManager工具，其中OneCommandManager工具用来刷新FW2Windows2.1安装OCManager工具双击elxocm-windows-x64-12</div>
</li>
<li><a href="/article/1896428365288632320.htm"
title="Angular CLI 源码分析" target="_blank">Angular CLI 源码分析</a>
<span class="text-muted"></span>
<div>准备：安装Node.jshttps://nodejs.org/；安装VSCodehttps://code.visualstudio.com/；创建文件夹angular-cli-source-learn；安装AngularCLInpminstall@angular/clihttps://www.npmjs.com/package/@angular/cli；开发时一般全局安装npminstall-g@</div>
</li>
<li><a href="/article/1896428282111389696.htm"
title="JavaScript+CSS2+CSS3中文手册大全" target="_blank">JavaScript+CSS2+CSS3中文手册大全</a>
<span class="text-muted">远方之巅</span>
<div>本文还有配套的精品资源，点击获取简介：JavaScript是一种用于网页动态效果和交互功能的脚本语言，与HTML和CSS共同构建富互联网应用。CSS2和CSS3作为网页样式的语言，增强了网页设计的布局控制和用户体验。本手册集提供了这三种技术的详细指南，包括基本语法、函数、对象操作、DOM操作、事件处理、BOM、AJAX以及ES6的新特性，同时深入介绍了CSS2的盒模型、布局技巧和CSS3的媒体查询</div>
</li>
<li><a href="/article/120.htm"
title="web前段跨域nginx代理配置" target="_blank">web前段跨域nginx代理配置</a>
<span class="text-muted">刘正强</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>nginx代理配置可参考server部分
server {
listen 80;
server_name localhost;
</div>
</li>
<li><a href="/article/247.htm"
title="spring学习笔记" target="_blank">spring学习笔记</a>
<span class="text-muted">caoyong</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>一、概述
a>、核心技术 : IOC与AOP
b>、开发为什么需要面向接口而不是实现
接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响
c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式) </div>
</li>
<li><a href="/article/374.htm"
title="Eclipse打开workspace提示工作空间不可用" target="_blank">Eclipse打开workspace提示工作空间不可用</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
<div>做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace，
1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。
解决办法，删掉.fileTableLock文件，重</div>
</li>
<li><a href="/article/501.htm"
title="Javascript 面向对面写法的必要性？" target="_blank">Javascript 面向对面写法的必要性？</a>
<span class="text-muted">一炮送你回车库</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember
这是javascript层的mvc框架哦,不是j2ee的mvc框架
我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu</div>
</li>
<li><a href="/article/628.htm"
title="js array对象的迭代方法" target="_blank">js array对象的迭代方法</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/array/1.htm">array</a>
<div>1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素
使用该函数 return 语句失效
function square(num) {
print(num, num * num);
}
var nums = [1,2,3,4,5,6,7,8,9,10];
nums.forEach(square);
2.every 该方法接受一个返回值为布尔类型</div>
</li>
<li><a href="/article/755.htm"
title="对Hibernate缓存机制的理解" target="_blank">对Hibernate缓存机制的理解</a>
<span class="text-muted">归来朝歌</span>
<a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">一级缓存</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E6%8C%81%E4%B9%85%E5%8C%96/1.htm">对象持久化</a>
<div>在hibernate中session一级缓存机制中，有这么一种情况：
问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用
session.save()方法，在提交事务后，会出现这样的情况：
1：在数据库中有默认属性的字段的值为空
2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？
通过调试后解决方案如下：
对于问题一，如你在数据库里设置了</div>
</li>
<li><a href="/article/882.htm"
title="WebService调用错误合集" target="_blank">WebService调用错误合集</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div> Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton
调用接口出错，
一个简单的WebService
import org.apache.axis.client.Call;import org.apache.axis.client.Service;
首先必不可</div>
</li>
<li><a href="/article/1009.htm"
title="JSP和Servlet的中文乱码处理" target="_blank">JSP和Servlet的中文乱码处理</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a>
<div>JSP和Servlet的中文乱码处理
前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。
一、表单提交时出现乱码：
在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以</div>
</li>
<li><a href="/article/1136.htm"
title="面试经典六问" target="_blank">面试经典六问</a>
<span class="text-muted">atongyeye</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
<div>题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。
以下是人事了解应聘者情况的最典型的六个问题：
1 简单自我介绍
关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。
我的回答：(针对技术面试回答，如果是人事面试，可以就掌</div>
</li>
<li><a href="/article/1263.htm"
title="contentResolver.query()参数详解" target="_blank">contentResolver.query()参数详解</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/query%28%29%E8%AF%A6%E8%A7%A3/1.htm">query()详解</a>
<div>收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名
一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。
[java]
view plain
copy
public void fetchAllContacts() {
</div>
</li>
<li><a href="/article/1390.htm"
title="ora-00054:resource busy and acquire with nowait specified解决方法" target="_blank">ora-00054:resource busy and acquire with nowait specified解决方法</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/kill/1.htm">kill</a><a class="tag" taget="_blank" href="/search/nowait/1.htm">nowait</a>
<div> 当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。
1.下面的语句</div>
</li>
<li><a href="/article/1517.htm"
title="web 开发乱码" target="_blank">web 开发乱码</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>以下前端都是 utf-8 字符集编码
一、后台接收
1.1、 get 请求乱码
get 请求中，请求参数在请求头中；
乱码解决方法：
a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"；
1.2、post 请求乱码
post 请求中，请求参数分两部份，
1.2.1、url？参数，</div>
</li>
<li><a href="/article/1644.htm"
title="【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式" target="_blank">【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a>
<div>Spark SQL数据源和表的Schema
case class
apply schema
parquet
json
JSON数据源 准备源数据
{"name":"Jack", "age": 12, "addr":{"city":"beijing&</div>
</li>
<li><a href="/article/1771.htm"
title="JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss" target="_blank">JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/-Xss/1.htm">-Xss</a><a class="tag" taget="_blank" href="/search/-Xmn/1.htm">-Xmn</a><a class="tag" taget="_blank" href="/search/-Xms/1.htm">-Xms</a><a class="tag" taget="_blank" href="/search/-Xmx/1.htm">-Xmx</a>
<div>
堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置：
java -Xmx355</div>
</li>
<li><a href="/article/1898.htm"
title="jqGrid 各种参数 详解(转帖)" target="_blank">jqGrid 各种参数 详解(转帖)</a>
<span class="text-muted">BreakingBad</span>
<a class="tag" taget="_blank" href="/search/jqGrid/1.htm">jqGrid</a>
<div>
jqGrid 各种参数 详解 分类：
源代码分享
个人随笔请勿参考
解决开发问题 2012-05-09 20:29 84282人阅读
评论(22)
收藏
举报
jquery
服务器
parameters
function
ajax
string </div>
</li>
<li><a href="/article/2025.htm"
title="读《研磨设计模式》-代码笔记-代理模式-Proxy" target="_blank">读《研磨设计模式》-代码笔记-代理模式-Proxy</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.lang.reflect.InvocationHandler;
import java.lang.reflect.Method;
import java.lang.reflect.Proxy;
/*
* 下面</div>
</li>
<li><a href="/article/2152.htm"
title="应用升级iOS8中遇到的一些问题" target="_blank">应用升级iOS8中遇到的一些问题</a>
<span class="text-muted">chenhbc</span>
<a class="tag" taget="_blank" href="/search/ios8/1.htm">ios8</a><a class="tag" taget="_blank" href="/search/%E5%8D%87%E7%BA%A7iOS8/1.htm">升级iOS8</a>
<div>1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在
-(void)viewWillAppear:(BOOL)animated
中写的，最终的解决办法是把判断写在
-(void</div>
</li>
<li><a href="/article/2279.htm"
title="工作流与自组织的关系？" target="_blank">工作流与自组织的关系？</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div> 目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？
这里有篇论文，摘要是：“针对网格中的服务</div>
</li>
<li><a href="/article/2406.htm"
title="Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX" target="_blank">Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>insert提示IGNORE_ROW_ON_DUPKEY_INDEX
转自：http://space.itpub.net/18922393/viewspace-752123
在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一</div>
</li>
<li><a href="/article/2533.htm"
title="二叉树:堆" target="_blank">二叉树:堆</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a>
<div> 这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:
一个节点的父节点下标为: (当前下标 - 1)/2
一个节点的左节点下标为: 当前下标 * 2 + 1
&</div>
</li>
<li><a href="/article/2660.htm"
title="C语言学习八结构体" target="_blank">C语言学习八结构体</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div>为什么需要结构体，看代码
# include <stdio.h>
struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量
{
int age;
float score;
char sex;
}
int main(void)
{
struct Student st = {80, 66.6,</div>
</li>
<li><a href="/article/2787.htm"
title="centos安装golang" target="_blank">centos安装golang</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
<div>#在国内镜像下载二进制包
wget -c http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz
tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz
#把golang的bin目录加入全局环境变量
cat >>/etc/profile<</div>
</li>
<li><a href="/article/2914.htm"
title="10.性能优化-监控-MySQL慢查询" target="_blank">10.性能优化-监控-MySQL慢查询</a>
<span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/MySQL%E6%85%A2%E6%9F%A5%E8%AF%A2/1.htm">MySQL慢查询</a>
<div>1.记录慢查询配置
show variables where variable_name like 'slow%' ; --查看默认日志路径
查询结果：--不用的机器可能不同
slow_query_log_file=/var/lib/mysql/centos-slow.log
修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn</div>
</li>
<li><a href="/article/3041.htm"
title="Java父类取得子类类名" target="_blank">Java父类取得子类类名</a>
<span class="text-muted">happyqing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/this/1.htm">this</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%90%8D/1.htm">类名</a>
<div>
在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！
package com.urthinker.module.test;
import org.junit.Test;
abstract class BaseDao<T> {
public void </div>
</li>
<li><a href="/article/3168.htm"
title="Spring3.2新注解@ControllerAdvice" target="_blank">Spring3.2新注解@ControllerAdvice</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/%40Controller/1.htm">@Controller</a>
<div>@ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：
@Target(ElementType.TYPE)
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Component
public @interface Co</div>
</li>
<li><a href="/article/3295.htm"
title="Java spring mvc多数据源配置" target="_blank">Java spring mvc多数据源配置</a>
<span class="text-muted">liuxihope</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>转自：http://www.itpub.net/thread-1906608-1-1.html
1、首先配置两个数据库
<bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo</div>
</li>
<li><a href="/article/3422.htm"
title="第12章 Ajax（下）" target="_blank">第12章 Ajax（下）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3549.htm"
title="BW / Universe Mappings" target="_blank">BW / Universe Mappings</a>
<span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a>
<div>
BW Element
OLAP Universe Element
Cube Dimension
Class
Charateristic
A class with dimension and detail objects (Detail objects for key and desription)
Hi</div>
</li>
<li><a href="/article/3676.htm"
title="Java开发熟手该当心的11个错误" target="_blank">Java开发熟手该当心的11个错误</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
<div>#1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收
测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为</div>
</li>
<li><a href="/article/3803.htm"
title="推行国产操作系统的优劣" target="_blank">推行国产操作系统的优劣</a>
<span class="text-muted">yananay</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%9B%BD%E4%BA%A7%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">国产操作系统</a>
<div>最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？
先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>