SugarMei

记录了一次基于 Electron 的长桥桌面端 App 在 Windows 系统上自动更新程序无法完成自动安装问题的排查过程。...

介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任...

分享几个css的小技巧： 1、滚动才出现的分割线。2、容器查询。3、视图过渡。4、滚动驱动的动画。5、路径动画和滚动动画结合。...

在很多网站中，用移动端浏览器和 PC 端浏览器访问同一个路由时，展示的页面是不一样的。这篇文章实现了在 Nuxt3 中，根据设备类型的不同，使用 pages 目录下不同的文...

最近挤出时间来完善了这个项目，正式开源后在一天内就收获了上百个Star，今天想向大家分享下这个开源图片编辑器项目——迅排设计，以及我的一些感悟和开源体验。...

有时候，你可能不希望别人调试你的前端页面代码，这里我们讲述一些比较常用的方法，虽然完全禁止别人调试你的前端页面代码是不太可能的，但你可以采取一些措施来增加调试的难度。...

最近需要实现一个滚动驱动动画，参考网址从第三屏开始，鼠标滚动到这时整个页面不再下移，屏幕底部有四个颜色的板块随着滚动逐一放大缩小，原理上不难，无非是根据不同的滚动值，动态设...

从零开始搭建一个nuxt3+vite+pinia+vueuse+element plus的项目 从目录结构到插件引入及使用 记录整个安装搭建过程...

快捷实现微信扫码关注登录实现大致过程了解，不再局限于手机号码、邮箱的登录即验证，真正实现快捷方便，同时提高自己的技术了解方面。...

如果 UI 稿设计了一个单行定宽的样式，对于超过长度的内容，一般都会选择隐藏并展示省略号 这也是实现起来最简单，最常用的处理方法 但是在实际需求中，很有可能要求在不改变布局...

在写页面的时候，对于一些组件我们会优先选择 UI 组件库，像 Element ui、Vant等等，因为这样能提高我们的开发效率，不必每次都写上繁琐的 dom 和 css。 ...

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。...

🙉 Fabric.js 有图案画笔功能，这个功能可以简单理解成“刮刮卡”效果。 如果只是看 Fabric.js 文档可能还不太明白 图案画笔 PatternBrush 是...

这是一个包含 70+ 个精心挑选的基于 Web 的工具的集合，这些工具实际上非常有用。每一个工具都会生成纯 CSS，无需 JS 或任何外部库。感谢每一个应用程序背后的作者。...

GSAP 是一个强大的 JavaScript 工具集，可以将开发人员变成动画超级英雄。构建适用于所有主流浏览器的高性能动画。动画化 CSS、SVG、画布、React、Vue...

为了向大家介绍 CSS 新特性【scroll-timeline】的强大效果，我特意破解了钉钉首页的动效，莫辜负！...

🎉 什么是 Astro Astro 是集多功能于一体的 Web 框架，用于构建快速、以内容为中心的网站。 🎉 主要特性 以内容为中心：Astro 专为内容丰富的网站而设...

前几天注意到github上有一个 “293 contributions in the last year”这样的东西，如下图，觉得挺有意思的，查看了半天的资料，现在分享下这...

ECharts，作为大屏开发最主流的图表组件，为什么大家都觉得自己“熟练使用”它？它具有那些特质？？...

先带大家分析2张架构图，对RN大致的运行加载过程有个印象。ReactNative 的本质是在 JS 端编写 React 代码，通过 JavaScriptCore 引擎，把 ...