2020.08.19瑛太莱前端一面

1.输入url到页面渲染的过程？

首先通过DNS解析域名查询到IP，这个查询是操作系统自己做的，操作系统会首先在本地缓存中查询 IP，没有的话会去系统配置的 DNS服务器中查询，如果这时候还没得话，会直接去 DNS 根服务器进行递归查询。
接下来是 TCP 握手，应用层会下发数据给传输层，这里 TCP 协议会指明两端的端口号，然后下发给网络层。网络层中的 IP协议会确定 IP 地址，并且指示了数据传输中如何跳转路由器。然后包会再被封装到数据链路层的数据帧结构中，最后就是物理层面的传输了。
TCP 三次握手结束后，开始发送 HTTP 请求。
服务端处理请求，响应一个 HTML 文件。首先浏览器会判断状态码是什么，如果是 200 那就继续解析，如果 400 或 500
的话就会报错，如果 300 的话会进行重定向。
浏览器拿到响应文本 HTML正式开始渲染流程。先会根据 HTML 构建 DOM 树，有 CSS 的话会去构建 CSSOM 树。如果遇到 script 标签的话，会判断是否存在 async 或者 defer ，前者会并行进行下载并执行 JS，后者会先下载文件，然后等待 HTML 解析完成后顺序执行。如果以上都没有，就会阻塞住渲染流程直到 JS 执行完毕。
CSSOM 树和 DOM 树构建完成后会开始生成 Render 树，这一步就是确定页面元素的布局、样式等等。在生成 Render
树的过程中，浏览器就开始调用 GPU 绘制，合成图层，将内容显示在屏幕上了。
数据传送完毕，断开 tcp 连接。

2.回流和重绘？

重绘是当节点需要更改外观而不会影响布局的，比如改变 color 就叫称为重绘。
回流是布局或者几何属性需要改变就称为回流。

3.改变字体大小是回流还是重绘？

回流，回流必定会发生重绘，重绘不一定会引发回流。

4.浏览器缓存？

强缓存：浏览器请求数据的时候，服务端在response header里面对该文件进行了缓存配置，浏览器在拿到数据之后，在过期时间之内不会再去重复请求。强缓存只有首次请求时才会跟服务器通信，读取缓存资源时不会发出任何请求。如何知道当前时间是否超过了过期时间。http1.0: 通过Expires响应头实现，表示过期时间 http1.1: 通过Cache-Control响应头实现，常用字段是max-age，表示缓存资源将在xxx秒后过期。
强缓存失效之后，浏览器在请求头中携带相应的缓存tag来向服务器发请求，由服务器根据这个tag，来决定是否使用缓存，这就是协商缓存。缓存tag分为两种: Last-Modified 和 ETag。

Last-Modified：即最后修改时间。在浏览器第一次给服务器发送请求后，服务器会在响应头中加上这个字段。浏览器接收到后，如果再次请求，会在请求头中携带If-Modified-Since字段，这个字段的值也就是服务器传来的最后修改时间。服务器拿到请求头中的If-Modified-Since的字段后，其实会和这个服务器中该资源的最后修改时间对比:如果不相等，说明更新了，返回新的资源；否则返回304，告诉浏览器直接用缓存。

ETag 是服务器根据当前文件的内容，给文件生成的唯一标识，只要里面的内容有改动，这个值就会变。服务器通过响应头把这个值给浏览器。浏览器接收到ETag的值，会在下次请求时，将这个值作为If-None-Match这个字段的内容，并放到请求头中，然后发给服务器。服务器接收到If-None-Match后，会跟服务器上该资源的ETag进行比对:如果两者不一样，说明更新了，返回新的资源；否则返回304，告诉浏览器直接用缓存。

5.事件循环？

一开始整段脚本作为第一个宏任务执行。
执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列。
当执行完所有同步代码后，执行栈为空，查询是否有异步代码需要执行。
检查微任务队列，如果有则依次执行，直到微任务队列为空。
当执行完所有微任务后，如有必要会渲染页面。
执行队首新的宏任务，开始下一轮 Event Loop。

