一、安装 二、在需要的页面引入并使用 一）基本使用 二）提供步骤，以指导用户有关功能的信息 （刷新或者再次打开该网页仍有引导） 三）新手引导，当用户第一次访问该网站的时候，才有新手引导，刷新或者再次打

前言1 介绍常用配置项 optionsoptions常用属性 attrsisActivated常用方法 methodshighlightdefineStepsstartmoveNextmovePrev

给新手引导插件——driver.js，增加跳过按钮的事件回调，区分完成与跳过的事件回调，方便在vue中使用。

引导蒙层通常在新业务上线、或者业务有变更时的给新用户的一个操作指引。下图页面即是一个蒙层，会在某个局部位置高亮我们需要重点突出的内容： 当前发现很多页面做蒙层引导，还是使用图片形式来做。 全屏蒙层图片，图片的宽高和屏幕宽高不一致，显示两边留黑，或者有压缩的效果。 图片的引导位置…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

在前端应用中, 不管是PC端, 还是移动端. 总有很多时候需要对用户进行引导. 一般, 我们会在我们的应用页面之上覆盖一层黑色蒙层, 同时在页面上镂空不同的形状来达到目的

最近公司在重构一个App，大功能基本上已经完成，正想可以缓一口气研究研究flutter了，组长让我先验证一下之前的引导页方案，他初步验证，看下来似乎有点问题。由于App改版，很多入口发生了变化，所以出于用户体验，加了一些引导，我之前有做过类似引导页，但跟这次的实现方案不太一样。…

vue1.插件安装2.项目引入包对应的JS和CSS 3.设置引导步骤 4.样式更改，标题颜色，按钮样式

前端新手指引：Driver.js前端产品步骤引导库，在svelte项目中安装和使用 一、安装 由于本工程是采用lerna实现的单工程多bundle的形式，所以在安装时候按照lerna的安装标准执行命令