前端工具是用于辅助前端开发和构建过程的软件或库。它们提供了一系列功能和工具，帮助开发人员提高开发效率、优化代码质量和提供更好的用户体验。以下是一些常见的前端工具及其作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=9d41438f19104dca802ef21b5942c139包管理器：例如npm、Yarn等，用于管理项目中的依赖包，方便安装、更新和删除各种前端库和框架。前端框架：例如React、Vue.js等，提供了组件化开发的能力，简化了复杂页面的构建和维护。CSS预处理器：例如Sass、Less等，扩展了CSS的功能，提供了变量、混合、嵌套等特性，可以更高效地编写可维护的样式代码。前端构建工具：例如Webpack、Gulp等，用于将多个源文件（HTML、CSS、JavaScript等）打包、压缩、优化，提供代码分割、模块化等功能。任务运行器：例如Grunt、Gulp等，用于自动化执行重复性、繁琐的任务，如编译Sass、压缩图片、启动开发服务器等。浏览器开发者工具：浏览器内置的开发者工具，提供了调试、排查问题、性能分析等功能，帮助开发人员快速定位和修复问题。测试工具：例如Jest、Mocha等，用于编写和运行单元测试、端到端测试等，保证代码的质量和稳定性。这些前端工具可以根据项目的需求和开发人员的习惯选择使用，帮助开发人员更高效地开发、调试和部署前端应用。

WebSocket是一种在Web应用程序中实现实时双向通信的技术。它提供了一种持久连接，允许服务器与客户端之间进行双向数据传输。与传统的HTTP请求/响应模型不同，WebSocket允许服务器主动向客户端发送消息，而不需要客户端发起请求。要在Web应用程序中使用WebSocket进行实时通信，需要执行以下步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48创建一个WebSocket对象：使用JavaScript的WebSocket构造函数创建一个WebSocket对象，指定要连接的服务器URL。例如：var socket = new WebSocket("ws://example.com/socket-server");监听WebSocket事件：使用WebSocket对象的事件监听器来处理WebSocket的各种事件，例如onopen、onmessage、onclose和onerror。这些事件将在WebSocket状态变化、接收到消息、关闭连接或发生错误时被触发。建立连接：一旦创建了WebSocket对象，通过调用其open()方法建立与服务器的WebSocket连接。当连接建立成功时，onopen事件将被触发。发送和接收消息：使用WebSocket对象的send()方法向服务器发送消息，消息可以是字符串或其他数据类型。服务器接收到消息后，可以使用WebSocket对象的onmessage事件来处理。关闭连接：当需要终止WebSocket连接时，可以调用WebSocket对象的close()方法。服务器会收到一个关闭请求，如果确定关闭连接，会发送一个关闭信号给客户端并触发onclose事件。通过使用WebSocket，Web应用程序可以实现实时的双向通信，适用于聊天应用、实时通知、实时更新和协同编辑等场景。#ai智能作图#

三面 求个面经救救孩子

坐标东子，组里急招前端实习生，简历直达ld，卡硕士，92/科班/有实习优先，有意私聊。vue/react/小程序都可，实习工资10k+，有转正。#秋招##实习##春招##前端#

HTML5引入了几种本地存储方法，用于在客户端（用户浏览器）存储数据。以下是HTML5中常用的本地存储方法及其用途和区别：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=4fe429db552e4b3a966ed18c92a2298a🚫🧡💨💗localStorage:用途：localStorage用于在浏览器中存储持久化的键值对数据。存储在localStorage中的数据不会过期，除非手动删除或通过JavaScript代码进行清除。区别：localStorage存储的数据是永久有效的，可以在不同窗口或页面间共享，并且没有过期时间限制。存储在localStorage中的数据会一直保留，即使用户关闭了浏览器。🚫🧡💨💗sessionStorage:用途：sessionStorage也用于在浏览器中存储键值对数据，但它的作用范围限于当前会话（session）。当用户关闭浏览器窗口时，sessionStorage中的数据会被清除。区别：sessionStorage适合于存储会话期间需要临时保存的数据。存储在sessionStorage中的数据与当前会话相关，对于不同会话或不同页面间的数据共享是不可用的。🚫🧡💨💗IndexedDB:用途：IndexedDB是一个功能强大的客户端数据库，可以存储大量结构化数据。它允许开发者创建对象存储空间，保存和检索数据，并进行复杂的查询和索引操作。区别：与localStorage和sessionStorage不同，IndexedDB提供了更高级的数据库功能，更适用于需要进行复杂数据操作、离线数据存储和离线应用程序等场景。🚫🧡💨💗Web SQL Database (已废弃):用途：Web SQL Database是一种关系型数据库，允许开发者在浏览器中使用SQL语句操作数据。然而，Web SQL Database已被废弃，不再进行标准化和支持。需要注意的是，这些本地存储方法只能在客户端存储数据，不适合用于存储敏感信息和大量的机密数据。它们主要用于存储浏览器会话数据、用户个性化设置、离线数据等。选择合适的本地存储方法取决于需求的持久性、作用范围和数据操作的复杂度。#ai智能作图#