6.js为啥是单线程的？

这主要和js的用途有关，js是作为浏览器的脚本语言，主要是实现用户与浏览器的交互，以及操作dom；这决定了它只能是单线程，否则会带来很复杂的同步问题。如果js被设计了多线程，如果有一个线程要修改一个dom元素，另一个线程要删除这个dom元素，此时浏览器就会一脸茫然，不知所措。所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征。

7.浏览器有哪些线程？

GUI渲染线程、JS引擎线程、事件触发线程、定时器触发线程、异步http请求线程。

8.宏任务微任务有哪些？

宏任务：script整体代码、settimeout回调、ajax请求回调。
微任务：promise.then、process.nextTick。

9.ajax请求回调是宏任务还是微任务？

宏任务。

10.自己怎么实现轮播图？

原理：将一些图片在一行中平铺，然后计算偏移量再利用定时器实现定时轮播。

建立html基本布局

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>轮播图</title>
</head>
<body><div class="container"><div class="wrap" style="left:-600px;"><img src="./img/5.jpg" alt=""><img src="./img/1.jpg" alt=""><img src="./img/2.jpg" alt=""><img src="./img/3.jpg" alt=""><img src="./img/4.jpg" alt=""><img src="./img/5.jpg" alt=""><img src="./img/1.jpg" alt=""></div><div class="buttons"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></div><a href="javascript:;" class="arrow arrow_left">&lt;</a><a href="javascript:;" class="arrow arrow_right">&gt;</a></div>
</body>
</html>

只有五张图片，却使用7张来轮播，这是为了实现无缝轮播；而5个span，即我们可以实时看到轮播图目前所处的位置；最后是两个按钮，可以通过它来控制前进与后退；这里我们需要对wrap使用绝对定位，所以用left:-600px;将第一张图片显示出来。

css布局
首先，resetcss，如下所示：

   		* {margin:0;padding:0;}a{text-decoration: none;}

接着，为了让图片只在container中，需要限定其宽度和高度并且使用overflow:hidden；将其余的图片隐藏起来，并且我们希望wrap相对于container左右移动，所以设置为relative，如下：

.container {position: relative;width: 600px;height: 400px;margin:100px auto 0 auto;box-shadow: 0 0 5px green;overflow: hidden;}

设置wrap是绝对定位的，就可以通过控制Left和Right来控制图片的移动了。设置z-index:1;以对后面将要放置的buttons作为参考。因为共有七张图片，所以width为4200px（每张图片我们设置为600X400）,我们只需让图片左浮动即可实现占满一排了。

 .wrap {position: absolute;width: 4200px;height: 400px;z-index: 1;}

然后把图片设置为左浮动，并限定其大小，如下所示：

.container .wrap img {float: left;width: 600px;height: 400px;}

然后把显示次序的buttons放在图片的右下角。并且设置z-index:2;以保证buttons是在图片的上面的。

 .container .buttons {position: absolute;right: 150px;bottom:20px;width: 100px;height: 10px;z-index: 2;}

然后将buttons下面的span做一个简单的修饰，并且给和图片对应的span设置一个on类，如下：

    .container .buttons span {margin-left: 5px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background-color: green;text-align: center;color:white;cursor: pointer;}.container .buttons span.on{background-color: red;}

接下来，把左右切换的箭头加上，然后做简单的修饰，注意：因为这里使用实体来表示左右箭头，所以设置font-size才能改变其大小，

.container .arrow {position: absolute;top: 35%;color: green;padding:0px 14px;border-radius: 50%;font-size: 50px;z-index: 2;display: none;}.container .arrow_left {left: 10px;}.container .arrow_right {right: 10px;}.container:hover .arrow {display: block;}.container .arrow:hover {background-color: rgba(0,0,0,0.2);}

