前端

😼😼如果每天的工资取决于我们所编写的代码行数，那么我们的生活会发生怎样的改变？来看看你的同事们今天都提交了多少代码吧，看看谁是卷王，谁在摸鱼（🐶🐶狗头保命，光看代码量并无法准确衡量工作量）

在日常的图片处理中，我们经常会遇到需要抠图的情况，无论是为了美化照片、制作海报，还是进行图片合成。抠图对于我们来说也是一种很常用的功能了，今天就让我们一起来看下怎么使用canvas来实现一个锚点抠图功

不管前端还是后端，大家或多或少都了解使用过echarts图表吧，很多时候我们只是需要展示指定区间的数据，但有时我们希望在图表上能够轻松地切换数据的展示区间，以便更清晰地观察特定时间段或区域的变化。在本

平时我们在终端输入命令的时候是不是都可以通过tab键来进行快速补全？那么有没有想过怎么去实现这个自动补全的功能呢？今天让我们一起来使用字典树实现一个可以自动补全的输入框。

JavaScript 提供了许多方便的方法和操作符来简化常见的任务，使得编程变得更加高效和便捷。无论是数学计算、字符串处理还是数据操作，JavaScript 都能帮助我们以简洁的方式实现所需功能。

使用vue框架开发的同学们，在开发过程中应该或多或少都会使用到自定义指令吧，大家平时都是怎么管理自己的vue指令的呢？每新建一个新项目就复制一份代码过去？试试来搭建一个vue指令库吧

平时写文章或写代码的时候，都少不了需要将本地图片转成在线图片链接，今天来给大家介绍一下，怎么基于Gitee和Electron来开发一个便捷的图床工具，支持图片的上传、删除、复制和快速生成markdow

鼠标控制元素旋转在现在也是一个很常见的功能，让我们从实现div元素的旋转控制开始来了解元素旋转的具体原理和实现方法吧。

平时大家开发一个新项目或新模块的时候都是怎么开始的呢？有没有人是直接从已有项目或模块复制一份出来然后再删除掉一些冗余的代码？这样的话往往会产生很多的冗余代码，不利于项目的后续维护，那么我们可不可以像`

元素拖拽和缩放现在也是一个很常见的功能，让我们从实现div元素的拖拽缩放开始来了解元素拖拽缩放的具体原理和实现方法吧。

🖼文件拖拽上传功能现在已经随处可见，大家应该都用过了吧，那么它具体是怎么实现的大家有去了解过吗？今天我们一起来实现一下这个功能，并封装一个拖拽上传组件吧。

💻作为一名前端开发，我们平时也少不了对文件流数据进行处理，今天简单整理一下日常开发中比较常见的一些处理文件流的场景及处理方法，希望可以帮助到大家，挤出多一点的~~摸鱼~~学习时间。

贡献度面板（Contribution Graph）是指在代码仓库中按时间展示每位开发者的提交情况的可视化图表。它会显示不同日期的提交次数，并用颜色的深浅表示提交的数量。为团队提供了一个直观且可量化的视

不知道大家有没有遇到这样一种情况，平时在写代码调试时有时候会使用到debugger，可能大部分时间在提交代码前会记得把debugger先删除，但可能也会存在将debugger提交上去的情况，那我们该怎

相信大家对 XML 都不会很陌生了，XML 被设计用来结构化、存储以及传输信息。最近在开发过程中发现，有一些旧接口返回的数据格式即是 XML 的格式，因此需要我们对返回的 XML 数据进行解析，转换成

背景 在很多地方，我们都可以看到，上传图片的时候，图片都会被加上默认的水印，水印的作用主要体现在以下几个方面： 1.版权保护：在商业用途的照片中添加水印可以帮助保护作者的版权，防止他人未经授权使用照片

🎈相信很多80、90后的朋友，对QQ宠物印象非常深刻，每次开机宠物就会自动跑出来。有很多人总是一上线就退出，但就是不愿因取消“开机自动开启”的勾选。2018年09月15日，QQ宠物正式停止游戏运营，

给你一个下标从 0 开始的数组 nums ，它含有 n 个非负整数。 每一步操作中，你需要： 选择一个满足 1 <= i < n 的整数 i ，且 nums[i] > 0 。 将 nums[i]

对于echarts，相信大多数人都是不陌生的吧，应该是大部分同学都有使用过的一个图表库，echarts可以满足绝大多数可视化图表的展示，大多数情况下我们都可以通过官方文档的配置项来完成一个图表的配置，

🎈不知道有没有同学做过自己的线上网页版简历，或者是搭建过自己的个人博客？做过自己的线上网页版简历，或者是搭建过个人博客中又有多少人会将自己的开源项目仓库的数据信息贴到简历或者博客中？我想有些同学可能