XH_jing的博客

Socket.IO 作为 WebSocket 的增强版本，在实时通信领域具有广泛的应用。它提供了事件驱动、自动回退、广播机制等功能，使其在即时聊天、协作编辑、多人游戏等场景中表现出色。如果需要低功耗 IoT 设备通信，可以考虑 MQTT；如果是高效的音视频通信，WebRTC 是更好的选择。不同的应用场景需要选择合适的实时通信技术，以保证系统的稳定性和性能。

轮询技术作为实时通讯的基础方案，虽然在新一代技术面前略显陈旧，但在特定场景下仍具有实用价值。开发者应充分理解各种技术的优缺点，根据实际需求选择最合适的解决方案。随着HTTP/3和WebTransport等新技术的发展，实时通讯领域将迎来更多创新和突破。

JavaScript 主要用于处理文本数据，但在更复杂的应用（如图像、音频、视频处理）中，二进制数据的操作变得尤为重要。是一种用于表示通用、固定长度的原始二进制数据缓冲区，它是处理二进制数据的基础，可以用于存储各种类型的数据，必须通过。在 JavaScript 中都是用于处理二进制数据的对象，在部分场景两者都能胜任，但擅长的场景有所区别。Blob 代表不可变的二进制数据块，通常用于处理文件、图像、音频等类型的数据。中的数据，允许以任意的字节序（大端或小端）读写不同类型的数据。

不可变对象是 JavaScript 中管理状态的关键概念，特别是在 React、Redux 和函数式编程中。它可以提升代码的可预测性、可维护性，并优化性能。

Fetch API 是 JavaScript 提供的基于 Promise 的现代化网络请求接口，它提供了比 XMLHttpRequest 更加强大和灵活的方式来处理 HTTP 请求。

在 JavaScript 中，Object.defineProperty 和 Proxy 是两种强大的机制，用于拦截和处理对象属性的读写操作。Vue.js 的响应式系统正是基于它们实现的。本文将详细介绍这两者的基础用法、区别以及它们在 Vue 响应式系统中的应用。

前端性能优化一直是开发过程中不可忽视的重要环节，尤其是随着前端技术的不断进化，性能的提升不仅仅是让页面“快一点”，更是让用户在各种网络环境下都能获得流畅的体验。作为一名高级前端开发工程师，我将从理论和实践结合的角度，详细阐述性能优化的各个方向。前端性能优化贯穿了网络、页面渲染、JavaScript执行、图片处理、打包构建和框架使用等多个环节，最终目的是提升用户体验，减少加载时间，提升交互响应速度。网络优化。

一文说明白JS的执行上下文与作用域：上下文执行、上下文、生命周期、执行栈、作用、作用域等内容

彻底理解JS的闭包问题：概念、示例、实用的闭包、用闭包模拟私有方法、一个常见错误：在循环中创建闭包、优劣、图解闭包、闭包在实际中的应用

前端面试题之 计算机通识（基础） 「精选篇」

前端面试题之框架通识「精选篇」

前端面试题之 HTTP 模块「精选篇」

前端面试题之 性能优化模块 「精选篇」

前端面试题之 前端安全模块 「精选篇」

2024 前端面试题之 移动多端开发

2024 前端面试题之前端工程化「精选篇」

2024 前端面试题之Nodejs「精选篇」

2024 前端面试题之 Vue 「精选篇」

2024 前端面试题之React「精选篇」

高级前端面试题之ES6「精选篇」

高级前端面试题之 JS「精选篇」

前端面试题之CSS「精选篇」

2024 前端面试题之HTML「精选篇」

在JS最早出现的时候，是为了实现一些简单的功能，但随着浏览器的不断发展，对于JS的要求也越来越高，需要实现一些较为复杂的功能。这个时候开发者为了维护方便，会把不同功能的模块抽离出来写入单独的 js 文件里，但是当项目更为复杂的时候，html 可能会引入很多个js文件，而这个时候就会出现命名冲突，污染全局作用域，代码库混乱不堪等一系列问题，这个时候模块化的概念及实现方法应运而生。

用了这么久的 git 工具，中途也使用过 SourceTree ，但是最后发现，还是git代码香啊！虽然之前也写过一篇学习笔记 Git教程学习笔记和填坑总结 以及 SourceTree 工具的使用，但是感觉那篇还是笔记冗余，看起来不是很明确，所以，整理这篇命令大全，可以更好的在工作中查阅相关的git命令。下面，我们主要分享一下 Git 常用的命令以及详细的命令行讲解，欢迎各位小伙伴

最近项目终于忙完了，在开发时就会暴露出一堆问题，正好趁着这个时间给自己充充电。下面总结了一些关于 JavaScript 常用字符串的操作方法，它可以让我们更高效的处理数据，而不必使用时每次都去查询每个方法怎么用，可以大大提高我们的开发效率哦。正餐开始，来看看 JavaScript 中有哪些常用的字符串方法！1. 获取字符串长度JavaScript 中的字符串有一个 length 属性，该属性可以用来获取字符串的长度const str = 'hello world';str.length .

该内容主要整理关于 Axios 的相关面试题，其他内容面试题请移步至 2021 最新最全的前端面试题集锦 查看。目录一、Ajax 相关面试题1、概念2、作用3、创建 Ajax4、Ajax 状态和 HTTP 状态码5、Ajax 中常用的属性和方法6、思考：post 和 get 有什么区别二、Axios 相关面试题1、axios 原理2、axios 的特点有哪些？3、axios 有哪些常用方法？3、一次并发的请求 axios.all([])4、说下你了解的axios相关配置属性？三、Fetch 相关面.