js逻辑
首先获取到 wrap（因为要设置其left才能控制轮播图），然后获取到左右两个箭头，并实现手动轮播，如下：

        var wrap = document.querySelector(".wrap");var next = document.querySelector(".arrow_right");var prev = document.querySelector(".arrow_left");next.onclick = function () {next_pic();}prev.onclick = function () {prev_pic();}function next_pic () {var newLeft = parseInt(wrap.style.left)-600;wrap.style.left = newLeft + "px";}function prev_pic () {var newLeft = parseInt(wrap.style.left)+600;wrap.style.left = newLeft + "px";}

值得注意的是，这里wrap.style.left是一个字符串，所以要转化为数字才能进行计算，而设定left时就要加上px成为一个字符串了。在第一页时，left值为-600，所以我们可以点击一次上一张，但是当再点击一次时，就出现了空白。同样的，下一张点击，到-3600是最后一张，就不能再继续点击了。也就是说，当我们点击下一张到-3600px（这是第一张图片）时，我们需要下次跳转到第二张，即-1200px；这样才能正常跳转；同理，当我们点击上一张到0px（这是第五张图片时），我们希望下次跳转到第四张，即-2400px；按照这样的思路我们重新将next_pic和prev_pic函数修改如下：

 function next_pic () {var newLeft;if(wrap.style.left === "-3600px"){newLeft = -1200;}else{newLeft = parseInt(wrap.style.left)-600;}wrap.style.left = newLeft + "px";}function prev_pic () {var newLeft;if(wrap.style.left === "0px"){newLeft = -2400;}else{newLeft = parseInt(wrap.style.left)+600;}wrap.style.left = newLeft + "px";}

这时，图片可以循环播放了！
如果希望自动播放，使用setInterval()即可，如下所示：

        var timer = null;function autoPlay () {timer = setInterval(function () {next_pic();},1000);}autoPlay();

如果想要仔细看其中一个图片的时候，我们希望轮播图停止播放，只要clearInterval()即可，如下：

        var container = document.querySelector(".container");container.onmouseenter = function () {clearInterval(timer);}container.onmouseleave = function () {autoPlay();    }

现在，只要我们把鼠标移入轮播图中，这时轮播图就不会播放了。而移开鼠标之后，轮播图自动播放。
但是到目前为止，轮播图下方的小圆点还没有动，现在就实现它。
原理：即设置buttons的index初始值为0，即第一个span的class为on，然后触发next_pic函数时，index加1，当触发prev_pic函数时，inex减1，并设置当前index的小圆点的class为on，这就要求index必须设置为全局变量，才能保证它在每一个函数的作用域中。
添加showCurrentDot函数：

		var index = 0;var dots = document.getElementsByTagName("span");function showCurrentDot () {for(var i = 0, len = dots.length; i < len; i++){dots[i].className = "";}dots[index].className = "on";}

在next_pic中添加代码：

 			index++;if(index > 4){index = 0;}

在prev_pic中添加代码：

			index--;if(index < 0){index = 4;}showCurrentDot();

