

她的码农
-
前端使用Js实现简单的加入购物车抛物线动画
在写Web端商城项目的时候, 我们经常会写到购物车当点击加入购物车的时候, 不止是数据的加减, 我们还想做一个动画效果, 这样的交互效果, 客户体验会好一点我们开始实现这种效果吧我…
-
前端借助 pdfjs-dist 实现PDF文件上传页码和大小限制
今天下午遇到了一个需求, 就是对于pdf页码和大小的限制我先描述下需求: 上传的pdf文件页码如果是一页, 大小大于10M不可上传我们来实现一下这个功能首先安装一下pdfjs-di…
-
前端借助 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画一个带有名字首字母的头像
有些需求, 为了区分用户, 会根据用户的首字母生成对应的头像使用, 面对这样的需求还是很多的, 比如腾讯会议等等 今天我们也来实现一下 首先, 我们先来写个函数, 需要传入字符串名…