前端程序员开发技术栈（前端干货）

网上找的各种资料整理归纳成下面的表格，有需要的朋友们可以收藏一下

Web前端开发	浏览器 （直接百度下载使用就行）	Internet Explorer（需要了解，需不需要看公司业务需求）
		Chrome（建议学习使用）
		Firefox（建议学习使用）
		Safari（建议学习使用）
		Opera
		Edge
		Netscape
	协议 （前端学到一定阶段后学习比较好）	HTTP/1.1	链接
			会话
			授权
			请求
			响应
		HTTP/2	压缩
			打包
			服务器端推送
		WebSocket
	Web三剑客 （必须学会，而且要精通， JavaScript一定要精通， 推荐红宝书）	HTML (HyperText Markup Language)
		CSS (Cascading Style Sheets)
		JavaScript
	标准	W3C（推荐到W3Cschool看文档）	HTML
			CSS
			XHTML
			XML
	核心概念	HTML	DOM
			Element
			Attribute
		JavaScript	Prototype
			Scope
			Closure
			JSON (JavaSript Object Notation)
			AJAX (Asynchronous JavaScript and XML)	参考资料 https://www.w3school.com.cn/ajax/index.asp
		CSS	Selector
			Priority
			Specificity
			Box Model
	渲染引擎	Trident (IE)
		Blink / prev. WebKit (Chrome)
		Gecko (Firefox)
		WebKit (Safari)
		Blink / prev. Presto (Opera)
		EdgeHTML (Edge)
	脚本引擎	JScript (IE8- / ASP)
		Chakra (IE9+ / Edge)
		V8 (Chrome / Opera / Nodejs / MongoDB)[GitHub]
		SpiderMonkey (Firefox)
		JavaScriptCore (Safari)
	运行时	Cookie
		Local Cache
		Session Storage
		Local Storage
		Components	Extensions
			Plugins
		Resources	Images
			Icons
			Fonts
			Audios
			Videos
	编辑器	Sublime Text
		WebStorm
		Atom
		Vim
		Emacs
		Visual Studio（电脑要好）
		Visual Studio Code（推荐使用，简单易用）
Dreamweaver ;（电脑要有一定的性能）
HBuilderX(app小程序开发推荐使用)
编译任务	精简
	编译
	合并
	混淆
	图像优化
	单元测试
编译工具	Grunt
	Gulp
	Brunch
	Yeoman
	Broccoli

 

Web前端开发	调试	Developer Tools
		Firebug
	基础工具	Node.js （前端一定要会，一定要会， 如果学php什么的可以只要了解一下node就可以， 但要会基础使用）		参考资料 https://nodejs.org/zh-cn/docs/
		Phantom.js
		SpiderMonkey
	质量控制	JSLint
		JSHint
		jscs
		Closure Linter
	包管理	npm （要先学node.js， node.js是现在很多前端工程师都必须掌握的一项技能）		使用介绍 https://www.runoob.com/nodejs/nodejs-npm.html
		Bower[GitHub]
	测试	工具	QUnit
			Jasmine
			Mocha
			Selenium
			WebDriverIO
			Protractor
			Sinon.JS
			Karma
			nodeunit
			tape
			nightmare
		在线工具	Sauce Labs
			Browser Stack
			Browser Shots
			Browserling
			Browser Sandbox
			Cross Browser Testing
			Browsera
			SortSite

Web前端开发	库/框架	基础库	jQuery （主要是为了让操作DOM更加简单，需要了解， 毕竟JavaScript暂时不会过时，操作DOM的简化有一定的价值， 但是最好不要和vue一起用）	参考资料 https://jquery.com/ https://jquery.cuishifeng.cn/ https://www.w3school.com.cn/jquery/jquery_syntax.asp
			Prototype
			Zepto
			MooTool
		模块化	ES6 Module
			CommonJS	webpack
				browserify
			AMD	RequireJS
			UMD	umd
		框架	AngularJS
			Ember
			React
			Deft.js
			Vue.js（推荐学习，有中文文档）	参考资料 https://cn.vuejs.org/v2/guide/
			Riot
			uniapp（开发小程序APP很方便）	参考资料 https://uniapp.dcloud.io/ https://blog.csdn.net/weixin_44052785/article/details/109746211 https://www.bilibili.com/video/BV1CC4y1476y?from=search&seid=2672736962711444121
		UI框架 （可以都了解一下，百度一下， 看看官网，喜欢那个玩哪个）	Bootstrap（推荐学习，简单上手）	参考资料 https://www.bootcss.com/
			Semantic UI
			Foundation
			Material UI
			WinJS
			Pure
			Amaze UI
		WebSocket	Socket.io
			web-socket-js
		数据可视化	Echarts（推荐学习，简单易用，前提是要会JavaScript）
			HighCharts
			WebGL
			Three.js
			Babylon.js
			Pixi.js
		WebGL	Three.js
			Babylon.js
			Pixi.js
		Css3动画	Animate.css（有官网，推荐看看）
			bounce.js
			Effeckt.css
			move.js
		流程控制	ES6	Promise
				Generator
			ES7	yield
				await
			async
			co
			Promise	Bluebird
				q
				when.js
		函数式编程	bacon.js
			immutable.js
			ramda
			underscore.js
			lodash
			ReactiveX
		手机 UI 框架	jQuery Mobile
			Jo
			Dojo Mobile
			Lungo
	CSS 预处理器	LESS	LESS
			Hat
		Sass(SCSS)	Compass
			Bourbon
			Gumby
		Stylus	nib
	未来标准	babel
模板引擎	Handlebars
	Slim
	Ejs
	Jade
	Spacebars
	mustache
统一化	Normalize
	Reset
最佳实践	SEO
	Responsiveness
	CDN
安全	Sandbox
	XSS
	CORS
中间语言	CoffeeScript
	TypeScript
	ClojureScript
	JSX (Facebook)
移动应用开发	PhoneGap / Cordova
	MUI
	React Native
	Ionic
桌面应用开发	Electron
	NW.js

看到之前关于兼职的帖子很受大家欢迎，这里也链过去，大家可以看一看分享一些程序员接私活、兼职的平台，其中我比较推荐靠山云：https://www.kaoshanyun.com和 程序员客栈：https://www.proginn.com

靠山云是一家新兴平台，现在免费入驻，有兴趣的朋友可以去入驻一下，我在这家已经做过2个项目，感觉除了项目较少外其他的都还可以。

程序员客栈是一家以定制开发外包服务为主，也是外包项目平台，他家结算比较墨迹外，需求项目比靠山云多很多。