在Nuxt官网发现了一组很有意思的CSS效果，随着鼠标的移动，边框也是不断跟随的，试着还原了一下这个效。主要使用JS和CCS实现。用JS获取距离，CSS用background的渐变属性设置渐变的坐标。

在一些业务场景，比如高亮文本、输入编辑、等场景中需要对光标和选区进行操作时，可以使用浏览器提供的 Selection 对象和 Range 对象来操作光标和选区。 Selection 对象 Select

如今前端领域：serverless，low code，全栈化等概念遍布漫天。开发者们热衷于讨论「如何把前端格局做大」，「如何将高高在上的概念落地」。此时，你有没有感受到「还不知道发展方向到底是什么，就已经被未来抛弃了」。 我想，与其去琢磨「serverless 到底是什么，跟前…

转眼，今天已经是大年29了。而我已经在家打了两天王者了（还没放假了好兄弟们辛苦了，打工人牛逼--超大声） 为啥要写这篇文章？额...这要从两幅图片说起。 打王者打的把自己打自闭了😭，于是乎跑到掘金打算看看究竟是谁今天还在上班（嘿嘿）。 再于是乎发现又有征文活动，故心存歹意的我…

当我们需要鼠标选中文本后，文本高亮。当再次将选中的文本选中后，取消高亮效果时该如何实现呢？ 获取鼠标选中内容，主要是利用了window.getSelection()这个API。

1. 什么是“划词高亮”？ 上图的示例网站可以点击这里访问。用户选择一段文本（即划词），即会自动将这段选取的文本添加高亮背景，用户可以很方便地为网页添加在线笔记。 笔者前段时间为线上业务实现了一个与内容结构非耦合的文本高亮在线笔记功能。非耦合是指不需要为高亮功能建立特殊的页面 …

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

效果图普通轮播图卡片式轮播图堆叠式轮播图普通轮播图普通轮播图-演示普通轮播图-源码思路：如上图所示，假设有三张图片进行轮播，绿色区域是显示区域，其它部分都是隐藏的页面渲染时,会多选择两张图片，图中数字

一：多文件下载并压缩成zip形式   我们一般看到这个需求，大多前端都会觉得这不就是一个接口的事嘛，咱们直接window.open（）就搞定了，emm...，我之前也是这样想的，可惜现在是在三线城市的