timeline 一面后很快2面，测开岗（快跑！！！）总结：一面面试官人很好，二面是个吊毛，答不上来嘲讽你，招个实习生测开岗，python go c++都想问你。态度极差，看手机 + 打字 + 卡时间，一点不尊重人，垃圾公司，面了几十家第一次遇到这种。一面面经（面试官可能不太懂开发相关，我用的后端简历投的，不过有测试技能点和测试工作）（面试官态度很好）1. 自我介绍2. 第一个项目介绍（项目背景、情况、团队、负责的模块）3. 第二个项目介绍4. 第一个项目讲解思路5. Redis的使用，缓存三兄弟在项目里的应用 和 解决思路6. MySQL使用，索引，锁，MVCC机制，事务以及隔离级别说明7. vue的使用 以及组件8. python 可变对象的原理9. python 浅拷贝深拷贝问题10. 算法题：一个字符串，现在要根据出现频率，进行降序排序11. 反问：base上海，部门搞测试，主要工作内容，功能，性能，集成，整合测试，测试相关，包括自动化测试12. 她讲了讲，工作的情况，而且这边产线也有开发，可以过去学习学习二面（面锤子）二面面试官感觉不太懂后端这部分的，主要问测试角度的，怎么看项目。感觉kpi面，不想招人，而且这个男的素质极差，我面了50-60次，都没遇到自己答不上来，面试官嘲讽你的。1. 自我介绍2. 项目-测试角度考虑 （这时候我讲了我的思路，他听不懂技术，就说问测试角度xx模块怎么考虑测试）3. 评论模块（父子评论，递归查询，这里当时设计的时候忘记做@通知了，被diss半天，嘲讽我）5. 中间问 项目部署之后，本地能访问百度，为啥百度访问不了校园网的服务器（我说没公网ip + 地址映射 + nat没设置转发）（比如用内网穿透可以，他说他不想听这个）4. 算法题：反转二叉树，acm模式，我用c++写，问我智能指针，二叉树结构不用指针怎么实现（我说数组）他说我不想听这个。#牛客创作赏金赛##七牛云面试经验##七牛云##吐槽##哪些企业的面试体验感最差？##面试题刺客退退退#附代码---------code1--------------#include #include #include using namespace std;class Solution {public:    string tSort(string& s) {        map mp;        for (char &c : s) {            mp[c]++;        }        string ans = "";        for (auto &[k, v]: mp) {            while (v--) {                ans += k;            }        }        return ans;    }};int main() {    string str;    getline(cin, str);    Solution sol;    cout }---------code2--------------#include #include #include #include #include using namespace std;struct TreeNode {    int val;    TreeNode* left, *right;    TreeNode(int x) : val(x), left(nullptr), right(nullptr) {}};class Solution {public:    void swapTree(TreeNode* root) {        if (!root)            return; TreeNode *tmp = root->left; root->left = root->right; root->right = tmp; swapTree(root->left); swapTree(root->right);    }};TreeNode* buildTree(vector& data) {    if (data.empty()) {        return nullptr;    }    TreeNode* root = new TreeNode(data[0]);    queue q;    q.push(root);    int index = 1;    while (!q.empty() && index         TreeNode *curNode = q.front(); q.pop();        if (data[index] != -1) { curNode->left = new TreeNode(data[index]); q.push(curNode->left);        }        index++;        if (index  curNode->right = new TreeNode(data[index]); q.push(curNode->right);        }        index++;    }    return root;}int main() {    vector data = {1, 2, 3, 4, 5};        TreeNode* root = buildTree(data);    Solution sol;    sol.swapTree(root);    queue q;    q.push(root);    vector> ans;    while (!q.empty()) {        vector cur;        int sz = q.size();        for (int i = 0; i             TreeNode* node = q.front(); q.pop(); cur.push_back(node->val); if (node->left) q.push(node->left); if (node->right) q.push(node->right);        }        ans.emplace_back(cur);    }    for (int i = 0; i         for (int j = 0; j             cout         }        cout     }}#ai智能作图#

