

她的码农
-
前端借助 Document Picture-in-Picture API 实现画中画功能
今天, 我们介绍一个非常有意思的API就是 Document Picture-in-Picture , 这个API能做什么呢?他可以打开一个始终在顶层的窗口, 不知道大家熟悉不熟悉…
-
使用Python检测图片清晰度
今下午开会的时候, 无意间看到了一个需求类似于检测清晰度晚上回来, 我们就使用Python去写一个检测清晰度的小例子今晚的案例, 主要使用OpenCV和Laplacian算子因为L…
-
借助pdf.js和canvas实现pdf文件首页渲染
大家在开发过程中, 有没有遇到过这种需求就是, 客户不想打开pdf, 鼠标悬停可以看到pdf文件的首页内容那么这个需求, 首先可以想到的是pdf.js的getPage方法获取到首页…
-
js实现字符串的匹配替换
今天呢, 我们来实现一个小需求, 这种需求在开发中也是非常容易见到的比如一些富文本给img标签加样式, 或者是剔除一些标签等等, 很多场景, 我们都会遇到字符串的匹配那么, 这个时…
-
js实现密码强度校验
今天呢, 我们写一个简单的需求在很多网站中, 修改密码都会看到的一个校验提示就是密码校验, 那么密码校验是怎么来实现呢?我们可以用到正则来匹配密码的复杂度, 从而实现对复杂度的一个…
-
前端实现商品图片放大镜效果
在一些商品网站的开发中, 都会用到一种交互效果就是放大镜效果, 那么怎么来实现呢?其实这里需要了解三个鼠标事件, 比如悬停移出和移动再加上我们的样式, 我们根据绝对定位和相对定位实…
-
前端使用Canvas给图片加水印
今天呢, 我们来实现一个加水印的功能, 这种使用场景还很多, 比如我现在写作的微信公众平台, 或者一些后台的审核等等 那么这种功能如何实现呢? 我们先来准备一个按钮, 当用户点击的…
-
前端使用Canvas画一个带有名字首字母的头像
有些需求, 为了区分用户, 会根据用户的首字母生成对应的头像使用, 面对这样的需求还是很多的, 比如腾讯会议等等 今天我们也来实现一下 首先, 我们先来写个函数, 需要传入字符串名…
-
前端如何实现从html源码字符串中读取任意张图片进行样式适配
大家可能看到这种标题, 大概可能是写正则去匹配所有的img标签, 然后加上样式进行替换, 这样不就好了 可是呢, 每个的宽高基本都不是固定的, 有的高度特别大, 宽度又特别小呢? …
-
前端借助jsdiff库实现文本差异对比
今天介绍一个比较特殊的js库 因为, 平常我们开发过程中, 基本不会遇到这种场景, 但是我们却经常在用这些功能, jsdiff可以进行文本比较, 经常会用到版本控制系统和文本编辑器…