网站素材 | winney

前端-常用

CODEPEN——The best place to build, test, and discover front-end code.

CODEPEN—示例	Can I use-兼容性速查表	Stack Overflow
JavaScript 标准参考教程	JavaScript-MDN \|MDN	站长工具 \|工具导航
草料二维码 \| TinyPNG	MDN Web Docs \| JavaScript	博客园 \| 前端这点事
移动适配报告 \|移动跨屏模拟	移动端在线调试工具	在线HTTP接口测试
API Hub-开放API共享平台	Gitee \| GitHub	编程导航 \|IT网址导航 \|前端开发者手册
ES6 入门教程	React	开发者手册
iconfont \| CDN	react学习demo	Vue.js
Ant Design Mobile \| Antd \| Vant 3	React Router	JavaScript standard代码规范的全文
vue学习demo	React Router	HTML5与CSS3技术应用评估
npm	Vite中文	Vite
Antd Vue	layDate	编程圈 \|前端导航
vue-llplatform	Ionicons	前端达人
ActionSheet · WeUI 中文文档 · 看云	腾讯云开发者社区	weui
首页\|微信开放社区	微信公众平台开发概述\|微信开放文档	WeUI
微信官方文档\|微信开放文档	背景\|微信开放文档	Browser 对象
微信官方文档\|微信开放文档	背景\|微信开放文档	JavaScript 对象
ECMAScript 6 compatibility table —测试浏览器对 ECMAScript6 的支持度	自适应网页设计	DIVCSS5
前端资料库	JSON格式化	JS与HTML互转
HTML特殊符号对照表	图片在线转换Base64	图片转Base64编码工具
RGB与16进制色互转	在线JS/CSS/HTML压缩	CSS, JavaScript 压缩, 美化, 加密, 解密
css工具	在线压缩图片	在线制作ico图标
5idev.com—JavaScript基础教程	前端里	mindmeister-在线创建的思维导图
前端知识体系	validator-表单验证解决方案	nice Validator 示例
性能优化优秀教程	Font Awesome	QuirksBlog

工作流

前端

CSDN	掘金	前端开发库
Microsoft 文档-技术文档	编程导航-程序员导航	编程导航
W3Cplus-博客	w3school \| w3cschool	手把手撸码前端
编程之家	腾讯云-开发者手册	微信支付–开发文档
CSS Tools: Reset CSS	免费API	印记中国
小满zs-CSDN博客	ionicons	码农教程
BootCDN	W3cplus	Cloudflare 1XXX 错误故障排除
Compatibility overview-浏览器兼容表	HTML5 Boilerplate—前端模板	什么是 HTML5 Boilerplate ?
Hammer.js	支持移动端的框架	JavaScript UI库;HTML5 JS框架
JS代码	JS代码-懒人图库	JavaScript学习导图
HTML5响应式模板	专业网页制作	Joomla Templates and WordPress Themes
BeeCloud-全新的秒支付应用支付接口	easings-缓动函数速查表	Web Design Blog
SVG参考手册 \| SVG	git - 简明指南	Node.js 资源汇总
前端收集	H5+规范	uni-app \| uni-app-w3c

常用工具

画图工具	在线PS软件	在线PS
前端超有用的10个JS工具函数	证件照	系统家园-下载软件

手册网站

Web 开发/MDN \| Web APIs	API 接口参考/MDN	在线API文档	JS错误参考列表	JavaScript 标准参考教程
MDN-JavaScript	axios中文文档	Axios	学编程	前端开发者手册
菜鸟教程	开发者手册-腾讯云	web前端手册	fetch	网页游戏开发-Examples
前端TOP100	HTTP状态码	JavaScript中文网	JavaScript学习指南	HTML5 Input 类型
ECMAScript 6入门	在线文档-jQuery	Underscore.js中文文档	w3school在线教程	微信官方文档
浏览器脚本教程	W3C	RequireJS和AMD规范	JavaScript	ECMAScript
jQuery 手册 \| jQuery	jQuery API \| jQuery在线手册	jQuery API 中文	jQuery速查表	Bootstrap相关优质项目推荐
WeX5	芒果文档	underscorejs中文网	web.dev	Browserhacks-浏览器hack
safari开发中心	DevDocs API Documentation	Annotated ECMAScript 5	ECMAScript5.1中文版	TypeScript
Microsoft Edge developer documentation	jQuery API 中文文档	Fxtpl—前端模板引擎	Underscore.js	Flow 文档：类型注解
js秘密花园	art-template—高性能 JavaScript 模板引擎	art-template—github	art-template-loader	tmodjs
CSS 兼容性和 Internet Explorer	CSS Properties & Selectors \| CSS Creator	GotGitHub	SeaJS \| seajs	Ext4.1.0 Doc中文版
Git-Book	Git 参考手册	Git Magic	高德地图API	在 React 中使用 TypeScript
Linux命令大全

