user2007946379265

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

背景 大家应该都有遇到过这样一个场景：测试提了个bug，我们修改好后重新部署到环境上了，让测试去测下，测试有时会说，不是，哥们，咋还是有问题呢，你确定处理好了？你可能就会说...

老板：新的需求不是上线了嘛，怎么用户看到的还是老的页面呀 窝囊废：让用户刷新一下页面，或者清一下缓存 老板：那我得告诉用户，刷新一下页面，或者清一下缓存，才能看到新的页面呀...

数据标注工具随着模型能力不断升级，经久不衰的Labelme推陈出新，也有 T-Rex Label等一系列小众产品黑马般涌现，本文总结了2024年值得推荐的主流标注工具...

简单介绍前端的包管理工具的发展历程，从早期的npm到yarn1.0，再到现在的pnpm，他们都解决了什么问题？为何推崇使用pnpm作为包管理工具？...

什么是pnpm pnpm 也是一个包管理工具，从功能上来说，与npm 和 yarn是一样的，但是pnpm作为后起之秀，解决了很多 npm 与 yarn中的问题，非常优秀，效...

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base6...

前言 使用 Git 作为代码版本管理，早已是现在开发工程师必备的技能。可大多数工程师还是只会最基本的保存、拉取、推送，遇到一些commit管理的问题就束手无策，或者用一些不...

本篇文章带领读者利用Docker+XShell+阿里云服务器进行简单的前端网页部署，包括Docker简介、本地部署、云服务器部署以及域名映射等几部分。...

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此...

在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他...

css3属性border-radius与border-image不兼容解决办法 border-radius：允许您为元素添加圆角边框！ border-image：属性来构造...

WebSocket有没有协议层面的心跳检测机制呢，就不能依赖WebSocket自身的检测能力来进行心跳检测吗？前端怎么设计心跳检测。怎么排除网络不佳。...

Squoosh利用Rollup、Preact和PostCSS构建前端界面，WebAssembly实现图像压缩算法，辅以Husky和lint-staged管理代码质量，Ser...

页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver...

前段时间，我用electron-vue开发了一款跨平台（目前支持Mac和Windows）的免费开源的图床上传应用——PicGo，在开发过程中踩了不少的坑，不仅来自应用的业务...

在 JS 学习过程中，往往出现一些与我们常理相违背的结果，比如当我们打印[] == ![] ，它的返回的结果竟然是true 。而本文将结合官方文档对该题进行深度剖析。...

JavaScript本身没有提供压缩图片的方法，但是可以使用第三方库或API来实现。 一种常用的方法是使用canvas，将图片绘制到canvas上，再将canvas转换为图...

上述代码是我在项目中看到并模拟出来的一个分支语句, 可以看到有大量的 if...else 那么我们如何进行优化呢? 方法1: 写一个对象, key为条件, value为满足...

scaleToWidth(value: number), scaleToHeight(value: number)：指定高度或者宽度等比缩放图片大小， 一般使用一个就可以了...