ImageViewer.js:一个零依赖的现代化图片预览组件
🎯 引言
在当今的 Web 开发中,图片预览功能几乎是每个网站的标配。然而,大多数现有的图片预览库要么过于臃肿,要么依赖特定的前端框架,要么配置复杂。有没有一种方案,能够只需引入一个 JavaScript 文件,就能为网站添加完整的图片预览功能?
今天我要向大家介绍 ImageViewer.js - 一个真正意义上的零依赖、现代化图片 ...
全新AI增强Demo发布:DHTMLX Gantt与Diagram如何通过LLM更智能地构建项目与组织结构
作为近年来增长最快的技术领域之一,人工智能(AI)正改变企业在 Web 前端、项目管理和可视化领域的应用方式。DHTMLX 团队持续深耕 AI 能力,并积极探索如何将最新的 LLM(大语言模型)能力与其 JavaScript UI 组件进行深度融合。
DHTMLX 近日推出了 3 个全新 Demo,展示了 AI 如何显著提升 Gantt 甘特图与& ...
JavaScript 基础笔记碎片-数据类型、变量与字符串操作
注意:本篇学习笔记摘录于原网站: JavaScript教程 - 廖雪峰的官方网站
笔记仅作学习留档使用
本篇目录
比较运算符
BigInt
变量
strict模式
字符串
多行字符串
模板字符串
操作字符串
比较运算符
JavaScript允许对任意数据类型做比较:
false == 0; // true
false === 0; // false
比较方式对比:
==:自动转换数据类型 ...
V8的垃圾回收器
垃圾回收算法
遍历 GC Root(window,DOM,栈等)标记活动对象和非活动对象
回收非活动对象所占据的内存
内存整理
新生代和老生代
在 V8 中,会把堆分成新生代和老生代两个区域
新生代通常只支持 1~8M 的容量,存放生存时间短的对象,由副垃圾回收器负责。
老生代通常容量很大,存放生存时间长的对象,由主垃圾回收器负责 ...
前后端全栈技术栈深度剖析:从Vue到Node.js的完整学习路径
做了三年前端,发现自己还停留在"调用API"的层面?想突破瓶颈却找不到方向?本文从实际项目出发,梳理了前端进阶的关键技术节点:框架底层原理、全栈开发能力、工程化思维,以及那些面试官真正关心的技术深度。
📚 介绍
前端全栈技术体系深度解析
本技术资料系统梳理了现代Web前端开发的完整技术栈,适合有一定基础的开发 ...
为什么你的JavaScript代码总是出bug?这5个隐藏陷阱太坑了!
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
你是不是经常遇到这样的情况:明明代码看起来没问题,一运行就各种报错?或者测试时好好的,上线后用户反馈bug不断?更气人的是,有时候改了一个小问题,结果引出了三个新问题……
别担心,这绝对不是你的能力问题。经过多年的观察,我发现大多数JavaScript开发者都会掉进同样 ...
Web前端入门第 90 问:JavaScript 也能无中生有的创建音频
网页播放音乐这个常识应该都知道,毕竟百度 MP3 搜索可是风靡一时!
但使用浏览器无中生有的创建音频,在 HTML5 规范落地之前可是一片空白。
AudioContext 的体量与 Canvas 差不了多少,一个针对图形图像,一个用于音频,两者结合起来就把 flash 给拉下了神坛~~
本文源之于一次技术研究,曾经有一个需求要用 H5 搞一个网页 ...
Rachoon:基于 TypeScript 和 PostgreSQL 的自部署发票管理系统
每个月为发票管理工具付费?
其实你可以用一个开源项目,在自己的服务器上搭建发票系统,数据完全由自己掌控。
这是什么项目
Rachoon 是一个发票管理系统,专门给自由职业者和小团队用的。名字来自波斯尼亚语里"račun"这个词,就是发票的意思。
它能做这些事:
开发票和报价单
记录客户信息
跟踪哪些钱收到了 ...
20251107
每次写类的时候都会觉得发明面向对象的人真是个天才。
今天晚上又稍微写了点,增加了碰撞伤害,现在玩家碰到怪物会回扣怪物.at血量并进入一秒的无敌状态,并且自身颜色变为白色,也是第一次体会到异步的方便之处吧。
更新后代码如下:
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF ...
DHTMLX Gantt 9.1 的核心目标——在保持稳定性能的基础上,带来更智能的时间刻度优化、更灵活的任务渲染、更高效的实时协作能力及更完善的资源管理功能。
在与众多开发者及企业客户的交流中,全球知名的前端UI控件服务商DHTMLX常常被问到:“下一版甘特图控件(Gantt) 会有哪些新功能?”事实上,对于像 DHTMLX Gantt 这样成熟且广受欢迎的组件,用户并不期待彻底的变革,而更关注使用体验、灵活度及开发便捷性的提升。这正是 DHTMLX Gantt 9.1 的核心目标 ...
【金融行业案例】借助DHTMLX打造高效银行排班与管理系统
作为全球知名的前端控件开发商之一,DHTMLX 一直致力于为企业提供灵活、高效的 JavaScript 界面组件。近日,DHTMLX 再次与北美软件开发商 oint Enterprises Inc. 展开深入交流,了解其基于 DHTMLX Suite 与 Scheduler 的银行员工排班系统 StaffPro® 的最新成果。该系统通过灵 ...
前端表格工具AG Grid 34.3 发布:重磅引入AI工具包,全面支持 React 19.2!
近日,全球知名的前端表格工具AG Grid 发布最新版本 v34.3!本次更新带来了全新的AI工具包(AI Toolkit)、列宽自适应与数据透视增强功能,并正式支持React 19.2,助力开发者打造更智能、更高效的数据可视化体验。
AG Grid最新版试用,请联系AG Grid官方合作伙伴慧都科技
核心亮点一览
AI Toolkit —— 基于大模型 ...
Web前端入门第 89 问:总结 8 种跨域通信处理方案
为什么会跨域?跨域是谁附加的限制?为什么 APP 不会有跨域问题?
首先跨域问题是由于浏览器的同源策略(Same-Origin Policy)导致的,基本上所有浏览器都有限制,默认情况是不允许跨域访问的!!
APP 的请求不受浏览器的同源策略限制,所以不存在跨域。类似一个服务器像另一个服务器发起请求一样,也不会受跨域影响。
想想 ...
FFmpeg开发笔记(八十六)基于Node.js的国产视频编辑开源框架OpenCut
《FFmpeg开发实战:从零基础到短视频上线》一书的“第 12 章 FFmpeg的移动开发”介绍了如何使用FFmpeg在手机上剪辑视频,方便开发者更好地开发类似剪映那样的视频剪辑软件。那么在桌面系统上还有一款国产的开源视频编辑框架OpenCut,通过该框架可以更快地加工编辑视频文件,下面就来介绍如何在桌面系统中使用OpenCu ...
上传图片后图片加载失败,或因后台ftp传输共享目录延迟导致获取不到
在前端上传图片后,通过ajax传输至后台服务器,后台服务器通过ftp方式将文件发送至共享目录中,或因传输延迟或共享目录同步延迟导致前端无法获取到已上传的图片信息,这时需要对图片进行重新加载处理。
进行重新加载时需考虑加载次数以及加载时间,当图片加载失败时,通过重试机制重新加载图片。随加载次数递增,延长加载时 ...
别再说我不懂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 技术的发展日新月异 ...