博客网站

Github个人博客	技术胖	脚本之家	happypeter	张鑫旭播客
前端TOP100	我的博客	Github个人博客	Gitee 个人博客	Gitee帮助中心
Nicholas C.Zakas（尼古拉斯泽卡斯）	oreilly	Safari Books Online-数字图书馆	Rebecca Murphey	手把手教你封装JavaScript插件
JoshWComeau	LeetCode		Gosha Arinich	小满zs
Gitee 个人博客	阮一峰网络日志	目标站	peter-vim	冴羽的博客
Gitee 帮助中心	阮一峰的个人网站	视觉派Pie	科技爱好者周刊	博客园
Gitee Pages	ITPROBIE-程序员的基础教程	五月君	Northpark博客	博客园-xiaohuochai
javascript学习目录	前端常用60余种工具方法	前端常用工具方法	学步园	Max Zhang博客
JavaScript如何封装插件	黄鹂	【javascript详细说明】js封装插件的方法	JavaScript 标准参考教程（alpha）	前端达人
腾讯云开发者社区作者排行榜	前端人-CDN	makalo	码农教程	术之多
使用 CSS3 实现超炫的 Loading（加载）动画效果	前端基础知识	博客：Max Zhang 的空岛	6. web前端开发分享-css,js移动篇	豪情
前端优化带来的思考，浅谈前端工程化	当耐特	web前端开发分享-css,js入门篇	web前端开发分享-css,js进阶篇	web前端开发分享-css,js提高篇
web前端开发分享-css,js工具篇	web前端开发分享-css,js深化篇	web前端开发分享-css,js移动篇	JavaScript语言精粹读书笔记- JavaScript函数	JS的Object漫想：从现象到“本质”
理解Javascript	JavaScript对象模型-执行模型	javascript面向对象技术基础(四)	javascript 类属性、类方法、类实例、实例属性、实例方法、prototype、proto 测试与小结	javascript作用域链(Scope Chain)初探
JavaScript 的in 操作符	再谈JavaScript的数据类型问题	JavaScript对象与继承教程之内置对象（下）	JavaScript对象与继承教程之内置对象（上）	JavaScript面向对象-静态方法-私有方法-公有方法-特权方法
百度智能云实战——静态文件CDN加速	前端头条	Git 教學(1) : Git 的基本使用	好麻煩部落格	自己总结的web前端知识体系大全
前端优化带来的思考，浅谈前端工程化	H-ui 前端框架	前端chrome浏览器调试总结	谷歌浏览器开发调试工具中Sources面板 js调试等完全介绍	WEB前端知识体系脑图
Haorooms	Coco	chokcoco

reset.css
css3渐变在线制作器

人像

课程平台

慕课网			爱创课堂	智能社
中国大学	W3Cschool	学习猿地	珠峰培训	部落窝教育
腾讯云	开课吧	2020 年最新前后端编程学习视频	前后端编程视频	Html中文网
极客学院	小木学堂

课程链接

web前端初中高+资深+专家

API 文档、API 调试、API Mock、API 自动化测试

Apifox	Postman
Swagger-定义API文档	Swagger-强大的API文档工具	Jmeter-写测试用例

前端框架

vue-element-admin	VuePress			View UI
MUI	layuiAdmin pro-文档	H-ui框架	H-ui-Gitee	Zan UI
Vue.js社区	H5·前端小册	Highcharts	Canvas API	WeUI
egret_demo-白鹭引擎	egret-game-library	p2.js	p2.js中文文档	egret-core
backstage	ant-design-pro	兼容性及经验汇总	Bootstrap中文网	织梦CMS
Tumult Hype —macOS的HTML5创建应用程序	Semantic UI	Unicorn UI	Buttons	Kite
H-ui前端框架

素材网站

