当前位置: 首页 > 软件库 > iOS代码库 > 网页(Webview) >

Driver.js

轻量无依赖的页面着重显示库
授权协议 MIT
开发语言 JavaScript
所属分类 iOS代码库、 网页(Webview)
软件类型 开源软件
地区 不详
投 递 者 艾弘义
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Driver.js 是一个强大的,轻量级,使用原生 JavaScript 引擎开发的库,用于在页面聚焦用户的关注点。它支持所有主流浏览器,并且可高度自定义。

Driver.js 并不仅仅是一个指南性质的库,其用户场景非常广泛,能够用于任何需要为页面构建浮层的情况,譬如当用户需要与某些元素交互而隐藏其他元素的场景。

功能特性

  • 使用简单,无外部依赖

  • 极轻量,约~4kb,原生 JavaScript 引擎开发

  • API 功能强大,高度可定制

  • 可着重(突出)显示页面上的任何元素

  • 为你的 Web 应用构建强大的功能引导或介绍

  • 聚焦用户关注点

  • 对用户友好,可完全由键盘操控

  • 基本上可用于所有浏览器,包括 IE 

  • MIT 协议开源

Demo

 

  • 一.什么是Driver.js ? 官网上说讲: Driver.js是页面分部引导的JavaScript,通过 Driver.js ,你可以突出显示页面上的项目,以吸引用户的注意力。你也可以在网站改版后,使用它来引导用户展示新功能 。 二.怎么使用Driver.js?(主要是在vue中) (1)首页使用命令 npm install driver.js (2) 在main.js中引入 import D

  • Driver.js是一个用于凸显页面的某一部分的插件。改插件可以在直接引入到页面中使用,也可引入到vue项目中使用,但如果在vue项目中使用到UI框架,或在分步指引中断层,小编不推荐使用该插件来实现分步指引。 1、直接引入js、css使用 <script src="https://unpkg.com/driver.js/dist/driver.min.js"></script> <link rel

  • driver.js官网:https://kamranahmed.info/driver.js/ 基本选项和一些API方法就不说了,网上都有 直接说怎么在vue项目中使用driver.js 首先要在项目中安装 npm i driver.js 然后在main.js中引用 // driver.js新手引导插件引入 import Driver from 'driver.js'; import 'drive

  • 参考:在vue项目中 使用driver.js来进行页面分步引导_csl125的博客-CSDN博客 注:1、element: "#guide-menu",是元素id,也可以写成类element: ".guide-menu"        2、guide ()方法是需要调用的,可放在mounted中 //guide.js const steps = [   {     element: "#guide

  • 一、npm安装 npm install driver.js 二、在main.js引入 import Driver from 'driver.js' Vue.prototype.driver = new Driver({ className: 'scoped-class', // 包装类名 animate: true, // 动画 opacity: 0.75, // 遮罩层不透明

  • 对比了用户引导插件intro.js和driver.js intro.js:https://introjs.com/ Intro.js 是 AGPL 许可和开源的。但是,如果您想在您的商业应用程序、网站或插件中使用 Intro.js,则需要获得商业许可证。 driver.js:Driver MIT 许可– 免费供个人和商业使用 本文介绍在vue3 setup语法糖中如何使用dirvre.js来实现用

  • 链接指引:https://kamranahmed.info/driver.js/ 1 进行插件依赖下载 npm install driver.js 或 yarn add driver.js 2 在main.js里,引用driver.js并挂载到vue上 // 导入文件 import Driver from 'driver.js'; import 'driver.js/dist/driver.mi

  • 问题描述: 在vue中使用driver.js制作新手引导时,点击页面出现闪一下问题,新手引导也没有出现。但是手动在浏览器上刷新时,新手引导是正常出现的。 分析: 由于我是在mounted中调用的新手引导,所以在dom还没加载完成,就调用了,导致元素还没生成好,于是就出现了新手引导闪一下不出现的问题。 解决方案: mounted() { setTimeout(()=>{this.guide(

  • 安装模块依赖: yarn add driver.js npm install driver.js 创建独立步骤配置guide.js文件: const steps = [ { element: "#guide-menu", popover: { className: "box", //添加新类 title: "菜单导航", descripti

 相关资料
  • bean名称'user'的BindingResult和普通目标对象都不能作为请求属性使用 Apr 05 2019 9:18:13 AM org.apache.catalina.core.StandardWrapperValve调用严重:在路径[/DataVisualization]的上下文中servlet[SpringController]的servlet.service()引发异常[处理JSP

  • 问题内容: 根据我的经验,Maven在小型/实验性应用程序中常常是过大的。但是,依赖管理是Maven的一项非常有用的功能,实际上是唯一对上述应用程序类型真正有用的功能。 我想知道是否可以有一个 非常最小的轻量级 Eclipse-Maven集成,该集成 仅以 最简单的方式 仅 将Maven依赖项添加到Eclipse项目类路径中。 特别是我不想: 适用于任何Maven约定(包括项目布局召集人) 安装并

  • 问题内容: 我有一个二进制文件,其中ldd显示了意外的依赖项和libicuuc(来自“ icu”)。 由于在该系统上libxml动态依赖于libicuuc,因此ldd最终会找到它是有意义的,但是是否期望libicuuc也出现在A的ldd输出中?是否有一些命令仅检索链接为依赖项依赖关系的库? 问题答案: 显示启动应用程序或加载共享库时需要加载的所有库。 仅显示二进制文件的直接依赖项。 是否有一些命令

  • 我希望我的gradleGUI显示任务,而不仅仅是依赖项。看这些图片。我的gradle显示picture1(黑色背景),我希望它在picture2(白色背景)中显示树状。

  • 我试图从命令行显示我正在使用maven dependency插件版本3.1.2开发的项目的完整依赖关系树,但是目标(以及maven dependency插件中的任何其他目标)没有显示依赖关系。插件的文档(https://maven.apache.org/plugins/maven-dependency-plugin/tree-mojo.html)声明默认情况下包含所有作用域,因此不需要使用-Dsc

  • 我使用的是SpringBoot2.1。3,我想添加一个错误页面作为回退。我试图添加一个错误。模板文件夹下的html,但它不起作用。 还试图添加错误控制器,并为每个错误类型分类一个页面,但它也不起作用。 我还需要做其他配置吗? 提前谢谢。