前端程序员开发技术栈（前端干货）
网上找的各种资料整理归纳成下面的表格，有需要的朋友们可以收藏一下
| 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个项目，感觉除了项目较少外其他的都还可以。
程序员客栈是一家以定制开发外包服务为主，也是外包项目平台，他家结算比较墨迹外，需求项目比靠山云多很多。
前端程序员开发技术栈（前端干货）相关推荐
- 这份程序员常用技术栈和工具清单，刷爆朋友圈……
基于Java的Web应用开发技术已成为目前Web开发的主流技术,作为一名Java程序员,到底要掌握什么技术才能完成一个JavaWeb项目呢? 小编和一位十年经历程序员要来这份Java程序员常用技术栈, ...
- Android 程序员的技术栈大全
AndroidAll 项目地址:chiclaim/AndroidAll 简介: Android 程序员的技术栈大全 更多:作者 提 Bug 标签: 内容涵盖绝大部分 Android 程序员所需要 ...
- 20届最难毕业的前端程序员的一年前端工作经验总结
✨✨作为2020年的毕业生,在经历了最难毕业季,最终如愿成为了一名前端程序员.经历了快一年的职场洗礼,到如今已经是一名成熟的职场,人在这个过程中我通过不断的学习,积极总结来不断成长,在整个学习成长工作 ...
- 这份2021Java程序员常用技术栈和工具清单，刷爆了朋友圈...
点击上方蓝色字体,选择"标星公众号" 优质文章,第一时间送达 关注公众号后台回复pay或mall获取实战项目资料+视频 作为一枚Java程序员,需要掌握哪些技术和工具才能完成一个J ...
- c/c++程序员的技术栈
在当今的互联网时代, java, 安卓, ios, 大行其道,而c/c++却显得越来越落寞. 其实这并不是c/c++程序员本身的问题,而是这是一个产品快速响应市场的年代.用过c/c++的人都知道, ...
- Android 程序员的技术栈大全(1)，中高级Android面试题目汇总解答
BufferedReader InputStreamReader FileReader StringReader PipedReader CharArrayReader FilterReader Pu ...
- Android 程序员的技术栈大全，已整理成文档
计算机基础 协议 OSI 模型.TCP/IP 模型 HTTP / HTTP2 / HTTPS 操作系统 Unix / Linux Windows 数据结构与算法 Java Java 基础 面向对象思想 ...
- 前端程序员接私活，直呼赚麻了
总有一些前端程序员会想找私活,但是又不清楚具体的办法,或者是做了但没完全做,吃力又不讨好还赚不到钱.今天就给大家介绍一些可行性高的方法,让你快速找到合适的前端兼职. 干货满满,希望大家点赞收藏下,别到 ...
- 前端开发需要掌握什么技术，成为一个高薪的web前端程序员很难吗？
一位优秀的前端开发工程师,技术是非常重要的.每年前端技术不断更替,学前端要掌握最新的知识才能赢在起跑线上.前端开发本身是一个高薪职业,但你的技术决定你的发展方向.那么,前端开发需要掌握什么技术,如何才 ...
最新文章
- iOS 高可控性日历基础组件 - SKCalendarView 的使用和实现思路的分享
- SpringBoot自动配置的原理及实现
- 怎么选？阿里P7 or 副处级干部？
- linux如何更改服务器时间格式,Linux中date命令，格式化输出，时间设置
- centos安装ruby
- mysql正则通配符全解_mysql正则表达式与通配符
- 我对软件发展的思考，一个不变却一直在变的话题
- [Java] 蓝桥杯ADV-214 算法提高 3-3求圆面积表面积体积
- http://acm.whu.edu.cn/land/problem/detail?problem_id=1464
- Android入门笔记03
- Reverse Linked List(非递归解法)
- coin3D中导入机器人模型
- java preference xml,java – 找不到PreferenceScreen类
- video 视频播放动画
- 上传文件到gitee仓库的步骤
- mysql 查询主键和主键列,查询Mysql表名、主键、列名
- 基于ABC人工蜂群优化算法的最优解搜索算法matlab仿真
- 学习笔记 | 数据采集系统基本结构及参数
- 十分钟带你玩转人工智能——调用百度AI接口实现文字转语音
- WPF 九 （ loaded 事件和 Initialized 事件区别以及事件执行顺序总结）