Iconfont	站长素材	Font Awesome-字体图标	IconMoon	bootsrap 图标库
前端接口列表	免费API接口分享	千图网	阿里iconfont	cdnjs
免费API接口	素材集市	凡科建站-3000套模板免费任换	网页/网站模板	看云·广场
百度云干货资源	前端教程资料库	IT网址导航	2018年1000集大型Web前端视频教程	后台模板-网站模板
Safari Books Online	免费网站模板	模板之家	站长之家-模板	织梦无忧-模板
PAGEADMIN-模板	模板	图片资源	Bootstrap · 精选模板	图虫
eight&four	17素材-模板

工具网站

在线工具	在线工具	Minify CSS	站长工具	FIS3-构建工具
wepack	Gulp	Grunt	Yarn \|\| Yarn	汉化SVN
生成身份证号码	FIS-PLUS	FIS3-工程构建	CODING-团队协作	下载SVN
UglifyJS	绘图/画图	语雀·笔记软件	jest-JavaScript 测试框架https://jestjs.io/zh-Hans/	MDkiti
docsify	docsify-中文版	拾色器-jcpicker.exe	beyond compare-代码对比工具	博客工具-workpress
VuePress	码云-gitee	吸色工具-ColorMania	百度脑图	百度分享
vscode注释快捷键	fiddler-小强测试品牌		HTML5test	百度统计
七牛 CDN 上传工具	网站测速	友盟统计	百度PC平台浏览器，分辨率，操作系统，网名，流量统计	百度移动统计（移动端设备品牌占比，移动设备市场份额）
全球移动端浏览器统计		友盟指数	CNZZ桌面及移动端浏览器统计	Webfont Generator—在线转换字体
Opera多终端界面模拟	IBM Developer	为开发者推荐 21 款最佳的 Node.js 框架	Browser Scope Has Merged With Aussie Hosting—浏览器的一些独特参数	WebStorm
Coding -让开发更简单	WeX5	拼图大前端	sublime-text	性能测试

使用 MDWiki 搭建个人轻博客、知识库或文档中心

站长工具

日常实用工具-站长工具	移动适配报告	移动跨屏模拟
正则表达式在线生成	正则测试	JS混淆加密压缩
JS/HTML格式化	HTML/JS转换工具	JS代码混淆
JSON格式化/校验	JSON压缩转义	JSON生成实体类
Base64加密、解密	JSON-GET互转	JSON在线编辑
JS加密、解密	MD5加密	文字在线加密解密
Unicode编码转换	Unix时间戳转换工具	UrlEncode编码/UrlDecode解码
UTF-8 转换工具	HTML/JS转换工具	HTML/UBB代码转换工具
在线HTML/Js/Css过滤	在线HTTP POST/GET接口测试	短链生成

编辑工具

VScode	Postman-接口测试	markdown		brackets
Typora	Navicat-数据库管理	WebStorm	Notepad++	Notion

插件

jquery.fileDownload	clipboard.js-复制功能	jsTree中文网	jQuery插件库	Datepicker
Foundation datepicker	Foundation-datepicker.js	jsTree-树	Datepicker日期插件	DatePicker
My97 DatePicker	Foundation-datepicker.js	QRCode.js 生成二维码	qrcodejs-github	pako
jQuery-File-Upload	jQuery File Upload-jQuery	Swiper-滑动功能，触摸导航	bootstrap-datetimepicker	jquery.pagination.js-分页
bpage-分页插件	Highcharts	iscroll-github	iscroll5 API	jQuery之家-插件库
bShare分享	superslide	Animate.css 一款强大的预设css	datepicker	插件库
iScroll.js	jqPaginator-分页插件	爱点击-bShare分享代码\|分享按钮	artDialog—网页对话框	jQuery File Upload
jQuery全屏滚动插件fullPage.js	前端粒子效果（particles.js）	粒子效果

K线

k线图学习
Hightcharts	k线案例	Apache ECharts
CSDN-K线图	聚宝盆APP
Github-K线图	金融App	快速入门所有示例股票配资

bug论坛 stackoverflow

网站模板

CloudAdmin网站后台管理系统

ui框架

bulma

Bulma 是一款基于 Flexbox 的现代 CSS 框架。有以下特性：

响应式，Bulma 是一个优先考虑移动版的框架

模块化，只需导入你需要的

现代化，基于 Flexbox

前端框架

Vue.js

官网+社区	Vuex	Vue CLI	全家桶
Vue.js	Vuex英文版官网	Vue Router	TypesScript + Node.js + Express + Mongoose
Vue.js专业社区	vue-llplatform-搭建一个后台管理项目	axios中文官网	vue+express+mongodb-个人博客
Vue.js英文版官网			vue2+node(express)+mongodb(mongoose)
Vue School	Vue优秀文章集合	vue-element-admin	vue+websocket+express+mongodb-实时聊天
Vue.js教程	Vue3学习资源集合	vue-element-admin	vue+node+mongodb-搭建博客
CoffeeScript	Ant	Bulma	Seajs
WordPress	backbone.js	Knockout

