
常用代码片段
常用代码片段
优惠券已抵扣
余额抵扣
还需支付
¥39.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
紫微前端
打造前端的百科全书
展开
-
echars 图表-好看的颜色汇总
【代码】echars 图表-好看的颜色汇总。原创 2024-12-25 16:52:08 · 38 阅读 · 0 评论 -
含有企业微信扫码登录的界面,被重定向为http://xxx.xx.com/xxxxx/[object%20object],解决方案如下
含有企业微信扫码登录的界面,被重定向为http://xxx.xx.com/xxxxx/[object%20object],解决方案如下原创 2024-04-09 10:23:35 · 269 阅读 · 0 评论 -
对比两组数组中的数据,得出哪些是新增删除变更的数据
【代码】对比两组数组中的数据,得出哪些是新增删除变更的数据。原创 2023-12-11 11:38:51 · 758 阅读 · 0 评论 -
iview table列的批量选择
【代码】iview table列的批量选择。原创 2023-11-15 10:52:52 · 298 阅读 · 0 评论 -
菜单与表单内容联动(DOM滚动菜单跟着变化,点击菜单定位到表单)
【代码】菜单与表单内容联动(DOM滚动菜单跟着变化,点击菜单定位到表单)原创 2023-11-13 19:32:50 · 160 阅读 · 0 评论 -
css 仿真按钮
【代码】css 仿真按钮。原创 2023-11-07 09:43:05 · 187 阅读 · 0 评论 -
iview table组件固定列的宽度不能自适应,现在要求固定列按钮超过三个就收起列变窄,按钮不超过3个就平铺水平展示
【代码】iview table组件固定列的宽度不能自适应,现在要求固定列按钮超过三个就收起列变窄,按钮不超过3个就平铺水平展示。原创 2023-11-06 10:10:47 · 358 阅读 · 0 评论 -
css标题效果
【代码】css标题效果。原创 2023-11-02 11:08:17 · 212 阅读 · 0 评论 -
3D效果loading
【代码】3D效果loading。原创 2023-11-01 09:36:04 · 82 阅读 · 0 评论 -
iview-大型表单(含table表单)表单元素出错定位
【代码】iview-大型表单(含table表单)表单元素出错定位。原创 2023-10-24 15:14:22 · 157 阅读 · 0 评论 -
iview--Drawer按钮下方悬浮(极低代价实现)
【代码】iview--Drawer按钮下方悬浮(极低代价实现)原创 2023-10-23 16:52:09 · 188 阅读 · 0 评论 -
iview-Table组件横向滚动纵向滚动到指定位置
【代码】iview-Table组件横向滚动到规定位置。原创 2023-10-23 16:05:45 · 422 阅读 · 0 评论 -
iview-table组件内-插槽中的表单校验
【代码】iview-table组件内-插槽中的表单校验。原创 2023-10-14 15:55:45 · 314 阅读 · 0 评论 -
iview table组件合并行
【代码】iview table组件合并行。原创 2023-09-21 13:56:20 · 282 阅读 · 0 评论 -
横向多内容进度条
【代码】横向多内容进度条。原创 2023-09-05 20:14:26 · 137 阅读 · 0 评论 -
html+css 田字格硬笔书法纸网页版
【代码】html+css 田字格硬笔书法纸网页版。原创 2023-01-28 16:55:47 · 549 阅读 · 0 评论 -
火焰球效果
【代码】火焰球效果。原创 2023-01-19 15:14:27 · 145 阅读 · 0 评论 -
非常炫的提交按钮
【代码】非常炫的提交按钮。原创 2023-01-19 14:57:17 · 151 阅读 · 0 评论 -
脱离轨道的loading
【代码】脱离轨道的loading。原创 2023-01-19 14:48:26 · 116 阅读 · 0 评论 -
发光的按钮
【代码】发光的按钮。原创 2023-01-19 14:42:29 · 118 阅读 · 0 评论 -
好看的移动端底部导航
【代码】好看的移动端底部导航。原创 2023-01-19 14:26:18 · 434 阅读 · 0 评论 -
你不知道的原生js国际化接口
确切地说,区域设置标识符是由连字符分隔的子标记组成的字符串。为此,我们将创建一个新函数,该函数采用日期字符串(YYYY-MM-DD 格式)并根据用户的区域设置返回格式化的日期。但是,仅将页面文本翻译成您需要的任何语言并不足以使您的内容可供使用该语言的使用者使用,因为日期、数字、单位等内容因国家/地区而异,可能会给您的用户带来混淆。对于我们的示例,我们将重点介绍构造函数,以根据用户区域设置来格式化报价的属性。创建的对象有一个方法,它接受两个参数:我们要格式化的对象和自定义如何显示格式化日期的对象。原创 2022-11-10 11:11:29 · 385 阅读 · 0 评论 -
你不知道的原生js广播频道接口
出于安全原因,不允许浏览上下文之间的通信,除非它们具有相同的来源并使用广播频道 API。要使两个浏览上下文具有相同的来源,它们必须在其URL中共享相同的协议(例如),域(例如)和端口(例如)。我们的目标是创建另一个具有相同来源的浏览上下文,并在两个上下文中显示相同的引用。该事件具有包含已发送数据的属性和其他属性,用于标识发送消息的上下文,例如,,,和。它的构造函数只有一个参数:一个字符串,它将用作标识符以从其他上下文连接到通道。在我们的 priorfile 中,我们将创建一个新对象并将其连接到。原创 2022-11-10 11:09:03 · 694 阅读 · 0 评论 -
你不知道并且没听说过的js原生网页共享接口
使用此 API,您可以共享文本、链接和文件,而无需创建自己的共享机制或使用第三方机制。但是,重要的是要注意,Web 共享 API 只有在上下文安全的情况下才能工作,即,如果页面通过 overorURL 提供。为了了解如何使用此 API,我们将回收之前的示例,并提供一个选项来使用 Web 共享 API 共享我们的报价。它调用本机共享机制,并接受要共享的数据作为参数。您可以使用它将页面中的内容共享到社交媒体或将其复制到用户的剪贴板。我们从DOM中定向并选择共享按钮。然后,我们创建一个函数来共享我们想要的数据。原创 2022-11-10 11:06:13 · 613 阅读 · 0 评论 -
jquery-滑块插件
资源下载地址:https://download.csdn.net/download/liuhao9999/15543268原创 2021-03-03 15:15:33 · 438 阅读 · 0 评论 -
canvas水印
<template> <div class="water"> <canvas id="canvas"></canvas> </div></template><script>export default { name: "Water", mounted() { var canvas = document.getElementById("canvas"); var width .原创 2021-03-24 11:14:04 · 3973 阅读 · 0 评论 -
jquery-抽屉插件
<!-- 抽屉-start --><div id="drawer"> <div class="close">X</div> <div class="self-drawer-content"> <h1>需要填写的内容</h1> </div></div><!-- 抽屉-end --><button id="open">打开...原创 2021-03-18 15:39:56 · 4929 阅读 · 0 评论 -
vue自定义指令-移动端点击元素input输入框垂直居中于软键盘弹出后的页面
Vue.directive('gomiddle', { // 当被绑定的元素插入到 DOM 中时…… inserted: function(el) { el.addEventListener('click', function() { setTimeout(function() { let top = el.offsetTop; let windowScrollTop = documen.原创 2021-04-01 09:01:48 · 4297 阅读 · 0 评论 -
html交换两个节点
下面的函数交换两个给定的节点,原创 2022-07-26 09:29:48 · 214 阅读 · 0 评论 -
在上传之前预览图像
2.使用FileReader的readAsDataURL()方法。1.使用URL.createObjectURL()方法。用于预览所选文件的元素准备标记。我们为允许选择图像的文件输入和。这两个元素都可以通过以下。原创 2022-07-26 09:40:37 · 166 阅读 · 0 评论 -
制作一个可调整大小的元素
首先,我们需要准备一些元素来表明该元素是可调整大小的。它们绝对放置在原始元素的四个侧面。所有的事件处理程序都准备好了。原创 2022-07-26 14:01:02 · 142 阅读 · 0 评论 -
平滑滚动到元素
这篇文章介绍了一个平滑滚动的实现,它还允许我们自定义动画效果和持续时间。我们将在一个流行的用例中演示用户可以通过单击相关的导航按钮在部分之间跳转。如果您还没有看到该功能,请不要担心。顾名思义,该函数会将页面滚动到given。最后,如果还有剩余时间,我们继续循环。目前,我们每毫秒平均移动到目标。我们每毫秒移动相同的距离。帖子中提到的,我们可以通过传递平滑滚动到给定元素。要滚动到给定点,我们可以使用。我们要做的是在给定的持续时间内从起点移动到终点。指示从页面顶部到目标的距离。属性确定的特定元素。...原创 2022-07-26 14:27:33 · 246 阅读 · 0 评论 -
将光标放在输入的末尾
假设我们有一个代表用户全名的文本字段。还有一个用于更新全名的。原创 2022-07-26 09:25:26 · 794 阅读 · 0 评论 -
通过单击表头对表进行排序
目前,单击标题会对所有行进行排序。如果用户再次单击标题,我们应该反转方向。如果缺少该属性,则单元格的内容类型为字符串。它适用于内容为字符串而不是数字或其他类型(如日期)的单元格。转到下一部分,看看我们如何支持这些案例。稍微改进一下功能以支持自定义内容类型。方法,该方法接受一个函数来比较两个项目。在我们的例子中,列的两个单元格根据其。列,但您可以自由支持更多类型,例如日期。函数将按给定的列对所有行进行排序。是一个数组,其中每个项目可以是。如您所见,数组提供了一个内置。指示关联列中的排序方向。...原创 2022-07-26 13:53:08 · 508 阅读 · 0 评论 -
从给定文本中去除 HTML
标签包含一个不会立即呈现的HTML内容。但是,IE11等旧版浏览器不支持此功能。但是,我们可以通过将标签替换为来防止html被执行。1.从虚假元素中获取文本内容(不推荐)不推荐使用这种方法,因为如果输入。2.使用DOMParser。...原创 2022-07-26 09:33:25 · 442 阅读 · 0 评论 -
检查元素是否可滚动
代码】检查元素是否可滚动。原创 2022-07-26 09:37:08 · 233 阅读 · 0 评论 -
获取、设置和删除数据属性
代码】获取、设置和删除数据属性。原创 2022-07-26 09:22:19 · 176 阅读 · 0 评论 -
缩放文本以适合元素内部
首先,我们需要用元素当前的字体大小和。现在我们可以通过比较测量的宽度和。原创 2022-07-26 14:05:11 · 113 阅读 · 0 评论 -
计算滚动条的大小
元素,其中一个是另一个的子元素。然后计算它们的宽度之间的差异。,则此方法在macOS上不起作用。如果Showscrollbars。另一方面,如果有,则包括滚动条。属性表示没有滚动条的宽度。原创 2022-07-26 09:35:47 · 464 阅读 · 0 评论 -
js点击图片打印图像
为了打印图像,我们可以将图像元素插入到假元素中,并在iframe的窗口上。当用户开始打印图像或关闭打印窗口时,动态iframe将被删除。尽管iframe源是一个简单的HTML,而不是。在macOS上)来打印网页。函数提供了打印整个页面的相同结果。当iframe准备好时插入图像。您可以通过单击浏览器的打印。创建一个假的iframe。打印图像可以在按钮的。......原创 2022-07-26 09:44:45 · 1273 阅读 · 0 评论