JavaScript / HTML5 新闻

滚动时动态呈现网格行

6月 30, 2025
使用虚拟和无限滚动动态呈现可见内容，从而提高您 JavaScript 应用程序中数据网格的性能。

The ability to load items in a data grid as you scroll is a technique where content is rendered or fetched dynamically based on the user’s scroll position. Its purpose is to improve performance, and ultimately the user experience, when dealing with large datasets. This includes virtual scrolling, where the grid only renders rows that are currently visible in the viewport and reuses those same DOM elements as the user scrolls, and infinite scrolling (also known as endless scrolling), where additional data is loaded from a remote source in response to reaching the end of the currently displayed dataset. By minimizing the amount of data rendered or retrieved at any one time, this approach significantly reduces initial load times, improves responsiveness, and allows applications to scale efficiently.

Several JavaScript grid components allow you to load items as the user scrolls, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme by DevExpress) supports both virtual and infinite scrolling to optimize data loading performance.
  • KendoReact Data Grid (part of KendoReact by Telerik) offers customizable column/row virtualization and virtual scrolling, dynamically requesting data as needed.
  • Sencha Ext JS Grid (part of Sencha Ext JS) implements infinite scrolling through a virtualized system that loads data on demand without traditional pagination.
  • Syncfusion DataGrid for JavaScript (part of Syncfusion Essential Studio Enterprise) allows both virtualization and infinite scrolling for responsive grid rendering.

For an in-depth analysis of features and price, visit our comparison of JavaScript grid components.

Compare JavaScript Grid Components

跨平台本机查看图表文件

6月 25, 2025
ONLYOFFICE Docs v9.0 添加一个支持多平台的集成图表查看器，使用户能够打开和导航 Microsoft Visio 文件。

ONLYOFFICE Docs is a comprehensive online editor, allowing users to create text documents, spreadsheets, presentations, and forms. It enables your users to edit, share, and collaborate on documents online in their preferred browser, within your own application. It is fully compatible with OOXML (Office Open XML) formats and supports popular Microsoft Office and other document formats such as CSV, DOC, DOCX, EPUB, HTML, ODP, ODS, ODT, PDF, PPT, PPTX, RTF, TXT, XLS, and XLSX.

The ONLYOFFICE Docs v9.0 update adds a multi-platform integrated Diagram Viewer tool that allows users to view and navigate Microsoft Visio (.vsdx) files natively across devices, on web, desktop, and mobile web platforms, without requiring third-party software. With intuitive controls, zooming and panning, it provides effortless navigation whilst visualizing ideas and workflows as diagrams. Whether an IT manager is mapping infrastructure or a student is presenting a flowchart, the viewer ensures ideas and systems are clearly communicated.

To see a full list of what's new in v9.0.0, see our release notes.

ONLYOFFICE Docs is licensed by the number of simultaneous document connections and is available as an annual license with 1 year support and upgrades. See our ONLYOFFICE Docs licensing page for full details.

For more information, see our ONLYOFFICE Docs product page.

在 Vue.js 应用程序中制作图表动画

6月 24, 2025
使用动画可以让开发人员创建更引人入胜的图表，从而更轻松地理解和解释数据。

Animation in charts is a feature used in data visualization to visually transition between different data states or configurations. This technique helps communicate changes in data over time or between user interactions in a smooth, progressive manner. Rather than instantly switching from one state to another, animation introduces motion that can guide users’ attention, reinforce patterns, and reduce confusion. It is particularly useful in interactive dashboards and real-time analytics, where users benefit from a clearer understanding of what has changed and how.

Several Vue.js charting components support the use of animations, including:

  • DevExtreme Chart (part of DevExtreme by DevExpress) offers high-performance Vue components for data visualization that integrate configurable animation options.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) incorporates various animation modes and timing controls for visualizing data in web applications.
  • Highcharts Core by Highsoft is a JavaScript charting library that can equip Vue.js apps with advanced animation functionality for highlighting data and aiding data interpretation.
  • Kendo UI for Vue Chart (part of Kendo UI by Telerik) features built-in animations that respond to data changes in real-time, creating engaging transitions by default.

For an in-depth analysis of features and price, visit our comparison of Vue.js chart components.

Compare Vue.js Chart Controls

用电子表格同步实时协作

6月 24, 2025
SpreadJS 通过提供无冲突编辑的模块化协作框架在 JavaScript 应用程序中实现无缝实时协同编辑。

SpreadJS is a high-performance JavaScript spreadsheet and data presentation component designed for enterprise web applications. It enables developers to deliver Excel-like functionality directly within their web solutions, providing advanced features such as data binding, complex calculations, pivot tables, charts, and extensive formatting options. Fully compatible with modern JavaScript frameworks like React, Angular, and Vue, SpreadJS allows seamless integration and customization, empowering development teams to create interactive, data-driven user experiences without relying on external spreadsheet applications.

SpreadJS enables real-time collaboration within JavaScript spreadsheet applications through a modular, extensible framework currently available as a Developer Preview. This feature allows multiple users to work on the same spreadsheet simultaneously, maintaining data consistency and reducing the complexity of building collaborative functionality from scratch. It supports low-latency data synchronization, user presence indicators, and conflict-free concurrent editing, allowing multiple users to work simultaneously while maintaining consistent data states. Designed to integrate with various document types and backend systems, it simplifies the development of collaborative features without requiring developers to build the infrastructure from scratch. An online collaboration demo is available to explore these capabilities in action.

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

用外部链接将数据导入电子表格

6月 20, 2025
用于 Nextcloud 和 ownCloud 的 ONLYOFFICE 连接器添加对将参考数据导入电子表格的外部链接支持。

ONLYOFFICE Docs Enterprise Edition integrates seamlessly with both ownCloud and Nextcloud connectors, combining a powerful online document editor with two leading on-premises content collaboration platforms. This integration allows teams to create, view, edit, and collaborate on spreadsheets, presentations, and text documents in real time, directly within their ownCloud or Nextcloud environments, boosting productivity and eliminating the need to switch between applications.

The latest updates for the ONLYOFFICE Nextcloud and ownCloud connectors (9.9.0 and 9.9.1 respectively) introduce support for importing reference data into spreadsheets using external links, allowing developers to dynamically integrate data from third-party sources directly into their ONLYOFFICE spreadsheets. This enhancement simplifies cross-document referencing by enabling users to pull specific cell ranges from external files, reducing manual data handling and improving consistency across documents. It also supports automatic data updates and source management, helping developers maintain accurate, synchronized datasets within collaborative environments hosted on Nextcloud or ownCloud.

To see a full list of what's new, see our release notes for ONLYOFFICE Nextcloud Connector v9.9.0 and ONLYOFFICE ownCloud Connector v9.9.1.

The ONLYOFFICE Nextcloud and ownCloud connectors are both licensed per server and are available as an annual license with 1 year of support and updates, or as a perpetual license with 3 years of support and updates. See our licensing pages for the Nextcloud and ownCloud connectors for full details.

For more information, see our product pages: