- 博客(112)
- 收藏
- 关注
RSS订阅原创 如何不错过优秀的开源项目
我们可以在页面上搜到最近火热的开源项目，那能不能做一个程序，自动爬取这些火热的开源项目呢？我之前在公众号上做过一个专栏，叫每天一个开源项目，不过后续反响一般，就没有继续做下去了。这里倒是可以分享一下如何快速的拉取好的开源项目。
2024-07-11 09:15:00
585
原创 纯前端如何实现Gif暂停、倍速播放
GIF我相信大家都不会陌生，由于它被广泛的支持，所以我们一般用它来做一些简单的动画效果。一般就是设计师弄好了之后，把文件发给我们。然后我们就直接这样使用：这样就能播放一个GIF，不知道大家有没有思考过一个问题？在播放GIF的时候，可以把这个GIF暂停/停止播放吗？可以把这个GIF倍速播放吗？听起来是很离谱的需求，你为啥不直接给我一个视频呢？anyway，那我们今天就一起来尝试实现一下上述的一些功能在GIF的实现。以上就是本文的全部内容，主要介绍了解码GIF图像之后，再利用canvas重新进行渲染。
2024-07-08 13:00:00
1082
原创 什么？刚买的10W条短信被盗刷完了？！
可乐他们团队最近在做一个文章社区平台，由于人手不够，后端部分也是由前端同学开发，用的框架是nest.js。他们平台上线之后，注册的用户量日渐增长，老板十分开心。由于注册的时候需要发送短信验证码来校验用户身份的真实性，所以老板一口气又去买了10W条短信，幻想着哪一天到达10W用户。好景不长的是，刚买了没多久，就收到了短信平台的告警，说的是短信快用完了？老板又震惊又愤怒，找到可乐：怎么这么快就用完了？我看也没几个新用户注册啊？
2024-07-04 09:00:00
916
原创 面试官：Web Worker知道吧？怎么动态的创建Web Worker呢
浏览器是一个多进程多线程的架构，以Chrome为例，每一个tab页都是一个单独的渲染进程。在这个渲染进程下，有JS执行线程和渲染线程。JS动画卡顿点击按钮/输入框输入没反应等等在HTML5中，浏览器提出了Web Worker这种技术，它允许在主线程之外运行脚本，这样就可以在后台执行一些耗时的任务，而不会阻塞JS执行线程，从而提高了Web应用的性能和响应性。Web Worker并行计算Web Worker提供了一个在后台线程中执行JavaScript。
2024-07-01 10:00:00
820
原创 受不了那些视频转GIF要收费的工具，我自己写了一个
最近自己有一个视频转GIF的需求，于是就在某度上搜了一下。然后，搜出来的东西，要么要下载，要么转换需要会员之类的。然后我就忍不了了，我只想要一个很基础的视频转GIF功能。无奈之下，只好自己写一个了。我想要的是一个web端的视频转GIF分辨率帧率常见的视频格式支持，对我来说就是mp4跟webm这个时候就需要用到FFMpeg的wasmffmpeg.wasm文档看了下市面上的视频转GIF工具，大多数还有一个选择时间区间的功能。比如说我有一个视频20秒，我可以只选择它5-10秒的部分来转换成一个GIF。
2024-06-25 08:30:00
663
原创 手机号格式验证不通过？原来是零宽字符搞的鬼
我们有一个需要用到用户的手机号进行一些操作的功能，在这里行文的时候姑且脱敏为：用户输入手机号，我们发短信，这也是经常遇到的功能。然而有一次，明明用户输入了一个非常正常的手机号（行文中手机号脱敏为，我们在本文中认为这个手机号是合法的 ），但是却死活验证不通过，导致发短信失败。\u200B是什么东西呢？它其实是零宽字符的一种，属于零宽空格。零宽字符是一类特殊的字符，它们在文本中不会产生可见的显示效果，但在布局和编码中占据了一个字符位置。
2024-06-20 08:45:00
808
1原创 女朋友说没找到好用的白板工具，我基于开源的魔改了一波
之前魔改了一个开源的流程图组件，让女朋友成功不再受Processon免费版的困扰——女朋友不想开Processon会员，我魔改了一个无限制的在线绘图软件。然后有一天，她跟我说：流程图都是比较正式的，而且没有自由画笔，有时候想画一个产品的原型草图，不太适合用流程图软件来画。这我一听，她不就是想要一个白板吗？然后我就给她推荐了excalidraw，讲真的，这是我用过的最好用的、免费的白板软件。跟她说完之后，她就去用了，然后我就接着打游戏了。数据是存在本地的，没有在云端管理文件/文件夹的能力。
2024-06-04 08:30:00
808
原创 这13个前端库，帮我在工作中赢得了不少摸鱼时间
平时开发的过程中，常常会使用到一些第三方库来提高开发效率，我总结了自己工作这么久以来经常用到的13个库，希望对大家有帮助～以上就是我开发工作过程中经常会用到的一些库，你平时会用到那些库呢？评论区一起交流一下吧！
2024-05-27 13:00:00
306
原创 纯前端怎么实现不同标签页下的数据通信
我记得之前有做过这样的一个需求——可以简化的看作为一个TODO List，我打开了两个tab页，都是对应这个TODO List。然后我在A页面新增一个，不出意外的话，在B页面是看不到的。产品当时跟我提了一下这个，让测试给我提了个Bug。我那个时候下意识的反应就是找后端接一下WebSocket，但接一个WebSocket谈何简单，单单是公司网关那里分分钟让你搞一天都搞不定。我就接着搜了一下，看看有没有纯前端的实现方案，还真让我找到了。今天我们就一起讨论下：纯前端如何实现不同标签页下的数据通信。
2024-05-20 21:13:41
715
原创 面试官问：天天在用Git，那你知道Git Hooks是什么吗？
git我们应该不陌生了，几乎每天工作都会用到。今天要为大家介绍的是git里面的hooks，也就是git钩子。git钩子是什么呢？它可以用来干什么呢？为什么说它是强大的武器呢？带着这些问题，我们一起来看看，git钩子它到底是个啥。Git hooks是git版本控制系统的一个功能，它允许我们在特定的git事件发生时执行自定义脚本。这些事件可以是提交(commit)、推送(push)、合并(merge)等等。通过使用Git hooks。
2024-05-20 21:13:05
764
原创 搞了整整一天，我为魔改的绘图工具增加了导出PDF的功能
之前闲暇之余我基于drawio魔改了一个绘图工具——女朋友不想开Processon会员，我魔改了一个无限制的在线绘图软件，然后在小某书宣传了一波。🌟体验地址🌟也是有不少人用到了我们这个工具，刚看了一下注册用户已经有1400+了，哈哈，小骄傲了一下，这也是我第一次做东西有这么多人用。随之而来的是一些用户使用上的一些反馈，比如说已经有两位用户反馈不能导出PDF的问题。那既然有用户用咱们的东西，还是尽量能完善就完善。其实我搞这个的时候，远没有文章写的那么顺利，中间踩过的坑有很多很多，各种报错。
2024-05-13 10:00:00
661
原创 领导无语：根据关键词搜索文章你居然用like去实现？
可乐他们团队最近在做一个文章社区平台，由于人手不够，前后端都是由前端同学来写。后端使用nest来实现。title：标题content：内容：简介可乐心想：这还不简单，一个like模糊查询的事情。以上就是本文的全部内容，介绍了实现全文检索。
2024-05-09 23:19:27
603
原创 3行代码，实现一个取色器
今天发现了一个很好玩的API——EyeDropper。提供了一种创建拾色器工具的机制。使用该工具，用户可以从屏幕上取样颜色，包括浏览器窗口之外的区域。这是MDN上对它的介绍，可以取包括浏览器窗口之外的区域。我们一起看看是怎么个事取色器，可能有一些地方会被称为拾色器。它指的是一种从应用窗口的某些部分甚至整个屏幕中选择颜色的工具。我不知道各位有没有遇到过这种情况：产品/业务随便丢过来一张图，让我们把页面抄成这个样子，但是图里的各个元素是什么颜色呀？
2024-05-07 22:58:39
321
原创 面试官：打开了一个新窗口，怎么知道这个窗口已经被打开过？
我们现在来想这么一个场景，在掘金的文章管理页打开了一篇文章草稿，然后点击编辑，这个时候打开新标签页A，再点击一次编辑，打开了标签页B。此时如果你在A编辑，B是感知不到A的内容变动的，因为没做协同编辑。此时再到B编辑，那么就可能导致A标签页的内容丢失。别问我是怎么YY出来这种场景的，因为我就真的犯过这种错😓所以可不可以做一种机制，再第二次点击编辑的时候，弹出一个提示，告诉你这个标签页已经打开过？或者说直接输入url的时候，能不能获取到相同的url的tab页？以上就是本文的全部内容，算是一个小知识点吧。
2024-05-07 22:58:08
370
原创 经常发文章的你是否想过定时发布是咋实现的？
可乐他们团队最近在做一个文章社区平台，由于人手不够，前后端都是由前端同学来写。后端使用nest来实现。某一天周五下午，可乐正在快乐摸鱼，想到周末即将来临，十分开心。然而，产品突然找到了他，说道：可乐，我们要做一个文章定时发布功能。现在我先为你解释一下这个功能里意义：定时发布功能赋予了作者更大的灵活性和自由度，他们可以提前准备好文章，然后在适当的时机发布，而不必在发布当天临时抓紧时间编辑和发布。说罢，产品就走了。可乐挠了挠头，本来想以普通人的身份跟你们相处。
2024-05-07 22:57:37
1066
原创 独立开发，做的页面不好看？我总结了一些工具与方法
我有时候会自己开发一些项目，但是不比在公司里面，自己开发项目的时候没有设计稿，所以做出来的页面比较难看。开发了几个项目之后，我也总结了以下的一些画页面的资源或者方法，希望对大家有帮助～以上就是我独立开发项目时会思考以及参照的工具，如果你有一些其他想法，欢迎评论区交流。
2024-05-07 22:57:01
1482
原创 ️测试问我：为啥阅读量计数这么简单的功能你都能写出bug？
可乐他们团队最近在做一个文章社区平台，由于人手不够，后端部分也是由前端同学来实现，使用的是nest。今天他接到了一个需求，就是在用户点开文章详情的时候，把阅读量+1，这里不需要判断用户是否阅读过，无脑+1就行。它心想：这么简单，这不是跟1+1一样么。
2024-05-07 22:56:29
440
原创 同事写的console.log太多令人烦恼？来手撕一个vite插件去掉它
不知道各位同学在开发的过程中有没有遇到这样的一种情况：就是跟你一起合作做项目的同学调试的时候打了不少console，然后提交代码的时候没删。打印得多了，可能就长成下面的样子。特别是有一些在公共的数据变化时打印，就更加惨不忍睹。这就给我们自己调试的时候，想在控制台找到自己打印的东西比较麻烦，虽然说花点心思找一下或者搜一下也能找到，但是我为啥要花时间花心思在这上面呢？而且这么多打印的东西看着就烦。今天，我们就写一个vite插件，来去掉同事写的，当然，要保留我们自己写的。按理来说，
2024-05-07 22:55:40
318
原创 100行代码，我给摸鱼群加了一个前端出题机器人
有时候我们几个人摸鱼的时候会讨论一些前端面试题，突然想到最近爆火的AIGC，如果我能在群里实现一个AI出题机器人，那也是一件很好玩的事情。说干就干，由于之前做过一些相关的应用，思路清晰，所以实现起来也很快。
2024-04-11 08:30:00
562
原创 参加完全球开发者大会之后，我一个小前端尝试使用了一些AI模型
在3月23日的时候，我去参加了GDC（全球开发者先锋大会）。在现场，听了几个大佬的前沿分享，感觉受益良多。同时也看到了一些很有意思的东西：比如说这个机械狗还有马斯克的“火星车”以及最近火爆出圈的支持200W token上下文的大语言模型kimi然后在主会场听了一个关于魔搭社区的一个分享听完之后，我理解魔搭上有很多开源的AI模型以及数据集，以及它依托了阿里云平台的算力，可以让开发者快速的在魔搭平台去体验这些模型和微调这些模型。
2024-04-09 15:13:05
757
原创 女朋友不想开Processon会员，我魔改了一个无限制的在线绘图软件
对于复杂的逻辑或者流程来说，画一画流程图可以帮助我们更好的捋清楚逻辑。平时我女朋友也偶尔会用processon来画一下流程图，processon确实是一个很好的软件。但是免费版只能创建9个文件，所以她平时在用的时候只能删了画、画了删，用起来不是那么方便，但是又不想为了这个东西开会员。于是我找到了一个很棒的开源的流程图软件——draw.io，它同样也提供了在线的地址——drawio在线地址这个在线地址部署在国外，平时使用会受网络影响。
2024-04-02 08:30:00
2039
原创 一键生成高清短视频：MoneyPrinterTurbo项目详解
MoneyPrinterTurbo是一个强大的开源项目，只需提供一个视频主题或关键词，即可全自动生成视频文案、视频素材、视频字幕、视频背景音乐，并合成一个高清的短视频。
2024-04-01 08:30:00
2074
原创 Open-Sora——一种高效制作视频的方式
Open-Sora是一个致力于高效制作高质量视频的开源项目，将模型、工具和内容无障碍地分享给所有人。
2024-03-26 08:30:00
772
原创 领导问我：为什么一个点赞功能你做了五天？
可乐是一名前端切图仔，最近他们团队需要做一个文章社区平台。由于人手不够，前后端部分都是由前端同学来实现，后端部分用的技术栈是nest.js。交代完之后，领导就去出差了。等领导回来时已是周五，他问可乐：这期的需求进展如何？？？可乐回答：领导息怒。。请听我细细道来。
2024-03-26 08:30:00
1006
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人