这样，轮播图就可以自动切换，并且小圆点也在随着图片的变化而变化了。
但是，这距离我们经常看到的轮播图还有一定距离 - - - 当点击小圆点时，就可跳转到相应图片。实现原理即：点击小圆点，就使wrap的Left变成相应的值。代码如下：

  for (var i = 0, len = dots.length; i < len; i++){(function(i){dots[i].onclick = function () {var dis = index - i;if(index == 4 && parseInt(wrap.style.left)!==-3000){dis = dis - 5;     }//和使用prev和next相同，在最开始的照片5和最终的照片1在使用时会出现问题，导致符号和位数的出错，做相应地处理即可if(index == 0 && parseInt(wrap.style.left)!== -600){dis = 5 + dis;}wrap.style.left = (parseInt(wrap.style.left) +  dis * 600)+"px";index = i;showCurrentDot();}})(i);            }

原理就是当点击到小圆点时，得到相应的i值，这个i值也就是span的index值，我们拿他和全局变量index作比较，然后重新设置wrap.style.left的值，然后把i值复制给全局变量index，最后显示当前的小原点即可。值得注意的是：这里涉及到了闭包的概念，如果直接使用for循环，则不能得到正确的结果。
最终代码：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>轮播图</title><style>* {margin:0;padding:0;}a{text-decoration: none;}.container {position: relative;width: 600px;height: 400px;margin:100px auto 0 auto;box-shadow: 0 0 5px green;overflow: hidden;}.container .wrap {position: absolute;width: 4200px;height: 400px;z-index: 1;}.container .wrap img {float: left;width: 600px;height: 400px;}.container .buttons {position: absolute;right: 5px;bottom:40px;width: 150px;height: 10px;z-index: 2;}.container .buttons span {margin-left: 5px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background-color: green;text-align: center;color:white;cursor: pointer;}.container .buttons span.on{background-color: red;}.container .arrow {position: absolute;top: 35%;color: green;padding:0px 14px;border-radius: 50%;font-size: 50px;z-index: 2;display: none;}.container .arrow_left {left: 10px;}.container .arrow_right {right: 10px;}.container:hover .arrow {display: block;}.container .arrow:hover {background-color: rgba(0,0,0,0.2);}</style>
</head>
<body><div class="container"><div class="wrap" style="left: -600px;"><img src="./img/5.jpg" alt=""><img src="./img/1.jpg" alt=""><img src="./img/2.jpg" alt=""><img src="./img/3.jpg" alt=""><img src="./img/4.jpg" alt=""><img src="./img/5.jpg" alt=""><img src="./img/1.jpg" alt=""></div><div class="buttons"><span class="on">1</span><span>2</span><span>3</span><span>4</span><span>5</span></div><a href="javascript:;" class="arrow arrow_left">&lt;</a><a href="javascript:;" class="arrow arrow_right">&gt;</a></div><script>var wrap = document.querySelector(".wrap");var next = document.querySelector(".arrow_right");var prev = document.querySelector(".arrow_left");next.onclick = function () {next_pic();}prev.onclick = function () {prev_pic();}function next_pic () {index++;if(index > 4){index = 0;}showCurrentDot();var newLeft;if(wrap.style.left === "-3600px"){newLeft = -1200;}else{newLeft = parseInt(wrap.style.left)-600;}wrap.style.left = newLeft + "px";}function prev_pic () {index--;if(index < 0){index = 4;}showCurrentDot();var newLeft;if(wrap.style.left === "0px"){newLeft = -2400;}else{newLeft = parseInt(wrap.style.left)+600;}wrap.style.left = newLeft + "px";}var timer = null;function autoPlay () {timer = setInterval(function () {next_pic();},2000);}autoPlay();var container = document.querySelector(".container");container.onmouseenter = function () {clearInterval(timer);}container.onmouseleave = function () {autoPlay();    }var index = 0;var dots = document.getElementsByTagName("span");function showCurrentDot () {for(var i = 0, len = dots.length; i < len; i++){dots[i].className = "";}dots[index].className = "on";}for (var i = 0, len = dots.length; i < len; i++){(function(i){dots[i].onclick = function () {var dis = index - i;if(index == 4 && parseInt(wrap.style.left)!==-3000){dis = dis - 5;     }//和使用prev和next相同，在最开始的照片5和最终的照片1在使用时会出现问题，导致符号和位数的出错，做相应地处理即可if(index == 0 && parseInt(wrap.style.left)!== -600){dis = 5 + dis;}wrap.style.left = (parseInt(wrap.style.left) +  dis * 600)+"px";index = i;showCurrentDot();}})(i);            }</script>
</body>
</html>

总结：大体思路：先创建一个div，限定其宽度和高度，overflow：hidden，且设置其position为relative。然后创建一个装图片的div，宽度为所有图片的总宽度，且设置其position为absolute，并且使其中的内容浮动，这样所有的图片就处于一行中。然后为了实现无缝滚动，所以需要在首尾分别添加一张过渡图片。先添加两个按钮，使其可以手动轮播，然后只需要添加一个定时器使其朝一个方向自动轮播即可，因为用户有时需要查看详情，所以当鼠标进入时就clear定时器，滑出再定时播放。为了更好地用户体验，我们再下面添加了一排小圆点，用户可以清楚地知道现在所处的位置，最后，利用闭包使得用户可以直接通过点击小圆点切换图片。

11.ajaxpost请求设置请求头格式内容？

ajax中POST请求中的Content-Type：

application/x-www-form-urlencoded：这应该是最常见的 POST 提交数据的方式了。浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。
multipart/form-data：这也是一个常见的 POST 数据提交的方式。我们使用表单上传文件时，就要让 form 的 enctype 等于这个值。
application/json：用来告诉服务端消息主体是序列化后的 JSON 字符串。
text/xml：相比于JSON，XML不能更好的适用于数据交换，它包含了太多的包装, 而且它跟大多数编程语言的数据模型不匹配。

12.git撤销操作？

$ git revert [倒数第一个提交] [倒数第二个提交]:提交代码以后，你突然意识到这个提交有问题，应该撤销掉。原理：在当前提交后面，新增一次提交，抵消掉上一次提交导致的所有变化。它不会改变过去的历史，所以是首选方式，没有任何丢失代码的风险。
$ git reset [last good SHA]:如果希望以前的提交在历史中彻底消失，而不是被抵消掉，可以使用git reset命令，丢弃掉某个提交之后的所有提交。原理：让最新提交的指针回到以前某个时点，该时点之后的提交都从历史中消失。
$ git commit --amend -m “Fixes bug #42”:提交以后，发现提交信息写错了，这时可以使用git commit命令的–amend参数，可以修改上一次的提交信息。原理：产生一个新的提交对象，替换掉上一次提交产生的提交对象。
$ git checkout – [filename]：如果工作区的某个文件被改乱了，但还没有提交，可以用git checkout命令找回本次修改之前的文件。原理：先找暂存区，如果该文件有暂存的版本，则恢复该版本，否则恢复上一次提交的版本。
$ git rm --cached [filename]：如果不小心把一个文件添加到暂存区，可以用该命令撤销。

13.git命令？

git init：初始化，创建一个git仓库，创建之后就会在当前目录生成一个.git的文件。
git add .：添加所有文件到缓冲区。
git add --all：添加所有文件到缓冲区，加all可以添加被手动删除的文件。
git commit -m “提交的说明”：提交缓冲区的所有修改到仓库。
git status ：查看git库的状态。未提交的文件，分为两种，add过已经在缓冲区的，未add过的。
git reflog：查看命令历史：查看仓库的操作历史。
git branch ：查看分支的情况，前面带*号的就是当前分支。
git branch 创建分支。
git checkout 分支名：切换当前分支到指定分支。
git checkout -b 分支名：创建分支并切换到创建的分支。
git merge 分支名：合并某分支的内容到当前分支。
git branch -d 分支名：删除分支。

15.linux常用命令？

reboot 重启
init 0 关闭系统
shutdown -h now 关闭系统
shutdown -r now 重启
ls 查看目录中的文件
ls -a 显示隐藏文件
ls -l 显示文件和目录的详细资料
mkdir dir1 创建一个叫做 ‘dir1’ 的目录’
rm -rf dir1 删除一个叫做 ‘dir1’ 的目录并同时删除其内容
cp file1 file2 复制一个文件

16了解webpack吗？

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言，并将其打包为合适的格式以供浏览器使用。

17.你理解的前端开发？

前端最接近用户的程序员岗位，所做的一切都是用户直接看到的并且用到的，所以前端要站在用户的角度上思考问题。

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

Django从理论到实战(part41)--WSGIRequest对象
学习笔记，仅供参考，有错必纠参考自：Django打造大型企业官网–Huang Y；文章目录WSGIRequest对象WSGIRequest对象常用属性WSGIRequest对象常用方法WSGIRequest对象Django在接收到http请求之后，会根据http请求携带的参数以及报文信息创建一个WSGIRequest对象，并且作为视图函…...
2024/4/28 2:49:37
docker push latest 和保存历史版本
What is “latest” Tag? Docker images have a tag named latest which doesn’t work as you expect. Latest is just a tag with a special name. “Latest” simply means “the last build/tag that ran without a specific tag/version specified”. Just version your …...
2024/4/11 20:25:34
Redis学习（一）——nosql概述
Nosql概述单机MySql时代 90年代，一个基本的网站访问量不会太大，单个数据库完全够用。那个时候，更多的去使用静态网页html，服务器根本没有太大的压力。思考一下这个时候整个网站的瓶颈是什么？数据量太大，一个机器放不下了数据的索引，一个机器内存也放不下访问量（读…...
2024/4/28 21:32:43
js中的数据属性
js中的数据属性应该有四种解释之前，我们来解析一下数据属性是啥意思，简单来说就是数据的属性？？？数据属性，就是对象中的属性的特性。在ES标准中定义了，这些特性只有在内部才能使用，描述了属性的各种特征。为了实现js的引擎而用的。因为才js终不能访问他们，所以他们被放…...
2024/4/27 3:40:12
【DM8】Linux下安装DM8+初始化+开启服务（命令行）
进行安装前准备工作，同图形化安装前准备工作，具体见Linux下图形化安装DM8使用命令行安装DM，选择安装语言并设置时区，选择典型安装选择安装目录，确认路径并安装安装结束后，初始化数据库开启数据库服务，分为前台方式和后台方式（注意：若开启新方式，需把另一个方式关闭，…...
2024/4/28 7:34:01
看这一篇IO多路复用面试专题就够了！最全面最详细的解答！
多路复用问题汇总BIO有什么缺陷？针对C10K这样的需求，NIO靠什么解决问题？多路复用操作系统函数select(…)工作原理？多路复用操作系统函数select(…)默认监听socket数量为什么是1024？多路复用操作系统函数select(…)第一遍O(N)未发现就绪socket，后续再有某个socket就绪…...
2024/4/27 23:11:16
回溯解决24点问题
你有 4 张写有 1 到 9 数字的牌。你需要判断是否能通过 *，/，+，-，(，) 的运算得到 24。示例 1:输入: [4, 1, 8, 7] 输出: True 解释: (8-4) * (7-1) = 24 示例 2:输入: [1, 2, 1, 2] 输出: False 注意:除法运算符 / 表示实数除法，而不是整数除法。例如 4 / (1 - 2/3) = 12 …...
2024/4/28 19:14:22
LeetCode-2. 两数相加
这是leetcode上的第2题题目如下：给出两个非空的链表用来表示两个非负的整数。其中，它们各自的位数是按照逆序的方式存储的，并且它们的每个节点只能存储一位数字。如果，我们将这两个数相加起来，则会返回一个新的链表来表示它们的和。您可以假设除了数字 0 之外，这…...
2024/4/18 4:44:56
结构型模式 01 装饰者模式
装饰模式Decorator 是继承方案的一个替代方案，提供比继承更多的灵活性。在不改变原类文件以及不使用继承的情况下，动态地将功能附加到对象上，从而实现动态拓展一个对象的功能。它是通过创建一个包装对象，也就是装饰来包裹真实的对象。动态的给对象添加一些额外的职责，就…...
2024/4/28 21:10:06
为什么函数调用要用“栈”来保存临时变量呢？
其实不一定非要用栈来保存临时变量，只不过如果这个函数调用符合后进先出的特性，基于栈的数据结构的特性，用它是最顺理成章的选择。 Tips: 从调用函数进入被调用函数，对于数据来说，变化的是什么呢？是作用域。所以根本上，只要能保证每进入一个新的函数，都是一个新的作用…...
2024/4/11 20:25:26
C# 循环问题-交替输出
现在有两个数组,A和B.要求你从第一个元素开始,交替依次输出这两个数组的元素.并且这两个数组长度不确定,在长度不确定的情况下一方数组打印完要继续打印另一个数组剩余的元素。打印顺序固定为ABAB. 例如这两个数组 String[] A = { "1", "2", "3"…...
2024/4/16 1:46:57
kafka学习（二）--topic 的增删查操作
kafka 的 topic 支持增（create）删（delete）改（alter）查（describe）操作。./kafka-topics.sh [--help] 可以查看 kafka-topics 命令的使用方法注意：敲命令的时候不要敲错否则会报错还不知道自己错哪儿了，比如这样比如这样为此还专门看一下下载的版本，确认是稳定版没…...
2024/4/22 7:32:41
前端调用后台tp6验证码的方法
环境前端：uni-app后端：thinkphp6在做前端登录页面时，想在登录页面调用后端thinkphp6的验证码功能，于是尝试前端通过后端的api接口获取captcha的图片地址。尝试的方法是设置后端的api方法getCaptcha，在方法中通过调用captcha_src()后，可以获得图片地址，然后再返回给前端调…...
2024/4/11 20:25:23
liunx学习笔记
2020年8月22日，开始学习liunx系统的一天，liunx系统的内容有很多，大致可以分为五个阶段：第一个阶段：熟练使用 Linux 命令行第二个阶段：通过系统调用或者 glibc，学会自己进行程序设计第三个阶段：了解 Linux 内核机制第四个阶段：阅读 Linux 内核代码，聚焦核心逻辑和…...
2024/4/26 14:52:57
MySQL服务正在启动或停止中，请稍候片刻后再试一次【解决方案】
参考博文...
2024/4/12 21:01:57
css Position(定位) [第八天]
文章目录position文档流static（静态定位）fixed（相对浏览器窗口是固定位置）relative（相对其正常位置）absolute（绝对定位）sticky（粘性定位）重叠的元素（z-index） position position 属性指定了元素的定位类型。 position 属性的五个值：static relative fixed absolut…...
2024/4/10 11:44:17
学习笔记（8):Python数据清洗实战入门-数据筛选
立即学习:https://edu.csdn.net/course/play/26990/361123?utm_source=blogtoedu路径修改：os.chdir(r路径)数据的结构 df.info()#定位为标签不是指针columns 列rows 行df.loc[3:4]...
2024/4/18 6:00:01
Datawhale-机器学习算法-基于决策树的分类预测
Datawhale-机器学习算法-基于决策树的分类预测应用场景由于决策树模型中自变量与因变量的非线性关系以及决策树简单的计算方法，使得它成为集成学习中最为广泛使用的基模型。梯度提升树(GBDT)，XGBoost以及LightGBM等先进的集成模型都采用了决策树作为基模型，在广告计算、CT…...
2024/4/26 15:08:31
Python数据挖局百度查询最新更新
#!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2020/8/22 13:07 # @Author : Jianhua Wang # @Site : # @File : 最新百度爬取并存入数据库代码.py # @Software: PyCharmimport requests import re import pymysqlheaders = {User-Agent: Mozilla/5.0 (…...
2024/4/14 17:45:52
35K入职华为那天，我哭了“知道失业这5个月我是怎么过的吗”
前言悲催的经历：先说一下自己的个人情况，计算机专业，17年本科毕业，一毕业就进入了“阿里”Java岗（进去才知道是接了个阿里外包项目，可是刚毕业谁知道什么外包不外包的）。更悲催的是：刚入职因为家里出现一些变故，没有精力和金钱去承担待业的成本，也就意味着不能失业，…...
2024/4/25 3:49:19