ADfish

基于css3写出来的一个底部导航栏效果，配合js形成了这种点击效果，如图。，然后通过一些css3的阴影等效果完成了如图的设计，文章内含有详细的注释

通过css和svg实现的这么一个加载效果，重点在svg提供的一个高斯模糊的效果，从而使得看起来由明显的小球效果形成了流动的效果

前一阵遇到了一个问题，线上平台有时会出现用户正在使用的时候，突然要用户去进行登录，这样会造成很不好的用户体验，但是当时一直没有好的思路因此搁置了下来；通过零散时间查询资料以及思考，最终解决了这个问题，

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

大家在查阅Element UI文档的时候，是否发现下面这个效果👇 好家伙，这个效果该怎么实现呢？我的思路是设置背景图为白色和透明相间，这样底下的图片就能穿透部分上来，形成一个类似毛玻璃的效果

CSS是一个很独特的语言。看起来非常简单，但是某种特殊效果看似简单，实现起来就颇有难度。这篇文章主要是给在学习前端的童鞋分享一些新的CSS技巧，一些在前端教程和培训课堂中不会讲到的知识。第二就是让还在前端开发这条道路上的童鞋们，重新燃起对前端排版和特效的热爱和热情！🔥 1. …

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…