该内容主要整理关于 Webpack 的相关面试题，其他内容面试题请移步至 2021 最新最全的前端面试题集锦 查看。目录1. 谈谈你对webpack的看法？2. webpack的基本功能和工作原理？3. webpack构建过程？4. webpack打包原理？5. webpack与gulp、grunt有什么区别？1. 谈谈你对webpack的看法？webpack 是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML、CSS.

今天下午在面试的过程中，有一位面试官就问到了这道题目。说实话，如果不是今天问到了这个问题，我还不会去仔细对比分析一下这两个我们整天使用的函数声明方式，我们只有在不断总结中才会不断进步。同时，也非常感谢今天下午给我面试的这位面试官。目录一、箭头函数基本语法1、关于箭头函数的参数2、关于箭头函数的函数体二、箭头函数与普通函数的区别1、外形不同2、箭头函数都是匿名函数3、箭头函数不能用于构造函数，不能使用 `new`4、箭头函数不会创建自己的 `this`5、`call()/apply()/bind().

一、数组去重的方法ES6 Set 去重function unique (arr) { return Array.from(new Set(arr)) // Array.from() 方法从一个类似数组或可迭代对象创建一个新的}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];cons

一、什么是 Promise？Promise 是目前 JS 异步编程的一种解决方案。从语法上讲，Promise 是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。二、Promise 原理简析？1、Promise 本身相当于一个状态机，拥有三种状态：pending(等待态)fulfiled(成功态)rejected(失败态)一个 Promise 对象初始化时的状态是 pending，调用了 resolve 后会将 Promise 的状态扭转

想要查看关于 CSS 的相关面试题，请移步至 面试题 - CSS 篇 查看，其他内容面试题请移步至 2021 最新最全的前端面试题集锦 查看。CSS-当前主流的三种预编译器什么是预编译器：CSS预编译器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用；优点：可以让我们的CSS代码更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。当前主流的三种预编译器：SassLessStylus比较：比较一：基本语法首先 Sass 和 .

前端性能优化是一个大的课题，需要花好多时间才能理解，之前对前端优化陆陆续续有一些了解。所以这次从渲染优化，打包优化，代码优化做了一个系统的总结，并且引申出了几个需要关注的问题，文章可能有点长，大家一定要看到最后。最后写作不易，希望觉得还可以的话，帮忙点赞一波，提前感谢了。当然如果有写不好的地方，也请指出来，我会积极改进，共同成长。从输入url到页面展示发生了什么？（万能面试题）涉及知识点：DNS：其实就是一个网络协议，把我们的域名解析成对应的IP地址；TCP：基于IP地址发起一个TCP的连接，.

一、页面路由微信官方文档 · 页面路由在小程序中所有页面的路由全部由框架进行管理。框架以栈的形式维护了当前的所有页面。二、路由方式wx.navigateTo用于保留当前页面、跳转到应用内的某个页面，但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo 进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。注意：小程序中页面栈最多十层。使用方式：下面进行一个简单

原型与原型链一直是JavaScript的重难点，掌握这部分内容将会使我们的工作更加的高效，而且这也是面试官必问的内容。首先，我们要明确的是，在js中，我们创建一个实例并不是通过类，而是直接使用构造函数来实现的。构造函数通过 new 函数名 来实例化对象的函数叫构造函数。任何的函数都可以作为构造函数存在。构造函数首字母一般大写。我们使用构造函数来创建一个对象。...

什么是作用域 ？作用域：一个变量可以生效的范围。变量不是在所有地方都可以使用的，而这个变量的使用范围就是我们要说的作用域。注意：在JavaScript中，划分作用域也是用大括号划分的， 但是在 JS 之中能够有效限定作用域的大括号只有函数大括号!有哪些作用域 ？- 全局作用域（不再任何函数内）学习使用作用域，以下内容是所需要了解的：全局作用域是最大的作用域在全局作用域中定...

1、编写一个函数，计算两个数字的和差积商 <input type="text" id="txt1" placeholder="请输入一个数字"> <select name="symbol" id="sel"> <option value="+" id="jia">+</option> <optio...

最近在整理关于 CSS 的面试题，不免就会涉及到 css 的选择器的相关问题，所以就拿出来单独分析一下，特此整理，不论是在实际开发中还是面试中，都是非常有用的，希望可以帮助到大家。2021 最新最全的前端面试题集锦之 CSS 篇 。一、CSS优先级比较!important > 内联样式 > id > class > 标签 > 通配符 > 继承 > 默认二、CSS权重值计算我们把特殊性分为五个等级，每.

尤大的 Vue3.0 已经发布有一阵子了， 已经很成熟了。今天想起来，是时候该上手体验一波了。Vue3中文文档 - vuejsVue3.0 亮点Performance：性能更比Vue 2.0强；Tree shaking support：可以将无用模块“剪辑”，仅打包需要的；Composition API：组合式API；Fragment, Teleport, Suspense：“碎片”，Teleport 即 Protal 传送门，“悬念”；Better TypeScript support.

本文章将主要介绍微信小程序如何实现简单的下拉刷新效果的，代码简单明了。主要 apiwx.showLoading(Object object) 显示 loading 提示框wx.hideLoading(Object object) 关闭 loading 提示框wx.startPullDownRefresh(Object object) 开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。wx.stopPullDownRefresh(Object object) 停止当前页面下拉.