获得徽章 0
- 赞过
评论3 - 一直想给进度条加个动画效果
今天发现antd的progress组件的竟然还有动画效果
好奇看了下源码，原来很简单：
利用伪元素+绝对定位，动画控制伪元素的宽和透明度
思路明确了，山寨下来就很快了
特别喜欢这种小而简洁的实现
这大概就是做前端的乐趣之一吧~
works.yangerxiao.com 展开等人赞过 76 - 你的生命并不长，不能用它来悲伤。
有没有想过：今天是你生命中的第几天？假如你能活到 90 岁，现在正处于哪个阶段？
来算一算吧，输入性别、生日、预期岁数，就能知晓一切！
访问地址：works.yangerxiao.com
代码开源：github.com 展开等人赞过 89 - 开源一下自己一直在用的初始化react项目的脚手架React Starter：github.com
基于最新（2020年03月09日）create-react-app改造，增删改了一些特性，以达到我理解的最佳实践。
改造了以下特性
抽离 ESLint 配置并更新到最佳实践
抽离 babel 配置并更新到最佳实践
去掉了以下特性
TypeScript 支持
jest 测试支持
postcss 支持
删掉了许多用不到的 npm 包
增加了以下特性
新增 prettier 支持，并兼容 ESLint 规则
新增 husky+lintstaged 支持，配合 ESLint，检查提交代码的规范性。
新增 commitlint支持 ，配合 husky，让 git commit message 更规范。
新增 gh-pages支持，一个命令行即可部署到Github Pages
推荐 css-in-js：选用 styled-components
新增路由支持：react-router
新增 favicon 支持：在线生成各种尺寸 favorite icons。生成后覆盖到public目录即可
新增 splash 支持：在线生成各种尺寸 splash。生成后覆盖到public/splash目录即可
用它我已经做了将近20个项目了，经受了考验
：works.yangerxiao.com 展开等人赞过 14 - 试了下自己做的压图小工具，同样的图，能节省更多的资源。
当然，与tinypng这样的优秀工具相比，依然有差距：一个号称无损，一个有损。
不过对于图片质量要求不高的一些场景，比如手机图片，还是挺好用的了。
至少目前我是自己产品的忠实用户
项目地址：github.com 展开等人赞过 1012 - 🎆🎆🎆周末啦~ 心血来潮，又迭代了一版我的 《土味情话》
- 新增二维码图片：1.下载图片附二维码 2.可分享当前情话，别人扫码直达
- 新增手写字体
- 下载图片样式改版
- 重构代码，组件抽离
- UI微调
访问地址&项目地址：github.com 展开赞过 评论1 - 最近有压缩图片的需求，以前了解过前端也可以压缩图片，心想能不能通过纯前端来做一个压缩图片的小工具。答案是：可行的。
体验地址：works.yangerxiao.com
注：该工具不仅会压缩大小，还会自动压缩尺寸（宽高超过 750px 会被压缩）。另，目前该工具还处于试验阶段，请根据压缩后的具体效果酌情使用。
P.S. 感谢张老师的文章（juejin.im）提供思路
源码地址：github.com 展开等人赞过 820 - 今天小迭代了一版 甜（土）言（味）蜜（情）语（话）
- 优化了随机展现情话的算法：防反复出现
- 去掉了移动端鼠标跟随效果：鸡肋功能
- 修复了移动端生成图片背景图错乱BUG：手机上也可以正确地生成图片啦
- 针对许多元素新增了动画效果，体验更好：CSS3 animate 大法好
- 新增关于弹窗：还是需要一点点介绍的
- 新增20+条数据：都是从网上找的
感兴趣的同学也可以贡献数据，Github Readme 中附有贡献方式。
体验：works.yangerxiao.com
源码：github.com 展开等人赞过 评论11
works.yangerxiao.com