#软件开发薪资爆料# #晒一晒我的offer# #职场情商大赛# #腾讯求职进展汇总# #牛客创作赏金赛# 😊

HTTP头是HTTP协议中的一部分，用于在请求和响应中传递附加的信息。 HTTP头由字段名和字段值组成，用冒号分隔，每个字段占据一行。以下是几个常见的HTTP头字段及其作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48User-Agent：指明发送请求的客户端应用程序的类型和版本。服务器可以根据这个头字段来判断用户的设备或浏览器类型，以提供适合的内容。例：User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3Content-Type：指定请求或响应中传输的数据的MIME类型。对于请求，它告诉服务器请求正文的内容类型；对于响应，它告诉浏览器响应正文的内容类型。例：Content-Type: application/jsonContent-Length：指定请求或响应正文的字节数。服务器可以使用此字段来确定正文的长度，从而正确解析请求或响应。例：Content-Length: 348Accept：指定客户端能够处理的响应内容类型。浏览器在发送请求时使用此字段，以告诉服务器它可以接受哪些类型的响应。例：Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,/;q=0.8Authorization：用于在请求中传递身份验证信息，通常用于保护需要授权访问的资源。例：Authorization: Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==Cookie：用于在请求中传递保存在客户端的会话信息。服务器可以使用此字段来识别和验证用户。例：Cookie: sessionId=ABC123这些是HTTP头字段中的一些常见例子。HTTP头字段的作用是在请求和响应之间传递额外的信息，以便客户端和服务器可以根据需要进行适当的处理。不同的HTTP头字段有不同的作用，可以用于传递身份验证信息、内容类型、缓存控制等。#ai智能作图#

HTTP（超文本传输协议）是一种用于在网络上进行通信的协议。 它是用于在Web浏览器和Web服务器之间传输超文本文档的基础协议。HTTP的核心概念和工作原理如下：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48客户端和服务器之间的请求/响应模型：客户端发送一个HTTP请求到服务器，服务器处理该请求并返回一个HTTP响应。请求方法：HTTP定义了一组请求方法，包括GET、POST、PUT、DELETE等。这些方法用于指定请求的目的以及对资源的处理方式。URL（统一资源定位符）：HTTP使用URL来标识要请求或响应的资源。URL由协议、服务器地址、端口和资源路径组成。请求头和响应头：HTTP请求和响应都包含一组头部信息。请求头包含有关请求的元数据，如请求方法、请求主机等。响应头包含关于响应的元数据，如状态码、内容类型等。状态码：HTTP响应包含一个状态码，用于指示请求的处理结果。常见的状态码包括200（请求成功）、404（未找到）和500（服务器内部错误）等。内容编码：HTTP支持使用不同的编码格式来传输数据。常见的编码方式包括gzip、deflate和br等，用于压缩数据的大小以提高传输效率。Cookies和Sessions：HTTP通过使用Cookies或Sessions来维护状态。Cookies是服务器在客户端存储的小段信息，用于跟踪用户的状态，而Sessions是由服务器维护的与用户相关的数据。缓存：HTTP允许客户端和服务器使用缓存来减少重复请求和提高性能。客户端可以使用响应头中的Cache-Control字段来控制缓存策略。安全性：HTTP可以通过HTTPS（HTTP Secure）来提供安全的通信，使用TLS或SSL加密数据以防止窃听和篡改。#ai智能作图#

GET和POST请求在以下方面存在区别：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48参数传递方式：GET请求将参数以查询字符串的形式附加到URL上，而POST请求将参数放在请求正文中。数据体积：GET请求的数据大小受URL长度限制，通常用于获取少量数据；而POST请求可以发送大量数据。安全性：GET请求将参数暴露在URL中，因此不适合传输敏感数据；POST请求将参数放在请求正文中，相对更安全。幂等性：GET请求是幂等的，多次发送相同的GET请求不会对服务器产生任何副作用；POST请求不是幂等的，多次发送相同的POST请求可能会导致服务器状态改变。

可私信帮查看推进状态。社招投递：小米公司社招内推码: PB3C5QU 投递链接: https://xiaomi.jobs.f.mioffice.cn/referral/position?token=MzsxNzMyOTYwMjcyNzU0Ozc0NDEzMjI2Njk3NjI5MDQxNzI7MA校招投递：小米公司校招内推码: PB3C5QU 投递链接: https://xiaomi.jobs.f.mioffice.cn/referral/campus/position?token=MzsxNzMyOTYwMjkzNDcxOzc0NDEzMjI2Njk3NjI5MDQxNzI7MA  #内推# #内推码# #小米# #秋招# #社招# #校招#

Promise是一种用于异步编程的对象，用于处理异步操作和回调函数过多导致的代码可读性差、嵌套深等问题。它可以将异步操作以一种更直观、更可控的方式进行管理。Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当Promise处于pending状态时，可以转为fulfilled或rejected状态。一旦状态确定，就不可再改变。Promise使用一个then方法来处理异步操作的结果。then方法接收两个参数，分别是成功的回调函数和失败的回调函数。当异步操作成功完成时，成功的回调函数会被执行，可以获取到异步操作的结果。当异步操作失败时，失败的回调函数会被执行，可以获取到失败的原因。与回调函数相比，Promise的优势在于：可链式调用：Promise可以通过then方法链式调用，可以避免回调函数嵌套过深问题，使代码更加清晰易读。错误处理：Promise可以使用catch方法捕获错误，而回调函数需要通过错误回调来处理错误。可以通过Promise.all、Promise.race等方法对多个Promise进行并行执行、竞争等操作，更加方便地处理多个异步操作的结果。综上所述，Promise相对于回调函数更加灵活、可读性更好，能够更好地处理和控制异步操作。#ai智能作图#

WebSocket是一种在单个TCP连接上全双工通信的协议，它能够实现客户端和服务器之间的实时通信，能够提供更快、更稳定的通信效果。与传统的HTTP协议不同，WebSocket在握手阶段使用HTTP协议进行协商，然后在建立连接后，双方可以通过发送特定的数据帧进行实时通信。这种方式避免了每次请求都要建立和关闭连接的开销，提高了通信的效率。WebSocket的实时通信原理如下：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=2d6077ad79aa408fb541e64c9f6e1ddf客户端和服务器首先通过HTTP协议进行握手，建立WebSocket连接。握手成功后，客户端和服务器可以通过发送数据帧进行实时通信。客户端可以使用JavaScript提供的WebSocket API发送和接收消息，服务器也可以通过WebSocket API与客户端进行通信。在连接保持的时间内，客户端和服务器可以随时发送或接收消息，实现实时的双向通信。当通信结束时，可以通过关闭连接来终止WebSocket通信。#ai智能作图#

 ［个人背景］24届港硕（已入职中石油），会计专业。本科期间拿过海康威视，美的，万科，内资审计的实习录用。求职意向地仅成渝（相比北上广深杭难度更大）。其余的非正式offer不再赘述。［感悟］中国经济在高速狂奔20年后下行，于是文、商、社科的就业泡沫被戳破，就业形势远远不及几年前甚至十年前。而理工类岗位直接参与社会财富的创造，因此横向对比，相对而言理工科的就业没有这么卷。可以拿同期一起入职单位的新员工举例（P4）。因此，秋招很压抑，但绝对不是大家的错，不要让情绪压垮自己。去年秋招我的第一个offer是华侨城，明知地产不行，但以为自己只有这一个选择，只能一边提前入职实习，一边继续跑笔面，坚持到最后也算是有了不错的结果。真心希望25届的朋友们，求职顺利！欢迎大家评论区交流，知无不言言无不尽，曾经淋过雨，也想为大家撑伞。 #央企# #华为#  #中国石油# #非技术面试记录# #牛客激励计划#