zhaosiyi

在网页设计中，字体往往被视为“灵魂”。它不仅关乎品牌识别和视觉统一，更能直接影响界面的质感与专业感。好的字体能降低用户的认知成本，传递出产品想要营造的独特氛围。...

作为一名前端开发者，我一直在寻找提升用户交互体验的方法。今天分享我最近实现的导航栏动画效果 - 一个让用户点击时眼睛会"亮起来"的微交互设计。这个实现让我真正爱上了 Vie...

这不最近我司设计又又给我整活了，甩给我几张炫酷的图表效果图，看得我眼花缭乱；笔者瞅了一眼ECharts常规配置项，果然直接配置是实现不了的。不过没关系，这次正好深入ECha...

前言 在使用canvas制作项目时，需要绘制如下图这样的内阴影效果。 本以为强大的Canvas有Shadow外阴影的API，肯定也会有类似innerShadow之类的内阴影...

学习 Rust 稍微有点难。但是 JavaScript/TypeScript 选手来学或许不是，这就像中国人学日语一样的入门难度。...

在现代互联网的发展中，语音技术正逐渐成为改变用户体验的重要一环。Web Speech API 的引入使得开发者能够在浏览器中轻松实现语音识别和语音合成功能，为用户带来更加直...

最近，GitHub上又一款热度很高的开源项目冲进了开发者们的视野。 项目开源不到一个月，现如今就已经收获了15000+的Star标星。 这就是最近非常火热的“顶流” Web...

vite 之所以可以这么快，主要是得益于浏览器的模块化支持，它可以在只请求需要的模块，而不需要将整个应用进行打包。 既然依赖于浏览器的模块化支持，也就意味着仅支持 es m...

前言 时间过得太快 一晃半年都没写文章了 哈哈 如今又到了一年一度的金三银四的好时节 我李汉三回来了 先说一下写此系列的初衷--最近公司招聘高级前端岗位 于是面了很多人 这...

我做了vue函数式弹窗 主要完成功能如下: 支持title 加载子组件渲染 提供通信机制回调 Promise，但是导致项目无法编译启动！！！！...

Vue3源码解读 - Vue3 渲染原理 1. Vue3 自定义渲染器 自定义渲染器的作用是把虚拟 DOM渲染为特定平台上的真实元素。在浏览器中，渲染器会把虚拟 DOM 渲...

当UI库弹窗无法满足自定义需求时，需要我们自己开发简单的弹窗组件。弹窗组件与普通业务组件开发没有太大区别，重点在多弹窗之间的关系控制。例如： 弹窗1，弹窗2 由于触发时机不...

本文使用 svg 的 animate 实现2个简单常用的动画，svg原理、怎么画图什么的，切图仔讲不明白啦。...

CSS filter 属性可以通过一个 URL 链接到 SVG 的 filter 滤镜元素的方式来引用一个 SVG 滤镜。效果：点击分享按钮，弹出常见的社交分享按钮，然后相...

anime.js 实战：SVG clip-path 动画简明教程...

最近接到一个需求，要做一个流程设计的功能，大概长下面这个样子： 支持添加、编辑和删除节点，节点只有四种类型：开始节点、普通节点、分支节点、结束节点。 因为每个节点只有一个进...