实用网页
阅读时间:
4
分钟 文章字数:
1.1k
字 发布日期:
2024-11-12
最近更新:
2024-11-15
素材类
| 名称 | 地址 | 备注 |
|---|---|---|
| wallhaven | https://wallhaven.cc/ | 国外壁纸网站，免登录下载高清图片 |
| WallHere | https://wallhere.com/ | 国外壁纸网站，访客下载要人机验证 |
前端设计网站
| 名称 | 地址 | 备注 |
|---|---|---|
| 拟态设计网 | https://neumorphism.io/ | 一键生成拟态样式 |
| Cool Backgrounds | https://coolbackgrounds.io/ | 设计经典背景图 |
| 404设计网 | https://404.life/ | 有多种404好康的界面,可通过代码白嫖 |
| 即时设计 | https://js.design/square | 有多种小程序/app的设计图,以及好用的切图工具台 |
| 520设计网 | http://hao.sj520.cn/ | 有多种小程序/app的设计图,以及好用的切图工具台 |
| U钙网 | https://www.uugai.com/ | 设计简单logo |
颜色
| 名称 | 地址 | 备注 |
|---|---|---|
| Grabient | https://www.grabient.com/ | 设计背景图渐变色 |
| ColorSpace | https://mycolor.space/ | 设计背景图渐变色 |
| Itmeo | https://webgradients.com/ | 设计背景图渐变色 |
| 颜色代码表 | https://www.5tu.cn/colors/yansebiao.html | 各种颜色的代码及中文名 |
动画
| 名称 | 地址 | 备注 |
|---|---|---|
| jQuery插件库 | https://www.jq22.com/ | 有很多好康的动画效果,以及纯css动画 |
| animate.css | https://animate.style/ | 炒鸡无敌好用的css动画 |
| animastore | http://guowc.github.io/animastore/ | 多种简单的css动画 |
| animista | https://animista.net/ | 设计css动画工具 |
| animation | https://angrytools.com/css/animation/ | 设计css动画工具,可在线编辑 |
工具类网站
| 名称 | 地址 | 备注 |
|---|---|---|
| lodash | https://www.lodashjs.com/ | 工具库，内部封装了很多字符串、数组、对象等常见数据类型的处理函数 |
| npm | https://www.npmjs.com/ | 查询各种npm包的使用 |
| MDN | https://developer.mozilla.org/zh-CN/ | 面向 Web 开发者的文档 |
| ToolTT | https://tooltt.com/jwt-decode/ | 在线 JWT Token 解析解码 |
| Uncss | https://oct.cn/project/uncss/ | 在线精简css,一键去除项目中未使用的css样式表 |
| 在线生成器工具 | http://tools.jb51.net/code/css3path | 一键生成图片切割代码及各种工具 |
| shadows | https://shadows.brumm.af/ | 一键生成阴影代码 |
| CSS Grid Generator | https://cssgrid-generator.netlify.app/ | 一键生成网格布局 |
| css-separator-generator | https://wweb.dev/resources/css-separator-generator/ | 实现不同样式的分割线生成器 |
| getwaves | https://getwaves.io/ | 生成波浪线代码 |
框架
| 名称 | 地址 | 备注 |
|---|---|---|
| Vant | https://youzan.github.io/vant-weapp | 轻量、可靠的小程序 UI 组件库 |
| BootStrap | https://v4.bootcss.com/ | 用于开发响应式布局、移动设备优先的 WEB 项目 |
| uView UI | https://www.uviewui.com/ | 全面兼容nvue的uni-app生态框架 |
| ColorUi | http://docs.xzeu.com/#/ | 适用于uni-app的css框架,兼容全端 |
| animation | https://angrytools.com/css/animation/ | 设计css动画工具,可在线编辑 |
面试题
| 名称 | 地址 | 备注 |
|---|---|---|
| 前端知识库 | https://www.html5iq.com/5feb26ddf72c21052324d0fd.html | 多种前端面试题的集合 |
| R2Coding | https://www.r2coding.com/ | B站Up的知识网站,包括前后端 |