Shulou(Shulou.com)06/02 Report--

This article mainly explains "what are the characteristics of artDialog". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "what characteristics artDialog has"!

artDialog is a classically elegant web dialog control, artDialog.js provides several pop-up styles for us to use, but I want to use the different pop-up styles it provides in the same page, unfortunately artDialog.js does not provide methods or properties to specify styles for each dialog, so what should I do?

artDialog Features

Support normal and 12 direction bubble dialog box

Perfect focus handling, automatic focus attach and rollback

Support ARIA standards

Future-oriented: html5Dialog based API

Support for standard and modal dialogs

Rich and friendly programming interface

Adaptive content size

Only 4kb(gzip)

artDialog Success Stories

More than 400,000 websites are using artDialog, including some of the top products in China:

·Qzone v8 (Tencent)

·Phpcms (grand)

·Polar routing

·...

update history

7.0.0

1. Support for Webpack

2. Support NPM

3. Packaging CSS into JS

6.0.4

1.The content () method is passed to hide the element and display it, and when remove() inserts the element into the body to avoid being destroyed #103#126

2. Fix button method may bind event multiple times

3. Modal dialogs can avoid shift+tab to move focus out of dialog #67

6.0.3

1. Fix button method directly passed html not displayed

2. Fixed version management causing #78 to reproduce

6.0.2

1. Provide a version without dependency seajs and requirejs

2. Cancel button adds cancelDisplay configuration, retains cancel event and does not display cancel button

6.0.1

1. Further improve focus management to avoid stealing the focus set by developers #67

2. Fix dialog content conflict using html5data-id attribute #78

3. Improved Esc shortcut vs cancel issue #36

6.0.0

1. Function enhancement: support for defining the area in the lower left corner HTML, support for bubble dialog box in 12 directions, support for dialog box without title bar and button area

2. Better interactive experience: more advanced focus management, enabling accessibility

3. Future-proof: HTML5Dialog API

4. Modular: AMD, CMD specifications supported

5. Optional enhancements: Drag and drop support, simplified frame page calls

At this point, I believe everyone has a deeper understanding of "what characteristics artDialog has," so let's actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.