一位技术不高的猿人-CSDN博客

原创 Web Code Splitting 优化大法

项目上线后，新用户首次访问速度过慢，造成此问题原因，为用户第一次访问会在项目初始化的时候将引入的资源全部请求并缓存，项目体积较大时，例如一个大依赖大小为2M，存在 10 ~ 20 上不封顶，一次性加载性能问题也就可想而知有多慢，如下图（简单图）。与第一问题类似，当我们业务代码有变更时，需重新打包部署，但依赖并没有变化，项目打包是将所有业务代码与依赖打包成一个文件，部署后客户端缓存机制发现有变化，就会重新加载并缓存。这样，如果用户只访问页面的一部分，就不必下载整个应用程序的代码，如下图。

2024-05-07 15:49:05 549

原创 JavaScript 内存地址

JS内存地址是数据、对象、函数等在计算机中的储存位置，又分为堆(Heap) 与栈(Stack)，在开发工作中是无法直接读取内存地址的，而是通过变量其访问地址中的数据描述：堆的主要作用是用来储存引用数据的值，如数组、对象，将值存在堆中，提供为栈(指向)访问。

2024-04-10 14:11:15 455 2

原创 File 文件上传 — 前后端实现

项目中通常会涉及到图片上传以便于各种业务场景，复用率高就会封装为模块进行使用，此文章主要针对前后端封装文件做详细介绍。

2024-03-07 01:45:02 861 2

原创前端实现游戏组队语音功能

声网 SDK，支持对语音对其接入使用，Java Android Web IOS python 等皆可接入，此文章仅介绍纯语音功能，当然还可以实现音视频直播等其他功能。Cpolar部署时选择的随机域名等。

2024-02-26 23:04:14 1849 1

原创 Vue 项目权限管理

在项目中，无处不在对用户的访问权限与操作权限做处理，访问权限大家再熟悉不过了，再 Vue 项目中可直接在 router > index.ts 或是 js 文件对其进行处理，采用 beforEach 与 afterEach技术，但是设计到内部某行数据或是操作按钮就要用到了 Vue 中的自定义指令了

2024-02-22 00:49:16 440 2

原创 JS Worker 多线程与实现

Worker 主要作用是开辟一条独立的线程，浏览器中的JS执行机制是单线程 - 详情请看，往往在执行到一些耗时且和当下并不相关的任务时就体现到了 Worker 的重要性，当然像定时器 setTimeout 之类延迟函数也可以使用，不过这些是建立在单线程的基础上触发，深层意义上并不能算是多线程，所谓的多线程就是新建立一条隧道并且不受主线程上下文影响，并且两者之间可以进行通讯。

2024-02-19 22:10:02 837 1

原创 JavaScript 单线程执行机制

JavaScript 是单线程，却能够执行异步任务，这是因为 JavaScript 中存在事件循环（Event Loop）和任务队列（Task Queue）。

2024-01-21 22:55:13 396 1

原创 Cpolar外网访问本地项目

Cpolar 是一个内网穿透服务，它可以把内网本地项目通过隧道公布到公网上，供外网用户访问，使公网也可以访问到本地项目，相当于你的本地电脑通过 Cpolar 穿透，变相的你的电脑也就成了一个小型服务器。

2024-01-15 17:00:08 787 4

原创 PC端上拉加载 scroll 监听还是IntersectionObserve API?

如今阶段，相对于 uniApp、小程序，PC端如要实现上拉等类似功能并不是很灵活，最常见监听window scroll吗？此方法可以实现，但相对也有一定性能弊端、容错率、兼容等问题。

2023-11-01 10:27:18 116 1

原创关于 video 视频 autoplay 播放问题及解决方法

自动播放机制其实就是会拦截自动播放的视频。chrome、safari、firefox、edge 浏览器在某版本后都限制了video自动播放功能，原因为内部机制认为此视频为垃圾广告，和IOS系统一样，同时也是为客户体验度考虑，因此会限制自动播放功能。

2023-10-10 11:19:39 3820 2

m0_74107471的博客