前言

自己工作或学习中常用到的网站 ,整理一遍分享给大家 ,如果大家有觉得好用的网址,可以评论进行补充喔~ 💓💓💓

前端常用

HTML参考手册在本手册中,您可以查找到HTML的使用方法。
CSS参考手册CSS 指层叠样式表(Cascading Style Sheets)。
JavaScript 教程属于 web 的语言,被设计为向 HTML 页面增加交互性。
SassMature stable and powerful professional grade CSS extension language in the world.
LessIt's CSS with just a little more.
StylusEXPRESSIVE DYNAMIC ROBUST CSS.
JQuery一个快速,小型且功能丰富的JavaScript库。通过易于使用的API(可在多种浏览器中使用),它使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。
ECMAScript6The JavaScript Task Runner.
TypeScript An open-source language which builds on JavaScript
Node.jsNode.js 是运行在服务端的 JavaScript。
Vue.js一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
Vue CLI是Vue.js开发的标准工具。对 Babel、TypeScript、ESLint、PostCSS、PWA、单元测试和 End-to-end 测试提供开箱即用的支持,它的插件系统可以让社区根据常见需求构建和共享可复用的解决方案,通过配套的图形化界面创建、开发和管理你的项目,用单个 Vue 文件即刻实践新的灵感 ,为现代浏览器轻松产出原生的 ES2015 代码,或将你的 Vue 组件构建为原生的 Web Components 组件。
React用于构建用户界面的 JavaScript 库。React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。
Angular快速构建应用程序并重用您的代码和功能为任何部署目标构建应用程序的方法。对于Web,移动Web,本机移动和本机桌面。
Meteor一组新的技术用于构建高质量的 Web 应用,提供很多现成的包,可直接在浏览器或者云平台中运行。
Aurelia高性能的反应式系统,该系统能够以使其他框架及其虚拟DOM尘土飞扬的方式批量处理DOM更新。无论您的用户界面多么复杂,都可以体验一致,可扩展的性能。
RiotSimple and elegant component-based UI library.
webpack一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。
GulpA toolkit to automate & enhance your workflow.
GruntThe JavaScript Task Runner.
微信官方文档微信小程序,微信小游戏,微信公众号,微信支付等等文档入口

UI框架

Ant Design企业级产品设计体系,创造高效愉悦的工作体验。
Element-UI一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
Layui经典模块化前端框架,由职业前端倾情打造,面向全层次的前后端开发者,低门槛开箱即用的前端 UI 解决方案。
Bootstrap简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
View一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。
AT-UI一款轻量级、模块化的前端 UI 组件库。
BootstrapVue借助BootstrapVue,您可以使用Vue.js和世界上最受欢迎的前端CSS库 Bootstrap v4在网络上构建响应式,移动优先和ARIA可访问的项目 。
Vuetify一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。
Vue Material一个轻量级的框架, 建立在谷歌的 Material Design 基础上。 设计强大的和美观的web应用并适用于不同的屏幕。
Buefylightweight UI components for Vue.js based on Bulma.
MUI最接近原生APP体验的高性能前端框架。
Framework7Build full featured iOS
Ant Design Mobile一个基于 Preact / React / React Native 的 UI 组件库。
Cube-UI基于 Vue.js 实现的精致移动端组件库。由滴滴内部组件库精简提炼而来,历经考验,并且每个组件都有充分单元测试,为后续集成提供保障。
Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。
VUX - Vue移动端UI组件库一个凑合的 Vue.js 移动端 UI 组件库。基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。
Mand Mobile面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类产品,让复杂的金融场景变简单。
FrozenUI一套基于移动端的UI库轻量、精美、遵从手机 QQ 设计规范。
Muse-UI基于 Vue2.0 开发,当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用。自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。
iView Weapp一套高质量的微信小程序 UI 组件库。
WeUI一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
VONIC基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。
Mint UIVue.js 的移动端组件库。
jQuery WeUI专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。

图标库

Web数据可视化

配色网

WebGradientsA free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus
中国传统配色中国传统配色网,国风设计师的福音。
uiGradientsA handpicked collection of beautiful color gradients for designers and developers.
Material Palette一款提供Material Design配色的线上工具,它能够将一张图片里的颜色代码提取出来,制作各种各样的图片色卡,以便学习其中的配色方案。大自然就是最好的配色方案,有了这个 APP ,走在街上,看到好看的风景,都可以拍下来,对照片进行配色分析。
CoolHue 2.0Get coolest handpicked gradient colors collection palette for your next project
Flat UI ColorsFlat UI Colors 2 features 13 more color palettes. Collaborating with 13 designers around the world
CoolorsThe essential app for every designer. Generate and collect beautiful color palettes on the go.
Material UI Colors为Material Design而生的配色模板,其色板每一张均从基本颜色开始,然后逐渐扩充,创建出一套完整、可复用的配色体系,可用于网页设计、安卓设计和iOS设计。
BrandColors世界知名品牌颜色收集网,收录了世界最知名的品牌、企业公司、知名网站的颜色的色码,你可以快速下载获取颜色文件,文件支持ASE、SCSS、LESS和CSS格式。
0 to 255A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states
Colour LoversA creative community where people from around the world create and share colors

设计&图片素材

致设计百万电商设计师交流平台,分享店铺设计,创意设计,美工设计和淘宝首页设计等优秀作品。
花瓣网花瓣网(创意灵感天堂,搜索、发现设计灵感、设计素材)。
七米网七米网免费素材共享平台,专注于电商素材和国外优质设计素材免费下载的资源平台,海量免费素材,平面海报,广告海报素材下载,打开七米,让设计变简单!
TexturesA website that offers digital pictures of all sorts of materials. Sign up for free and download 15 free images every day!
优界网优界网——专注动漫精品素材的网站。
求字体网提供上传图片找字体、字体实时预览、字体下载、字体版权检测、字体补齐等服务,本网站可识别中文、英文、日韩、书法等多种字体。
站酷 ZCOOL深耕设计领域十四年,站酷聚集了1100万设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。
彼岸图网专注提供免费4K壁纸,4K图片,4K图片原图下载,4K,5K,6K,7K,8K壁纸图片素材,包含4K风景壁纸、4K美女壁纸、4K游戏壁纸、4K明星壁纸、4K卡通动漫壁纸、4K动物壁纸、4K汽车壁纸等。把4K高清壁纸推荐给您,让您更快的找到您想要的4K壁纸。
千库网为设计师提供各类好看免费的png图片和素材、背景图片、背景素材、海报背景、banner背景、边框花纹素材、艺术字、主图和直通车背景等,找素材就上千库网,百万精品图片等您下载!
懒人图库专注于提供网页素材下载,其内容涵盖网页素材,矢量图素材,JS代码,psd素材,导航菜单,PNG图标等,让任何一个网页设计师都能轻松找到自己想要的素材!
昵图网图片素材图库提供海量原创素材,图片下载,摄影作品,设计素材,视频素材,ppt模板,PSD源文件,矢量图,AI,CDR,EPS等高清图片下载!
全景视觉全景视觉,中国领先的图片库和正版图片素材网站;为个人提供图片素材,图片搜索,图片分享,高清图片下载;为企业提供一站式全媒体创意解决方案。
大图网大图网提供精品设计图片素材下载,内容包括高清图片素材,PSD素材,淘宝素材,影楼模板素材,矢量素材,免扣素材和中英文字体,致力于打造最好的免费素材共享平台。
我图网我图网是商用产品设计方案服务商,为生产商提供工业品牌包装设计解决方案,包括背景墙/文化墙/装饰画/包装/样机/CAD/印花图案以及党政类的PPT/Word/Excel模板下载,找正版图片设计素材就上我图网。
Pexels · 免费素材图片免费素材图片,可以在任何地方使用。✓ 免费用于商业用途 ✓ 无需注明归属。
Life of PixFree high resolution photography. Share and download images freely. Search for pictures by color or format. Photographers
StockSnapThe #1 source for beautiful free photos. High quality and high resolution stock images free from all copyright restrictions (CC0) - no attribution required.
红动中国红动中国设计网是中国知名的专业设计素材服务平台,有设计素材下载,定制等服务,为设计师,设计公司,印刷公司带来极大便利。
国外图片大全图片网站大全栏目是收集和整理国内外知名的图片网站,主要包括免费图片,图床,无版权图库,图片交易,美图,免费壁纸等,找图片网站就上eGouz上网导航。
素材中国素材中国_免费素材共享平台.图片素材图库提供海量素材,图片下载,设计素材,PSD源文件,矢量图,AI,CDR,EPS等高清图片下载。

在线工具

