别再说我不懂Node"流"了
Nodejs中包括4种类型的流:Readable、Writable、Duplex和Transform.
Readable Stream
自定义Readable
自定义 Readable 流必须调用 new stream.Readable([options]) 构造函数并实现 readable._read() 方法。
import { Readable } from "node:stream";
const readable = new Readable();
readable.on("data", (chunk) => ...
AG Grid推出全新MCP服务器——让AI更智能地理解你的数据表格!
作为全球领先的前端表格控件之一,AG Grid 再次引领创新。近日,AG Grid正式发布 AG MCP(Model Context Protocol Server) —— 一个基于开源协议的智能接口,旨在让各类AI模型(如Claude、Cursor、Copilot等)能够直接访问最新、最准确的AG Grid知识库。
AG Grid最新版试用,请联系AG Grid中国区合作伙伴 ...
Web前端入门第 88 问:引入 JavaScript 的 script 标签究竟有多少用法?
HTML 版本不停的更新迭代,也导致浏览器支持的写法眼花缭乱,就拿 script 标签来说,刚刚入行的那会儿就只知道用来写内联的 js 代码,后来又学到了引入 js 文件,ES 模块规范化之后又知道能用来引入模块化的 js 代码,可这就是它的全部了吗??
然而...并不是!!!
各种用法
看看 script 千奇百怪的用法,一定有你没见过的 ...
学习 React 前,你必须掌握的 10 个 JavaScript 核心概念
学习 React 前,你必须掌握的 10 个 JavaScript 核心概念
如果你正计划入门 React.js,先稍等一下 —— 问问自己:“我的 JavaScript 基础真的扎实吗?”
React 并非写过几行 JS 就能直接上手的框架。它要求你清楚 JavaScript 的底层工作原理,尤其是那些看似简单、却支撑着整个 React 生态的核心概念。
下面就为大家详细拆 ...
拥抱新一代 Web 3D 引擎,Three.js 项目快速升级 Galacean 指南
作者: vivo 互联网前端团队- Su Ning
本文从多个维度对比 Galacean 和 Three.js 两款Web3D 引擎的差异,并介绍拟我形象项目从Three.js 切换到 Galacean 以后带来的提升以及项目迁移的心得,为其他 Three.js 项目升级到 Galacean 提供参考。
1分钟看图掌握核心观点👇
一、背景
Web 3D 技术的发展日新月异 ...
JavaScript数据网格方案AG Grid 34.2 发布:更灵活的数据结构、更流畅的大数据交互与全新 UI 体验
近日,JavaScript 数据表格方案AG Grid版本,本次更新为开发者带来了更灵活的数据分组方式、更顺畅的大数据集交互体验,以及更直观的 UI 提示与操作反馈。
AG Grid最新版下载,请联系AG Grid中国区合作伙伴慧都科技
以下为本次更新的核心亮点:
核心功能更新
1. 日期与时间分组
支持基于日期的层级分组(如日、周、月、季 ...
Web前端入门第 86 问:JavaScript 中的 Web Worker 为什么能提升代码性能?
最初的 JS 执行代码都是一条线执行到底,当遇到比较耗时的操作时,比如大数组循环运算,就会导致页面卡着,就像假死一样。就像一个人在厨房烧菜一样,需要依次完成切菜、炒菜、装盘这些步骤,此过程中没办法同时做其他事情,必须按顺序执行每一个步骤。
Web Worker 赋予了 JS 分配任务的能力,在遇到复杂的计算型任务时,比 ...
记录---一篇文了解qiankun的代码隔离原理
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
随着前端业务的快速发展,微前端架构已经被广泛采用,其中 qiankun 作为主流解决方案也越来越受到关注。前几天面试时,我就被问到了一个高频问题:qiankun 是如何实现 JS 和 CSS 隔离的?
qiankun 的JS 沙箱
qiankun 的微前端场景是:主应用加载多个子应用,不同 ...
echarts大屏项目指南
大屏项目指南
资源列表
1. echars官方文档:[Apache ECharts](https://echarts.apache.org/zh/index.html)
1. api: [Api](https://echarts.apache.org/zh/api.html#echarts)
2. 配置项手册:[Options](https://echarts.apache.org/zh/option.html#title)
3. 术语快查手册:[术语速查手册](https://echarts.apache.org ...
记录---前端实现倒计时为什么会存在误差呢
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
1. 前端倒计时为何不准?
1.1 JavaScript的“单线程陷阱”
JavaScript是单线程语言,所有任务(包括定时器回调)都在同一个线程中排队执行。当主线程被耗时任务(如复杂计算、网络请求)阻塞时,定时器回调只能“望队兴叹”,导致实际执行时间远晚于预期时间。就像一 ...
Web前端入门第 85 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
在前端风风雨雨的混了多年,从没在项目中实际使用过 IndexedDB 这个浏览器端的数据库,所以今天就摸了下 MDN 的后门,写一个简单的入门示例。
页面大概长这样:
源码:
以下代码包含了一个数据库所有的 CRUD (增删改查)操作。
<div>
<button id="js_add_btn">添加书籍</button>
</div>
<div>
<input type="text" nam ...
JavaScript数据表格方案AG Grid主题定制新升级:Figma 设计系统全面打通设计与开发
在最新版本的 Figma 设计系统 中,所有变量已与 AG Grid Theming API 参数 实现 1:1 映射。这意味着设计师在 Figma 中的修改能够无缝传递到开发代码,彻底消除沟通障碍。更重要的是,借助自动化导出与转换工具,团队可以一键生成生产可用的 AG Grid 自定义主题,显著提升交付效率 ...
如何在DHTMLX Scheduler中实现带拖拽的任务待办区(Backlog)
为了满足 DHTMLX Scheduler 用户的实际业务需求,本文将展示如何在 JavaScript 日程组件中实现“带拖拽的任务待办区(Backlog)”。这一功能让用户可以像物业管理系统那样,通过简单的拖拽操作将任务分配到时间轴上的合适位置,大幅提升排程效率与体验。
DHTMLX Scheduler 试用下载,请联系DHTMLX官方授权代理商 ...
Web前端入门第 84 问:JavaScript sessionStorage 那些容易踩坑的地方
sessionStorage 与 localStorage 差不多可以算作一对兄弟,它俩的暴露的 API 方法一模一样。
但两者也有不同点:
1、sessionStorage 存入的数据在页面关闭后,会自动清除。
2、相同 URL 的每个 tab 页签的 sessionStorage 会被隔离,互不影响。也就是说相同的链接,在 A 标签页打开和在 B 标签打开,A 写入的 sessionStorag ...
格式转换全能王!一个开源自托管的文件转换神器
大家好,我是 Java陈序员。
在日常工作生活中,常常需要对一些文件进行转换,如不同格式的照片进行转换,还有 Office 各文档之间的转换等。但常常找不到趁手的工具,使用在线工具又担心隐私泄漏。
今天,给大家介绍一个开源自托管的文件转换神器,支持超多种文件格式转换,可以说是格式转换全能王!
关注微信公众号:【Jav ...
Web前端入门第 83 问:JavaScript localStorage 有大小限制吗?溢出会怎样?
本地存储除了 Cookie 外,还有 localStorage 和 sessionStorage,本文一探 localStorage。
localStorage
此 API 存入的数据会 永久 保存在浏览器中,除非用户手动删除。
localStorage 能用于同一浏览器同一域名跨标签页通信。
同一浏览器无痕模式和非无痕模式下,localStorage 存储的数据无法互通,且无痕模式存入的数据在 ...
JavaScript数据网格方案AG Grid 34.1更新:提升开发效率,优化测试与布局体验
近日,JavaScript 数据表格方案AG Grid 正式发布 34.1 版本,本次更新以“提升开发者生产力、简化测试流程、增强布局与样式控制”为核心目标,带来了多项实用功能与体验优化。值得一提的是,该版本为非中断版本,当前使用 33.x 版本的开发者可无缝升级,无需修改已有代码。
AG Grid最新版下载,请联系AG Grid中国区合 ...
学习 TreeWalker api 并与普通遍历 DOM 方式进行比较
介绍 TreeWalker
TreeWalker 是 JavaScript 中用于遍历 DOM 树的一个接口。允许你以灵活的方式在 DOM 树中进行前向和后向遍历,包括访问父节点、子节点和兄弟节点。适用于处理复杂的 DOM 操作:在遍历过程中进行添加、删除或修改节点的操作,并继续遍历。
与普通的 for 循环 + querySelector 相比灵活性更高。执行速度方面 ...
跨域问题
1、跨域问题的产生
跨域问题的根源是浏览器的同源策略:出于安全考虑,当从A域名请求B域名的资源时,如果A、B两域名不同源(协议不同/域名不同/端口不同),浏览器就会拦截这次请求或响应。
为什么会有跨域限制——防止窃取用户数据:比如你打开了银行网站www.bank.com进行了登录,后来你又打开了恶意网 ...
Web前端入门第 82 问:JavaScript cookie 有大小限制吗?溢出会怎样?
面试时候经常会被问及 Cookie 大小限制,但一直没尝试写一些 demo 测试下溢出极限值会怎样~~
本文就来看看各种极限情况!
英文
测试代码:
(() => {
const maxSize = 4 * 1024; // 4KB
const name = 'name'
// 最大出入的 value 长度
const maxValueStr = 'a'.repeat(maxSize - name.length);
// firefox 不能使 ...