1784196067

为什么需要保护前端代码？ 在开始技术细节前，让我们先看一组令人担忧的数据： 75% 的现代网站存在敏感逻辑泄露在客户端代码中 API密钥泄露 是导致数据泄露的主要入口点（占...

🔥 开篇痛点：为什么你的图片加载还是这么慢？ 作为一名前端开发者，你是否经常遇到这样的困境： 用户抱怨页面加载速度慢，图片迟迟不显示 产品经理要求优化性能，但图片体积太大...

如何用 html2canvas + jsPDF 这套像素魔法，将 DOM 完美“复刻”到 PDF，实现打印、导出、预览pdf的终极目标。...

前言 大文件上传不能一次性将整个大文件直接上传，因为这可能会导致 内存占用过高、 网络传输不稳定等问题 所以通常的做法是把大文件分割成一个个小块，分别上传这些小块，最后在服...

在堆业务架子工盛行的时代，请不要忘记咱们大大前端的css动效大法。请牢记一句话：掌握前端原生者掌握未来！！！jym好😘，我是月弦笙音，今天给大家分享如何制作可翻转的3D卡...

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方...

前言 我有个习惯，就是喜欢逛一些 ui 框架的网站，看看不同的框架都有哪些不一样的组件。发现 vuetifyjs 中有个指令 v-tooltip 好奇他的实现......

🛒 前端开发，商品呼啦啦抛物线飞向购物车，小二惊呼：飞入啦！顾客瞬间泪奔，网站火爆，程序员暗自得意，一切尽在掌握中！🚀🎉.........

使用 vue3 实现一个通用函数式弹窗，支持懒加载（异步加载函数）、自定义插槽、props传参、事件绑定、provide inject 注入数据、暴露内部方法。...

遇到竞态问题不要怕，可以试试 axios 拦截器中用AbortController 取消同类请求解决它！希望大家能有所收获。...

起因 最近看到掘金上有朋友用three.js实现了一个soul星球效果，觉得很有意思，想用CSS复刻一下！ 前置概念！🤠 首先CSS默认在二维平面 (x, y) 上操作：...

背景简介 在前端开发中，我们经常会遇到这样的一个需求：hover一个svg图片，svg展现不同状态的样式。 大家常见的写法就是引入两个颜色状态的svg，然后通过v-show...

即时通讯的设计过程中，细节颇多，而且UI实现也有许多讲究，本篇文章通过对接腾讯IM即时通讯API，实现一个自定义的即时通讯组件，内有详细的设计思路~...

现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。...

最近，群里在讨论一个很有意思的线条动画效果，效果大致如下： 简单而言，就是线条沿着不规则路径的行进动画，其中的线条动画可以理解为是特殊的光效。 本文，我们将一起探索，看看在...

关关难过关关过，当我刚开始想写年终总结的时候，脑海里就冒出了这个词。 今年确实很难，或者说自从我父亲去世之后，这两年一直都很难。 首先是家里人争我爸的遗产，当我们想卖掉我爸...

高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、...

作为vue3的用户，如果想进一步精简代码，可以使用组合式函数的写法代替pinia，减少一个依赖库的使用。...

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

useId是Vue 3.5中新增的API，主要用于生成唯一的ID。这个功能在处理列表渲染、表单元素和无障碍属性时非常有用！...