
获得徽章 0
- 21日晚9点,Vue.js 作者尤雨溪将视频直播聊聊 Vue.js 3.0 Beta,掘金作为联合主办方将从此沸点评论区挑选点赞最高的提问,提交给尤雨溪回答,掘友不要错过哦。
直播地址:live.bilibili.com
文字整理稿(直播结束后):juejin.im
活动主办方:w3ctech、前端圈,联合主办方:掘金展开394191 - 一直想给进度条加个动画效果
今天发现antd的progress组件的竟然还有动画效果
好奇看了下源码,原来很简单:
利用伪元素+绝对定位,动画控制伪元素的宽和透明度
思路明确了,山寨下来就很快了
特别喜欢这种小而简洁的实现
这大概就是做前端的乐趣之一吧~works.yangerxiao.com
展开76 - 开源一下自己一直在用的初始化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 - 最近有压缩图片的需求,以前了解过前端也可以压缩图片,心想能不能通过纯前端来做一个压缩图片的小工具。答案是:可行的。
体验地址:works.yangerxiao.com
注:该工具不仅会压缩大小,还会自动压缩尺寸(宽高超过 750px 会被压缩)。另,目前该工具还处于试验阶段,请根据压缩后的具体效果酌情使用。
P.S. 感谢张老师的文章(juejin.im)提供思路
源码地址:github.com
展开820 - 97