阿牛哥的博客

svg 与 canvas 技术选型调研与相关库的基本对比

Web 浏览器在处理大文件上传/下载时存在性能和稳定性的天然限制，而原生应用（App）可以绕过这些限制，提供更高效、稳定和灵活的文件传输体验。浏览器受限于内存分配、线程模型和文件系统访问能力，无法像 App 那样直接优化读写操作。此外，浏览器在网络稳定性、断点续传、交互体验和权限管理方面也存在不足，而 App 可以通过流式处理、后台下载和更丰富的交互功能提升用户体验。虽然 Web 技术如分片上传、PWA 和 WebAssembly 尝试解决这些问题，但 App 仍是大文件传输的更优选择。开发者可结合 Web

构建信息自动写入一个 JSON 文件（比如 ），你可以在 Vue CLI 项目中通过 Webpack 插件机制实现这个目标。

上面盖了不同的漂亮楼房（比如 macOS 和 iOS）。）、设备驱动、系统基本服务，还有一些BSD类Unix组件。（因为 macOS 就是基于 Darwin 构建的呀）当前运行的 nodejs 的平台是“这些系统的内核和底层基础！比如，当你在开发中看到什么。👉 它包含了内核（叫做。通俗一点说，就是——

web 开发中，前端部署更新后，该怎么通知用户刷新

探究生成一个 svg图像，stroke-width 的属性值为小数时在JS 生效但 TS 环境下不生效的现象

如何让 Less 变量支持样式模式切换

vue3+vite模式下修改pinia的stroe初始值不进行热HMR更新解析

vue3框架的响应式依赖追踪机制

为何浏览器的渲染进程中只有一个主渲染线程

在使用CryptoJS时，密钥可以采用多种格式序列化。

some()和every()是 JavaScript 中两个常用的数组方法，它们都用于检查数组中的元素是否满足某种条件，但它们的行为有所不同。

这是 OpenSeadragon 的设计逻辑，逻辑坐标系通常是一个宽度为 1 的方形（即宽度为 1，高度按照原始图像的宽高比调整）。，而高度通过宽高比进行换算。这种设计可以统一逻辑坐标的比例，不受图像具体尺寸的影响。在 OpenSeadragon 中，0.5 × 逻辑高度。

在 JavaScript 中，string 和 String 有本质的区别，分别代表 基本类型 和 对象类型。

通过伪类::before、定位top、两端对齐等CSS技巧，.title和.txt标签在不同情况下能实现动态切换与覆盖，同时保证文本省略和展示效果的平衡。

Navigator接口的vibrate()方法用于控制设备上的振动硬件（如果存在）。如果设备不支持振动，则该方法无效。如果已经处于振动模式，调用此方法会停止前一个模式，并开始新的振动模式。

event-source-polyfill库中如何监听其他事件SSE

JavaScript 的 axios 实现文件下载功能

web前端自动下载通识与ajax流式主动接收

javascript叉乘方法计算多边形的面积

CSS 包含块

保持滚动条位置不变的关键是记录和恢复滚动条的高度差异。通过计算加载新消息前后的高度差，并调整滚动位置，可以有效地防止用户视角的跳动。

简单场景：字符串拼接或 ES6 模板语法。复杂场景new URL()构造函数。这两种方法没有绝对的优劣，关键是选择适合场景的工具。

模板字符串（使用反引号）支持多行文本和插值，适用于包含换行符的文本内容，如 YAML。普通字符串（使用单引号或双引号）不支持直接包含换行符，需要使用换行字符或字符串连接，处理起来较为繁琐。以上步骤展示了如何在 Vue 项目中使用js-yaml解析 YAML 文本。通过安装js-yaml依赖，并在 Vue 组件中导入和使用它，你可以轻松解析并显示 YAML 数据。

Axios的几种不同的responseType处理响应，以及blob与arraybuffer的解析

HTTP/1.1：持久连接和管道化，解决了基本的性能问题，但仍然存在队头阻塞。HTTP/2：二进制分帧和多路复用，大幅提升性能，但仍然受限于 TCP 的队头阻塞。HTTP/3：基于 QUIC，解决了队头阻塞问题，进一步优化了连接建立和数据传输效率。这些协议版本的改进都是为了适应现代 Web 的需求，提高页面加载速度和传输效率。可以关注和应用 HTTP/2 和 HTTP/3 的特性，以便为用户提供更好的体验。

边框流动特效

javascript-Vue：防抖 (Debouncing)、节流 (Throttling)

git merge和git rebase都具有合并分支的功能，但两者又有不同:rebase: 变基: 把一个分支的更改移动到另一个分支上，通常用于保持提交历史的线性和干净merge: 合并： 把一个分支的更改合并到另一个分支,合并后的提交会保留原始分支的提交历史rebase: 解决完冲突后不会产生额外的commitmerge: 解决完冲突后会产生一个commit

Nginx作为负载均衡在Linux系统上具备很好的并发性能，并且占用极小的内存。但是在Windows系统上并不支撑较高并发，所以在Windows系统上选用Nginx作为负载均衡，需要考虑并发情况。

webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制

webpack前端性能优化- HappyPack多线程打包-打包速度提升n倍

webpackd打包两次-生成两份代码-出现legacy的js文件

前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件

实现一个after函数，接受俩个参数n和func，当他被被调用n或更多次的时候，将马上触发func.

每日一题：给定一个字符串s，请你找出其中不含有重复字符得最长子串的长度

给你一个有序数组nums，请你原地删除重复出现的元素，使得出现次数超过俩次包括俩次的元素只出现一次，返回删除后的数组的新长度

发布-订阅模式： 该模式涉及两个主要角色 - 发布者（Publisher）和订阅者（Subscriber）。发布者负责发布（触发）事件，而订阅者则通过订阅事件来接收通知。事件对象： 通常，一个事件是一个包含相关信息的对象。当发布者触发事件时，它可以传递一些数据给所有订阅者。事件总线对象： 在全局事件总线中，通常会有一个中央的事件总线对象，用于管理所有的事件。这个对象包含一个事件注册表，用于存储不同类型事件的订阅者列表。订阅事件： 组件或模块可以通过订阅事件来表达对某一类型事件的关注。

ctx.drawImage的canvas绘图不清晰解决方案,以及canvas高清导出

js触发input的打开文件选择器，将本地图片回显以及上传