vue-llplatform-基于Vue + Element搭建一个后台管理项目

教学说明：https://linjinze999.github.io/vue-llplatform/

源码地址：https://github.com/linjinze999/vue-llplatform

在线预览：https://linjinze999.github.io/vue-llplatform/preview/#/login

View UI

View UI (基于vue.js UI框架)

React

React中文官网	React-GitHub	React-API
React 术语词汇表	项目文件结构	React Router—看这里的最新用法
AJAX and APIs	react-边学边做	react版本更新
组件状态	Atomic Design by Brad Frost	react版本
Next.js	React+TypeScript Cheatsheets	原子设计
Redux	rtk-convert-todos-example	redux-essentials-example
admin-client_final_redux

Element-UI

Element

Vant

Vant	vant-ui—vant-demo
Vant Weapp

layuiAdmin Pro

layuiAdmin Pro	layuiAdmin pro v1.x 开发者文档
pizepei / LayuiAdminProPHP

Node.js

Node.js	《深入浅出Node.js.pdf》
Node.js中文网	nvm

Git官网	Git文档	Git教程_w3cschool	安装包下载地址	Git完整命令手册
git-for-windows Mirror	常用Git命令清单	廖雪峰官方网站	Github客户端	PDF版命令手册
Git远程操作详解	Git 工作流程	git操作详解（阮一峰）	阮一峰：Git 使用规范流程	非常详细准确的git学习资料
git-cheat-sheet中文版

MongoDB

MongoDB	mongoDB
mongoDB	mongoDB基本操作			MongoDB Manual

Hexo

Hexo
Hexo自动化工具

Markdown

Markdown中文网		用“思维导图”写md	md数学公式语法	有道云md输入数学公式
Markdown Guide	md在线编辑器	md中公式编辑教程	md 公式指导手册	印象笔记 md 入门指南
Markdown Preview Enhanced			有道云笔记md指南-简明	有道云笔记md指南-进阶

Markdown Preview Enhanced 是一款为 Atom 以及 Visual Studio Code 编辑器编写的超级强大的 Markdown 插件。这款插件意在让你拥有飘逸的 Markdown 写作体验。

ECMAScript 6

ECMAScript 6
Promise完全详解

Typescript

Typescript
Typescript中文

Layui

layui	layui社区	layui-码云	xmSelect下拉多选	xm-select文档
layui.excel	LAY-EXCEL-导出插件	layui 第三方组件平台	formSelects 4

Bootstrap

Bootstrap	Bootstrap优站精选	Bootstrap中文网	Bootstrap 中文文档	Bootstrap可视化布局系统-拖拽布局
Bootstrap-Table	Bootstrap 简介 \| w3cschool菜鸟教程	Bootstrap可视化布局系统

Flutter

Flutter中文网	Flutter-掘金标签
flutter-github

H+

H+

Weex

Weex

WeUI

WeUI	WeUI中文文档	WeUI 官方 Demo	WeUI 官方 Wiki
微信小程序设计指南	WeUI 官方 Github	WeUI 官方 Releases		WeUI简明入门指南

mui-learn-demo
mui-github
Hello mui

jQuery

jQuery	jQuery \| jQuery 中文网
jQuery插件库	JQuery EasyUI中文网

jQuery MiniUI

jQuery MiniUI

webpack

webpack中文文档

Babel

Babel
Babel中文网

FastAdmin

FastAdmin框架文档

Express

Express

uni-app

uni-app

QRcode.js-二维码生成器

qrcode-github	qrcode-文档
qrcode-菜鸟教程

NicePage：基于强大的 layui 框架,通过扩展laypage.js, nicePage.js实现JSON数据格式的自动表格分页和跳转功能

Sea.js

sea.js使用手册
sea.js-github

yarn

yarn

nvm-github

GUI

图片压缩

移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传	使用swfUpload进行批量上传图片
关于客户端JS能否等比例压缩图片的请教	图片压缩后上传【Flash】
angularjs客户端实现压缩图片文件并上传实例
在angularjs客户端压缩图片文件然后上传

前端视频

黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端
前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程
极客学院-JavaScript
妙味课堂-视频

canvas