程序员的工具箱在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,字帖工具,中文简繁体转换,迅雷下载链接转换,进制转换,二维码。
代码生成器一种javascript加密、压缩、格式化工具。支持制表符缩进,2个字符缩进,4个字符缩进,8个字符缩进四种格式化模式。普通压缩只是对js内容删除空格间距等,加密压缩即对js进行eval格式压缩。
SSL在线工具提供专业的SSL在线工具,支持AES、3DES、RC4、Xtea等15种对称加解密算法,支持公钥提取、私钥加解密、公私钥PKCS格式转换,CSR生成及查看、证书查看、证书格式转换、测试证书的在线生成等;同时提供SSL在线检测功能,如CAA检测、ATS检测、TSTS检测、多种SSL漏洞扫描、证书链获取、SSL/TLS协议/加密套件在线检测、小程序SSL兼容性检测等。
JSON在线解析及格式化验证Json中文网致力于在中国推广Json,并提供相关的Json解析、验证、格式化、压缩、编辑器以及Json与XML相互转换等服务。
JSON在线编写Jsonjson
Md2AllMarkdown排版利器,还能让Markdown内容,无需作任何调整就能同时在微信公众号、博客园、掘金、csdn等平台正确显示当前预览的效果。
在线压缩图像文件选择多个JPG、PNG或GIF文件,在几秒内对它们进行压缩。在线缩小图像,简单便捷,而且免费。
TinyPNGMake your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!
智图智图(zhitu.isux.us)为图片智能选择合适的图片格式,支持在线jpg图片压缩,png图片压缩,并支持ps改变图片品质;在线生成webP图片,为你压缩图片以便节省带宽优化体验,为你提供WebP图片让你的站点高大上。
图片拼接在线图片拼接。
ProcessOn在线作图一个在线协作绘图平台,为用户提供最强大、易用的作图工具!支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等。同时依托于互联网实现了人与人之间的实时协作和共享。
Untitled DiagramA free online diagramming application and flowchart maker . You can use it to create UML
在线PS图片处理工具PS在线图片编辑器是一个专业精简的在线ps图片照片制作处理软件工具,绿色免安装,免下载,直接在浏览器打开就可用它修正,调整和美化图像。
超能搜超能搜搜索引擎收录了数十款百度网盘搜索引擎,百度云网盘搜索工具,百度云网盘解析工具,最干净、最好用的资源搜索引擎。提供影视、书籍、软件等资源推荐以及整合信息,让我们更快捷、更平等的获取资源信息。
网站测速免费提供网站速度测试、网络速度检测、多地区在线ping检测、dns查询、路由跟踪查询、ipv6网站测试服务;网络检测节点覆盖全国各省电信、联通、移动、教育网等。

前端游戏框架

Cocos Creator以内容创作为核心,实现了脚本化、组件化和数据驱动的游戏开发工具。
Egret Engine一款使用 TypeScript 编写的 HTML5 游戏引擎,包含渲染、声音、用户交互、资源管理等诸多功能。
Three.js一个广泛应用并且功能强大的JavaScript 3D库。支持WebGL渲染,也支持SVG、Canvas和CSS3D渲染。
Babylon.js核心功能包含了场景图与灯光、摄像机、材料和网格、碰撞引擎、物理引擎、音频引擎和优化引擎。
Turbulenz最好的游戏引擎之一,在2009年,当HTML5和WebGL还在酝酿时,它已经被推出。直到2013年,Turbulenz才基于MIT协议拥抱开源。Turbulenz包含了很多功能,例如2d物理、3d物理、声音、视频和其他服务,如排行榜、multichat,支付和用户数据。
TurbulenzInstantly captivate customers with smooth animations
PlayCanvas.js一个基于WebGL游戏引擎的企业级开源JavaScript框架,它有许多的开发工具能帮你快速创建3D游戏。
CooperLicht一个支持创建3D游戏和动画所需要的所有功能的编辑器,但是,它并不开源,需要一些相关的许可费用。
Voxel.JS一个基于JavaScript的一个3D游戏引擎。
Blend4WebBlend4Web作为开源的3D框架而发布,它高度集成了Triumph的3D内容创建工具“Blender”,并且本地支持Blender的节点材料、粒子系统、bullet物理引擎和其他功能。
EaselJSA JavaScript library that makes working with the HTML5 Canvas element easy. Useful for creating games

Code托管平台