这是第二部分，第一部分请点击博主，查看文章。
AngularJS
AngularJS [1] 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过
这是第一部分，内容太多，第二部分点击博客查看第二篇文章：
bootstrap 前端框架
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 [1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 [2] 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
在2017年8月下旬，Bootstrap四周岁之际，Bootstrap团队发布了Bootstrap 4 alpha版，4的最主要变化包括以下方面：
从 Less 迁移到 Sass
改进网格系统
缺省弹性框支持
Dropped wells, thumbnails, and panels for cards
合并所有 HTML resets 到一个新的模块中：Reboot
全新自定义选项
不再支持 IE8
重写所有的 JavaScript 插件
改进工具提示和 popovers 的自动定位
改进文档
其他大量改进
WeX5 多端部署工具
WeX5遵循Apache开源协议，完全开源免费，上百个组件框架，全部开放，可视化的组件框架，开发者可自定义组件，集成第三方组件，采用MVC设计模式，数据和视图分离，页面描述和代码逻辑分离，支持浏览器调试、真机调试、原生调试，等多种调试模式，开发者可掌握每一行代码。
WeX5一直坚持采用H5+CSS3+JS标准技术，一次开发，多端任意部署，确保开发者成果始终通用、不受限制。WeX5的混合应用开发模式能轻松调用手机设备，如相机、地图、通讯录等，让开发者轻松应对各类复杂数据应用，代码量减少80%。同时开发出的应用能够媲美原生的运行体验。
express & koa (nodeJS框架)
swig (nodejs前端模板引擎)
技能
CSS / CSS3 动画
能封装业务组件和公用组件.
JavaScript 动画
Web字体嵌入
Icon 字体
图形和图表
CSS / SVG Sprite（如glue）
DOM操作（如jQuery、React等等）
模板引擎（如JSX、Handlebars、JSP、Mustache等等）
JSX
JSX是阵营的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言，一种定义带属性树结构（DOM结构）的语法，它的目的不是要在浏览器或者引擎中实现，它的目的是通过各种编译器将这些标记编译成标准的JS语言。
JSP
JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计的显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术，它的主要目的是将表示逻辑从Servlet中分离出来。
Handlebars
Handlebars 是 JavaScript 一个语义模板库，通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"（无逻辑模版）的思路，在加载时被预编译，而不是到了客户端执行到代码时再去编译， 这样可以保证模板加载和运行的速度。Handlebars兼容Mustache，你可以在Handlebars中导入Mustache模板。
调试
浏览器调试
Debug工具
Wireshark / Charles抓包
远程设备调试（如Chrome Inspect Devices）
单元测试
服务测试
UI测试
集成测试
版本管理（如git、svn）
PHP页面跳转、端口监听
依赖管理
包管理（如npm、bower）
模块化（如CommonJS、WebPack）
commonJS
CommonJS API定义很多普通应用程序（主要指非浏览器的应用）使用的API，从而填补了这个空白。它的终极目标是提供一个类似Python，Ruby和Java标 准库。这样的话，开发者可以使用CommonJS API编写应用程序，然后这些应用可以运行在不同的JavaScript解释器和不同的主机环境中。在兼容CommonJS的系统中，你可以使用 JavaScript程序开发
WebPack
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。
其实Webpack和另外两个并没有太多的可比性，Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpack在很多场景下可以替代Gulp/Grunt类的工具。
Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，工具之后可以自动替你完成这些任务。
Grunt和Gulp的工作流程
Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。
Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。
自动构建（脚本）
前端工程化开发测试 打包 发布
前端性能优化.
在技术选型上,能给出你选择的方案是最优的数据说明
兼容性
跨浏览器测试 （Chrome，IE，Firefox，Safari等等）
跨平台测试（Windows、GNU/Linux，Mac OS等等）
跨设备测试（Desktop，Android，iOS，Windows Phone）
跨版本测试（同一个浏览器的不同版本）
正规表达式
正规表达式由一个或多个字符型文字和/或元字符组成。在最简单的格式下，正规表达式仅由字符文字组成，如正规表达式 cat。它被读作字母 c，接着是字母 a 和 t，这种模式匹配 cat、location 和 catalog 之类的字符串。可以用它们验证数据、识别重复关键字的出现、检测不必要的空格、分析字符串、验证电话号码、邮政编码、电子邮件地址、社会安全号码、IP 地址、文件名和路径名等的格式，也可以查找如 HTML 标记、数字、日期之类的模式，或任意文本数据中符合任意模式的任何事物，并用其它的模式来替换它们。
性能与优化
可用性
性能测试（特别是移动Web
加载优化（如gzip压缩、缓存等等
PageSpeed / Yslow 优化
Page Speed最 初是Google内部使用的改进网页设计的工具——它整合在Firefox的著名插件Firebug中。当用户运行Page Speed，可以立即获得如何改进网页载入速度的建议。
压缩（如Minify、Uglify、CleanCSS等等）
CleanCSS是一个免费的CSS精简压缩工具，通过这个在线工具，可以将你的CSS文件压缩、优化成更精简，这将大大提高你的网站的载入速度。
SEO
SEO（Search Engine Optimization）:汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。SEO的目的理解是：为网站提供生态式的自我营销解决方案，让网站在行业内占据领先地位，从而获得品牌收益；SEO包含站外SEO和站内SEO两方面；SEO是指为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，使网站更适合搜索引擎的索引原则的行为；使网站更适合搜索引擎的索引原则又被称为对搜索引擎优化，对搜索引擎优化不仅能够提高SEO的效果，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。
Sitemap（站点地图）
Sitemap 可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的 Sitemap 形式，就是XML 文件，在其中列出网站中的网址以及关于每个网址的其他元数据（上次更新的时间、更改的频率以及相对于网站上其他网址的重要程度为何等），以便搜索引擎可以更加智能地抓取网站。
页面静态内容生成
静态页面，即静态网页，是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间，且不能自主管理发布更新的页面，如果想更新网页内容，要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）。常见的静态页面举例：.html扩展名的、.htm扩展名的。
MicroData / MicroFormat
MicroData
Microdata 以自定义的词汇表（vocabulary）为中心，可以想象 HTML5 中所有的元素集合为一个词汇表，这个词汇表包含描述段落（section） 或文章（article）的元素，但是不包含描述事件（event） 或组织（organization）的元素。如果想在 Web 页面中表示一个事件或组织，则需要定义自己的词汇表，Microdata 允许你这么做，任何人都可以定义自己的词汇表，并且将其包含在自己的 Web 页面中。
MicroFormat
微格式（Microformat），是通过语意相关让内容人机可读。网页上的允许的微格式数据包括事件、人物、地点等，它可以被其他的软件检测到，并提取出相应的信息，以及对信息进行索引、搜索、跨平台的参考，把这些信息以其他形式重复使用或组合。
内部链接建设
面向对象 & 面向过程
Laravel (PHP框架)
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。
在Laravel中已经具有了一套高级的PHP ActiveRecord实现 – Eloquent ORM。它能方便的将“约束（constraints）”应用到关系的双方，这样你就具有了对数据的完全控制，而且享受到ActiveRecord的所有便利。Eloquent原生支持Fluent中查询构造器（query-builder）的所有方法。
Java后台
Java基础
阅读 Head First Java
掌握DOS系统常用基本命令
面向对象
匿名对象
继承
多态
抽象类
接口
内部类
异常
异常概述
异常分类
异常处理方案
自定义异常
集合
Collection接口下的常用集合
Map接口下的常用集合
泛型
Iterator接口
I/O
文件
字节流
字节缓冲流
转换流
序列化流
多线程
多线程运行原理
多线程的实现方案
线程生命周期
线程同步
线程池
网络编程
网络编程三要素
Socket原理机制
UDP传输
TCP传输
反射
类加载机制原理
反射构造方法、字段、方法
Properties配置文件
XML
XML基本语法
XML的约束
XML的解析
BeanUtils的使用
注解及动态代理
注解的使用
自定义注解
动态代理Proxy
类加载器
Mysql及JDBC开发
MySQL数据库
JDBC开发
连接池
DBUtils
JDBC事物管理
前端技术
html
css
js
jQuery
BootStrap
javaWeb核心
Tomcat
Servlet
Request和Response
Cookie和Session
jsp , el , jstl
Filter
Listener
ajax应用
ajax
jQuery ajax
EasyUI
linux和redis
Linux
Redis
javaWeb应用
通用BaseServlet抽取
缓存技术
JavaMail
在线支付
文件上传
Linux项目部署
能够完成B/S结构网站开发，具备了真实环境的项目部署能力，能够完成中小型企业管理系统等传统项目的开发。
框架
Hibernate5
hibernate.cfg.xml配置
hbm.xml映射文件详解
PO对象状态及状态的转换分析
Hibernate高级映射技术
Hibernate数据检索技术
Hibernate性能优化技术
Struts2
struts.xml详解及使用
使用通配符定义action、动态方法调用
ActionContext及ServletActionContext使用
模型驱动ModelDriven、属性驱动.
默认拦截器分析、自定义拦截器
OGNL表达式、值栈ValueStack分析
Spring
applicationContext.xml配置文件编写
IoC思想、DI依赖注入
使用AspectJ切面编程
JdbcTemplate模板使用
声明式事务管理
SSH整合
CRM项目
使用struts2+spring4+hibernate5 +svn来开发项目
使用Jquery EasyUI进行布局
使用svn进行代码管理
oracle
简单查询
oracle的常用函数
多表查询
集合操作
DDL操作管理表
DML管理数据
其它数据库对象
PL/SQL编程
存储过程与存储函数
触发器
maven
maven介绍
maven安装
maven的入门程序
maven仓库
项目构建
依赖管理
maven综合案例
maven的私服
mybatis框架
mybatis框架原理
mybatis入门案例
mybatis开发DAO方式
mybatis输入输出映射
动态sql
spring整合mybatis
springmvc框架
springmvc框架原理
springmvc入门案例
springmvc整合mybatis
参数绑定
json数据交互
拦截器
Lucene、solr框架
什么是全文检索
Lucene实现全文检索
Analyzer分析器
索引维护
solr安装配置
solr索引、solr搜索、SolrJ
综合项目技能
掌握Apache poi实现数据导入导出；
掌握图形报表的生成技术，如JfreeChart、HighChart、AmChart
掌握Apache Shiro技术
掌握BRAC认证模型，有效进行用户权限管理
SSH框架整合
使用maven进行项目的分模块开发
页面布局采用前端主流jQuery插件easyui
采用Redis实现缓存机制
采用Oracle数据库
引入WebService的CXF开发方式，并与Spring结合
采用了BRAC认证模型，有效进行用户权限管理，同时加入当前流行的Shiro安全框架，从而高效快捷保证系统安全可靠
加入了Quartz与spring整合实现定时任务调度
引入JavaMail邮件机制，并实现Spring与JavaMail整合开发
使用PowerDesigner建立企业级PDM模型
SSM框架整合
jsp+easyui视图层展现
KindEditor富文本编辑器应用
Freemarker模板引擎实现页面静态化
Dubbo分布式调用技术
Nginx反向代理
Redis缓存
Lucene/Solr全文检索解决方案
FastDFS图片服务器
ActivieMQ消息队列
maven项目管理
svn/git实现项目代码和文档管理
zookeeper分布式协调服务
mycat中间件
分布式事物
分布式查询
微服务
高并发
容灾
容器化
如果你想系统学习前端，推荐一个前端学习群：731771211。进群就会送一套系统的web前端详细教学视频，群内有大神，不懂的都可以解疑。零基础的小白也可以进群学习，免费带入门。对于想提升技能的程序员，转行的，也可以进群。欢迎各位小伙伴。