Yauoi

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

说实话，面试被拷打，真的很难过。特别是，那些有点影响的八股或408基础。因为没答出来吃挂面，确实可惜。走过的路，写点面筋总结，也算帮指个方向。 文章不长，可以 readin...

Vue实现一个“液态玻璃”效果登录卡片 效果介绍 液态玻璃（Liquid Glass）是一种极具现代感的UI视觉风格，常见于高端网站和操作系统界面。它通过多层叠加、模糊、光...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

干前端的，天天都在跟CSS打交道。以前我们写CSS，要是遇到复杂点的场景，比如“当一个卡片里有图片时，给卡片加个边框”，或者要给一长串不同的标题应用同一个样式，那代码写起来...

在公司干了几年，带个小团队，零零总总也面试了上百个前端候选人了。说实话，有时候面完一天，感觉人都是麻的。 最让我头疼的是什么？就是“算法题”这个环节。 我经常遇到两种候选人...

之前在学习 SVG 的时候了解到 Path 标签可以结合 stroke-dasharray 和 stroke-dashoffset 属性做一些路径的动画，所以就按照这个思路...

在 VueJS Amsterdam 2024 大会首日，Vue 创始人 Evan You 进行了开场主旨演讲，Rust！无虚拟 DOM！看看他都说了什么？...

前端本地化存储算是一个老生常谈的话题了，我们对于 cookies、Web Storage（sessionStorage、localStorage）的使用已经非常熟悉，在面试...

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。...

Formily 是基于 JSON Schema 的强大表单解决方案，它提供了灵活的表单渲染和数据绑定能力。本文将探讨 Formily JSON Schema 渲染机制和实...

分享一个简单的loading效果，如下 仔细观察，主要有两个动画 小球的运动 背景的变化 看似有点复杂，其实换个角度，实现要比想象的容易很多，也非常巧妙，一起看看吧 一、整...

开始准备面试，在参考了一些大神的总结文章，结合自己收集的一些其他资料，汇总并整理了一份自己的复习资料...

​ 小程序和普通网页区别 小程序的项目构成 小程序页面的组成部分** app.json文件介绍 如何自定义tabBar 小程序的组件 小程序如何实现循环 事件 如何实现文本...

🍀一、渐变神器Gradient 🍀二、两款阴影工具在线网站 🍀三、网站UI配色宝藏网站UI Design Daily 🍀四、 Small Dev tools实用工具...

小编所在的团队叫 “Cuckoo FE”，前端团队成员接近20人，归属字节商业化业务中台，承担海外商业化交易流程建设，为字节内部出海产品提供商业变现能力，整体技术方向以PC...

源码分析：手把手带你复习react（包含react18版本） 一、react18有哪些更新？ 1. setState自动批处理 在react17中，只有react事件会进行...

新年第一天，开始准备春招，本文是我的前端面试复习系列的Vue篇，如有不当之处，欢迎指正，更同进步，谢谢🙏。...

ECMAScript 2023也就是ES14已经发布3个月了，还有好多小伙伴没有关注到ES14有哪些变化，本文将为大家梳理下ES14最新规范新增功能：对数组的新增功能，对s...

禁止别人调试自己的代码，防止别人通过爬虫爬取请求接口的数据，保护数据安全，每一个前端也有不可推卸的责任。...