当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

今天继续和大家分享一款非常有趣且实用的前端实战项目——从零基于 react + canvas 实现一个滑动验证码

刮刮卡是大家非常熟悉的一种网页交互元素了。实现刮涂层的效果，需要借助canvas来实现，想必每个前端工程师都清楚。实现刮刮卡并不难，但其中却涉及很多知识点，掌握这些知识点，有助于我们更深刻理解原理，对于提升举一反三的能力很有帮助。本期以实现刮刮卡为例，分享下如何科学合理地封装函…

最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。 制作呢，当然也不是拍拍脑袋就开始，在开始之前，就去研究了一下某在线设计网站（如果有人不知道的话，可以说一下，这是一个在线制作海报…

😛 闲暇时间想做一个聊天室来巩固前端技能，于是在2020年6月24号就开始了阿童木聊天室的开发之旅。 😈 项目采用全 typescript 开发，这是为了以后的功能迭代打基础。当然，我本身也是很喜欢 typescript 的。 Typescript：JavaScript 的…

工作台模块，新需求要做请假审批，开需求评审的时候，了解到请假有：年假 、病假、调休、事假 、婚嫁、丧假期、产假、陪产假等8种类型。小小第一个想法就是不想写多个表单页面，也不想在一个表单页面中写很多的判断类型逻辑。于是就试探性询问能否由后端配合做动态表单，毕竟之前做一次。但是后端…

现如今，一方面是工业互联网和 5G 齐头并进的时代，另一方面是国家新基建如火如荼的建设实施，可视化系统的搭建可以承载更多数据的监管，设施的完善就会伴随着设施的监管和维护，监控平台就能实现更多的事情。对于地，在当今大数据、移动互联网、物联网、云计算的高速发展背景下，智慧物流越来越…

抖音平台下载一个视频，去掉左上角的水印id。 这时候就会发现，抖音官方下载下来的视频，会有抖音的水印，需要去掉水印。 1. 重定向 2. 一个关键的 ajax 利用上面 html 内嵌 script 获取的两个参数，请求下面的地址。 到这里，抖音官方的流程就走完了。 3. 如何…