https://www.lanrenzhijia.com/others/4299.html

设计

资源网站

花瓣网	Unsplash-免版权图库	Adobe Help Center
学ui网	UI设计导航	优设
拍信创意	室内设计稿	TapTap-发现好游戏	百图汇-颜色表

图库网站

Desktop Wallpaper-壁纸	免费正版高清照片素材库
Desktopgraphy-壁纸	热门照片-500px	图片库-专业商业图片素材网
Free Stock Photos，Images	Pexels-免费素材图片
Awesome Wallpapers-壁纸	百度识图

学习网站


站酷高高手

工具

Snipaste-颜色吸取
Figma-设计工具	Figma-中文

原型

即时原型	Colordrop
云端	khroma
Creative
Placeit

视频链接

PS后期高手之路基础篇-李涛老师	Axure 9 从入门到精通全集，自学必备	【色彩搭配】2022至今看过最棒的关于基础色彩理论的视频
AI教程AI2019教程(illustrator2019版零基础入门50集)	Axure 9从入门到精通_Axure RP9零基础入门【产品经理基础】	【色彩大师】2022全网最全的设计色彩搭配原理讲解，设计师调色保姆级教程
Photoshop全套教程	【官方】Axure9.0产品经理（全集）	色彩搭配视频教程合集（已完结）
Axure教程视频，0基础入门，2小时学会	Axure从入门到精通系列课程	设计必学！2021全网最全的“设计色彩理论知识“
【配色基础原理】50分钟干货，设计师颜色搭配口诀，色彩搭配的技巧大全	零基础室内设计软装教程和装修风格及色彩搭配

绘画

手绘POP生活插画精选范例-汤小元
亿图脑图MindMaster

视频素材

摄图

拍信创意

音频下载

日常

资源网站

吾爱破解	中国国家图书馆	在线阅读	rejoice-海量电子书	52个办案检索网站
广州图书馆	中国大百科全书数据库	MBA智库	360doc个人图书馆	公共数字文化工程
我的图书馆	原创力文档	电子书	广州居住证办理地点-览表	智慧普法平台
在线读书网	科学数据库-中国科学院	网盘搜索	姓名参考网	NET-A-PORTER.COM-购物
sina爱问共享资料	百度云网盘资源	QQ学生网	百度贴吧	天涯社区
卜易居-实用查询	清华大学出版社	知乎	品品品资源论坛-电子书，杂志，学习教育等	我帮找网

网站模板

模板之家
微魔
数据管理后台模板参考
企事业通用后台管理模板

工具网站

PanDownload-下载	Duplicate-重复文件查找器	Navicat
语雀-写作工具	Everything-快速定位文件	wangEditor-富文本编辑器
Saladict 沙拉查词	爱思助手-苹果刷机

广告投放平台

资讯网

A5创业网
百度新闻	实现网

教师资格证

NTCE - 中国教育考试网	中公教师	华图教师	听课站	新东方图书网
粉笔网题库	教视网-优质课	学而思网校	电子课本网	人民教育出版社
学科网	21世纪教育网-教案-课件	21书城-资源专辑	第二教育网	一起考教师-面试
中华考试网	新东方网	百度题库	e希赛	百度文库
中公教师-面试	中公教育	中公网校

信息技术

高中信息技术书籍汇编
《Excel小白脱白系列课程》

数学

初中数学电子课本	数学考试试题及答案
教师之家-数学备课网	高等数学-宋浩老师

地理

这里给大家总结了一份CIE官网推荐的A-level地理学习网站！不要太贴心了！

如何构建自己的笔记系统？

书籍

《JavaScript语言精粹》

《基于MVC的JavaScript Web富应用开发》

《HTML5实验室》

《HTML5 Canvas游戏开发实战》——这书前半部分是canvas基础，后半部分是游戏的示例。

《 HTML5高级程序设计》

《移动Web手册》

【1】 ES5/词法 https://www.w3.org/html/ig/zh/wiki/ES5/lexical
【2】阮一峰Javascript标准参考教程——语法概述 http://javascript.ruanyifeng.com/grammar/basic.html
【3】 W3School-Javascript高级教程——ECMAScript语法 http://www.w3school.com.cn/js/pro_js_syntax.asp
【4】《javascript权威指南(第6版)》第2章词法结构
【5】《javascript高级程序设计(第3版)》第3章基本概念
【6】《javascript语言精粹(修订版)》第2章语法
【7】《javascript DOM编程艺术(第2版)》第2章 Javascript语法