前端内容积累
2019/12/13大约 2 分钟
前端内容积累
参考
CSS图标: https://cssicon.space
Navnav : http://navnav.co/ 页面样例
neumorphism : https://neumorphism.io/ 盒模型设置
codrops : https://tympanus.net/codrops
CSSDeck : https://cssdeck.com
LottieFiles: https://lottiefiles.com/LottieFiles 动画库
bootstrap模板集: bootstrapmade
页面设计参考
React组件库
- react-uwp:仿win10风的组件
- Material-UI
- semantic-ui
- zeit-ui
- geist-ui
- shadcn/ui: UI组件
- mantine: UI组件
- daisyUI: Tailwind UI组件
- Minimal: UI组件库
Vue组件库
- vuescroll:滚动条美化插件
- vue-meta-info:动态修改meta信息 类似 react-helmet
- vue-circle-menu: 圆形菜单
- markdown-it-vue: 带目录的markdown
- mavon-editor: 带目录的markdown
- vue-lottie: 运行AE动画
css样式
动效显示
- uiverse: button、form等样例
- Animate.css: CSS动效库
- CSS 动效生成工具
- Animista:CSS 动效生成工具
- ui-buttons: Button样式库
- CSS Scan: Button样式库
实用博客
css特效
npm实用库
numeral:数字可以格式化为货币,百分比,时间,甚至是小数,千位,和缩写格式,功能十分强大。
accounting:用于格式化数字,金额和货币等。推荐和money.js一起使用。
string-strip-html:html去标签转文字。
print-js:前端调打印机。 参数详情: https://www.jianshu.com/p/bc079fbb20c7
nprogress :加载进度条
number-precision :保证精确度JS小数运算
npkill :清理node_modules
cronosjs: Node和浏览器端定时任务
JS相关
- ES新特性
- string-strip-html:html去标签转文字。