小朝快跑

前言 前段时间学习了react,然后顺便研究了以下umijs框架,自己拿着搭了一下,首先碰到的就是路由权限和动态菜单栏的问题,然后查阅网上的资料:方法分为两种:一种是通过wrappers+access

如果有面试官问你，你们项目中的权限部分是怎么做的？如果用户知道你的页面url是否可以直接访问页面，如何拦截？你应该可以回答的很明白了。

近期在写 Umi4 的练习项目，计划实现一个从服务器获取路由信息并动态生成前端路由和导航菜单的功能。本文记录了相关知识、思路以及开发过程中踩到的坑。

前端优化图片加载速度的技术详解 随着现代网页内容越来越丰富，图片成为了不可或缺的一部分。然而，大量或高分辨率图片的加载常常会导致网页性能下降，用户体验变差。本文将详细介绍几种前端优化图片加载速度的技术

大屏重点是贼啦炫酷的动态特效加持。业务核心运营场景：各大地上地下停车场。这里我用的是`three.js`去实现的实际业务场景的场站模拟三维图，无限滚动订单列表和数据动态翻牌和动态图标

众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下 而Windows下是这样的 很多设计师会吐槽Windows滚动条不太美观，

Ant-design 中有一个这样的头像组件，当字符串较长时，字体大小可以根据头像宽度自动调整，效果如下 当然，这里是通过JS根据字符数量自动缩放文本实现的 而现在，仅仅通过 CSS也能达到类似的效果

介绍一个通过 CSS 变量自动更改样式的小技巧~ 偶尔在网上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下 是不是非常醒目呢？ 另外，还

在项目中，经常会碰到背景色不确定的场景，为了让内容文字足够清晰可见，文字和背景之间需要有足够的对比度。换句话说，当背景是深色时，文字为白色，当背景是浅色时，文字为黑色，就像这样： 通常这种情况，大家可