小溪里 - 前端技术 - 小溪里

个人介绍

创意 Web 前端工程师

我是小溪里，沪江 CCtalk 前端开发工程师，前腾讯云云开发高级布道师，Taro 社区共建者，开发了 Hi 头像小程序，并著有技术小册《从 0 到 1 开发一个智能头像识别小程序》。在前端页面重构及用户体验优化方面有着深入的理解。

07
7年工作经验
12
12篇技术文章
01
1本技术小册
04
4个开源组件
20
20次技术分享
03
3个开源贡献

开源组件

轻 3D 图片轮播

react-slider-3d-cc

图片懒加载组件

react-better-image-cc

融合响应式组件

react-ui-mode-cc

收货地址组件

react-address-picker

博客文章

积分签到动画-CSS3 Animation版

积分签到动画-CSS3 Animation版

本文中会包含一个签到领取 C 币的复合型动画，先将一个复合型动画进行拆解，明确每个动画元素的效果，再逐一讲解每个动画的实现思路、核心源码，还会讲解相关的其他知识点。

小程序 TabBar 创意动画

Hi 头像最近进行了 v2 版大改版，其中的交互动画得到了不少好友的称赞。今天我就来分享一些关于小程序 TabBar 创意动画，将从 TabBar 类型、完整的 TabBar 创意动画进行分析。

Webp图像压缩和图片懒加载的高级实践

近些年网站 CDN 流量虽然降低很多，但还是需要被引起注意。前端工程师在开发时会将 CSS 样式中的图片进行压缩，但网站图片的流量大部分来自用户上传的图片，而这些图片如何进行图片压缩和懒加载呢？

react-ui-mode-cc：融合响应式设计的 React 组件

独创性的融合响应式设计思维，轻量的代码，让响应式设计有了更多可能性。融合响应式设计，利用 JavaScript 判断和 CSS 来进行媒体查询，是响应式设计与自适应设计结合的方案。