JS为网页添加文字水印

最近需要实现为网页添加水印的功能,由于水印的信息是动态生成的,而百度谷歌上的方法往往都是为网页添加图片水印或为图片添加水印,而为网页添加文字水印相关资料较少,于是就自己动手写了这个代码。 通常加动态水印的思路是:后台服务端根据参数动态生成图片,前端设置body的background-url或者利用遮罩层+事件委托的方式实现。

Vue3 + TypeScript 开发实践总结

Vue 2 局限性 随着组件与组件依赖之间不断变大,组件很难读取和维护 没有完美的方法解决跨组件代码重用 Vue 3 如何解决Vue 2 局限 组件难以维护管理 【在Vue3 中 编写组合函数,使用 Compositon Api setUp 来解决】 没有完美的方法解决跨组件代码重用

JavaScript高阶函数filter、map、reduce

前言 需求:有这样一个数组 [10, 20, 110, 200, 60, 30, 40] 1.筛选出数组中小于100的元素 2.将筛选出的每个元素的值x2 3.完成第2步之后,将数组中的所有元素加起来 普通方法 如果我们还没接触过 filter 、 map 、 reduce ,那么就是用 for 循环

JavaScript 中 JSON.stringify() 的基本用法

在开发工作中,我们可能会 碰到这样的需求:需要将某个对象内容弹窗显示或者保存在文件中,这时候如果你直接弹窗的话,很可能就是下面这样的: 因为很多接口它对参数有要求,比如只能是字符串之类的。 这时候,就需要我们将对象转换为字符串进行输出, JSON.stringify() 方法就可以帮我们实现将对象转为字符串的过程。

JavaScript中的Set数据操作:交集、差集、交集、对称差集

在许多情况下,需要比较多个列表,获取它们有或没有交集、差集等等,在 Javascript 有一个数据类型可以很好的实现这些需求,那就是 Set 。 Set 对象就像一个数组,但是仅包含唯一项。 Set 对象是值的集合,可以按照插入的顺序迭代它的元素。 Set 中的元素只会出现一次,即 Set 中的元素是唯一的。

Element Table 可以实现常见的有用的功能介绍

最近项目中频繁使用 table 功能,因为 UI 框架使用的又是 Element UI,于是总结下在 Element 下 el-table 组件使用技巧。 table 组件提供了row-style 属性,说明:行的 style 的回调方法,也可以使用一个固定的 Object 为所有行设置一样的 Style。 于是我们可以在 method 中写一个 setRowStyle 方法,通过行索引和背景色数组去匹配颜色值用于单元格背景色。