Java Web前端到后台常用框架介绍
一、SpringMVC
https://www.doczj.com/doc/db3391854.html,/evankaka/article/details/45501811
Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架，即使用了MVC架构模式的思想，将web层进行职责解耦，基于请求驱动指的就是使用请求-响应模型，框架的目的就是帮助我们简化开发，Spring Web MVC也是要简化我们日常Web开发的。
模型（Model ）封装了应用程序的数据和一般他们会组成的POJO。
视图（View）是负责呈现模型数据和一般它生成的HTML输出，客户端的浏览器能够解释。
控制器（Controller ）负责处理用户的请求，并建立适当的模型，并把它传递给视图渲染。
Spring的web模型–视图–控制器（MVC）框架是围绕着处理所有的HTTP请求和响应的DispatcherServlet的设计。
Spring Web MVC处理请求的流程
这里写图片描述
具体执行步骤如下：
1、首先用户发送请求————>前端控制器，前端控制器根据请求信息（如URL）来决定选择哪一个页面控制器进行处理并把请求委托给它，即以前的控制器的控制逻辑部分；图2-1中的1、2步骤；
2、页面控制器接收到请求后，进行功能处理，首先需要收集和绑定请求参数到一个对象，这个对象在Spring Web MVC中叫命令对象，并进行验证，然后将命令对象委托给业务对象进行处理；处理完毕后返回一个ModelAndView（模型数据和逻辑视图名）；图2-1中的
3、
4、5步骤；
3、前端控制器收回控制权，然后根据返回的逻辑视图名，选择相应的视图进行渲染，并把模型数据传入以便视图渲染；图2-1中的步骤6、7；
4、前端控制器再次收回控制权，将响应返回给用户，图2-1中的步骤8；至此整个结束。
二、Spring
https://www.doczj.com/doc/db3391854.html,/cainiaowys/article/details/7107925
2.1、IOC容器：https://www.doczj.com/doc/db3391854.html,/linjiqin/archive/2013/11/04/3407126.html
IOC容器就是具有依赖注入功能的容器，IOC容器负责实例化、定位、配置应用程序中的对象及建立这些对象间的依赖。应用程序无需直接在代码中new相关的对象，应用程序由IOC容器进行组装。在Spring中BeanFactory是IOC容器的实际代表者。
2.2、AOP：https://www.doczj.com/doc/db3391854.html,/moreevan/article/details/11977115
简单地说，就是将那些与业务无关，却为业务模块所共同调用的逻辑或责任封装起来，便于减少系统的重复代码，降低模块间的耦合度，并有利于未来的可操作性和可维护性。AOP代表的是一个横向的关系
AOP用来封装横切关注点，具体可以在下面的场景中使用:
Authentication 权限
Caching 缓存
Context passing 内容传递
Error handling 错误处理
Lazy loading 懒加载
Debugging 调试
logging, tracing, profiling and monitoring 记录跟踪优化校准
Performance optimization 性能优化
Persistence 持久化
Resource pooling 资源池
Synchronization 同步
Transactions 事务
三、Mybatis
https://www.doczj.com/doc/db3391854.html,/u013142781/article/details/50388204
MyBatis 是支持普通SQL查询，存储过程和高级映射的优秀持久层框架。MyBatis 消除了几乎所有的JDBC代码和参数的手工设置以及结果集的检索。MyBatis 使用简单的XML或注解用于配置和原始映射，将接口和Java 的POJOs（Plain Old Java Objects，普通的Java对象）映射成数据库中的记录。
总体流程：
(1)加载配置并初始化
触发条件：加载配置文件
将SQL的配置信息加载成为一个个MappedStatement对象（包括了传入参数映射配置、执行的SQL语句、结果映射配置），存储在内存中。
(2)接收调用请求
触发条件：调用Mybatis提供的API
传入参数：为SQL的ID和传入参数对象
处理过程：将请求传递给下层的请求处理层进行处理。
(3)处理操作请求触发条件：API接口层传递请求过来
传入参数：为SQL的ID和传入参数对象
处理过程：
(A)根据SQL的ID查找对应的MappedStatement对象。
(B)根据传入参数对象解析MappedStatement对象，得到最终要执行的SQL和执行传入参数。
(C)获取数据库连接，根据得到的最终SQL语句和执行传入参数到数据库执行，并得到执行结果。
(D)根据MappedStatement对象中的结果映射配置对得到的执行结果进行转换处理，并得到最终的处理结果。
(E)释放连接资源。
(4)返回处理结果将最终的处理结果返回。
MyBatis 最强大的特性之一就是它的动态语句功能。如果您以前有使用JDBC或者类似框架的经历，您就会明白把SQL语句条件连接在一起是多么的痛苦，要确保不能忘记空格或者不要在columns列后面省略一个逗号等。动态语句能够完全解决掉这些痛苦。
四、Dubbo
https://www.doczj.com/doc/db3391854.html,/u013142781/article/details/50387583
Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC（远程过程调用协议）远程服务调用方案，以及SOA服务治理方案。简单的说，dubbo就是个服务框架，如果没有分布式的需求，其实是不需要用的，只有在分布式的时候，才有dubbo这样的分布式服务框架的需求，并且本质上是个服务调用的东东，说白了就是个远程服务调用的分布式框架。
1、透明化的远程方法调用，就像调用本地方法一样调用远程方法，只需简单配置，没有任何API侵入。
2、软负载均衡及容错机制，可在内网替代F5等硬件负载均衡器，降低成本，减少单点。
3、服务自动注册与发现，不再需要写死服务提供方地址，注册中心基于接口名查询服务提供者的IP地址，并且能够平滑添加或删除服务提供者。
节点角色说明：
Provider: 暴露服务的服务提供方。
Consumer: 调用远程服务的服务消费方。
Registry: 服务注册与发现的注册中心。
Monitor: 统计服务的调用次调和调用时间的监控中心。
Container: 服务运行容器。
五、Maven
https://www.doczj.com/doc/db3391854.html,/u013142781/article/details/50316383
Maven这个个项目管理和构建自动化工具，越来越多的开发人员使用它来管理项目中的jar包。但是对于我们程序员来说，我们最关心的是它的项目构建功能。
六、RabbitMQ
https://www.doczj.com/doc/db3391854.html,/u013142781/article/category/6061896
消息队列一般是在项目中，将一些无需即时返回且耗时的操作提取出来，进行了异步处理，而这种异步处理的方式大大的节省了服务器的请求响应时间，从而提高了系统的吞吐量。
RabbitMQ是用Erlang实现的一个高并发高可靠AMQP消息队列服务器。
Erlang是一门动态类型的函数式编程语言。对应到Erlang里，每个Actor对应着一个Erlang进程，进程之间通过消息传递进行通信。相比共享内存，进程间通过
消息传递来通信带来的直接好处就是消除了直接的锁开销(不考虑Erlang虚拟机底层实现中的锁应用)。
AMQP(Advanced Message Queue Protocol)定义了一种消息系统规范。这个规范描述了在一个分布式的系统中各个子系统如何通过消息交互。
七、Log4j
https://www.doczj.com/doc/db3391854.html,/u013142781/article/category/6045728
日志记录的优先级，分为OFF、FATAL、ERROR、WARN、INFO、DEBUG、ALL或者您定义的级别。
八、Ehcache
https://www.doczj.com/doc/db3391854.html,/u013142781/article/category/6066337
EhCache 是一个纯Java的进程内缓存框架，具有快速、精干等特点，是Hibernate 中默认的CacheProvider。Ehcache是一种广泛使用的开源Java分布式缓存。主要面向通用缓存,Java EE和轻量级容器。它具有内存和磁盘存储，缓存加载器,缓存扩展，缓存异常处理程序，一个gzip缓存servlet过滤器，支持REST和SOAP api 等特点。
优点：
1、快速
2、简单
3、多种缓存策略
4、缓存数据有两级：内存和磁盘，因此无需担心容量问题
5、缓存数据会在虚拟机重启的过程中写入磁盘
6、可以通过RMI、可插入API等方式进行分布式缓存
7、具有缓存和缓存管理器的侦听接口
8、支持多缓存管理器实例，以及一个实例的多个缓存区域
9、提供Hibernate的缓存实现
缺点：
1、使用磁盘Cache的时候非常占用磁盘空间：这是因为DiskCache的算法简单，该算法简单也导致Cache的效率非常高。它只是对元素直接追加存储。因此搜索元素的时候非常的快。如果使用DiskCache的，在很频繁的应用中，很快磁盘会满。
2、不能保证数据的安全：当突然kill掉java的时候，可能会产生冲突，EhCache 的解决方法是如果文件冲突了，则重建cache。这对于Cache数据需要保存的时候可能不利。当然，Cache只是简单的加速，而不能保证数据的安全。如果想保证数据的存储安全，可以使用Bekeley DB Java Edition版本。这是个嵌入式数据库。可以确保存储安全和空间的利用率。
九、Redis
https://www.doczj.com/doc/db3391854.html,/u013142781/article/category/6067864
redis是一个key-value存储系统。和Memcached类似，它支持存储的value类型相对更多，包括string(字符串)、list(链表)、set(集合)、zset(sorted set –有序集合)和hash（哈希类型）。这些数据类型都支持push/pop、add/remove及取交集并集和差集及更丰富的操作，而且这些操作都是原子性的。在此基础上，redis支持各种不同方式的排序。与memcached一样，为了保证效率，数据都是缓存在内存中。区别的是redis会周期性的把更新的数据写入磁盘或者把修改操作写入追加的记录文件，并且在此基础上实现了master-slave(主从)同步。
Redis数据库完全在内存中，使用磁盘仅用于持久性。相比许多键值数据存储，Redis拥有一套较为丰富的数据类型。Redis可以将数据复制到任意数量的从服务器。
1.2、Redis优点：
（1）异常快速：Redis的速度非常快，每秒能执行约11万集合，每秒约81000+条记录。
（2）支持丰富的数据类型：Redis支持最大多数开发人员已经知道像列表，集合，有序集合，散列数据类型。这使得它非常容易解决各种各样的问题，因为我们知道哪些问题是可以处理通过它的数据类型更好。
（3）操作都是原子性：所有Redis操作是原子的，这保证了如果两个客户端同时访问的Redis服务器将获得更新后的值。
（4）多功能实用工具：Redis是一个多实用的工具，可以在多个用例如缓存，消息，队列使用(Redis原生支持发布/订阅)，任何短暂的数据，应用程序，如Web 应用程序会话，网页命中计数等。
1.3、Redis缺点：
（1）单线程
（2）耗内存
十、Shiro
https://www.doczj.com/doc/db3391854.html,/u013142781/article/details/50629708
Apache Shiro是Java的一个安全框架，旨在简化身份验证和授权。Shiro在JavaSE 和JavaEE项目中都可以使用。它主要用来处理身份认证，授权，企业会话管理和加密等。Shiro的具体功能点如下：
（1）身份认证/登录，验证用户是不是拥有相应的身份；
（2）授权，即权限验证，验证某个已认证的用户是否拥有某个权限；即判断用户是否能做事情，常见的如：验证某个用户是否拥有某个角色。或者细粒度的验证某个用户对某个资源是否具有某个权限；
（3）会话管理，即用户登录后就是一次会话，在没有退出之前，它的所有信息都在会话中；会话可以是普通JavaSE环境的，也可以是如Web环境的；
（4）加密，保护数据的安全性，如密码加密存储到数据库，而不是明文存储；
（5）Web支持，可以非常容易的集成到Web环境；
Caching：缓存，比如用户登录后，其用户信息、拥有的角色/权限不必每次去查，这样可以提高效率；
（6）shiro支持多线程应用的并发验证，即如在一个线程中开启另一个线程，能把权限自动传播过去；
（7）提供测试支持；
（8）允许一个用户假装为另一个用户（如果他们允许）的身份进行访问；
（9）记住我，这个是非常常见的功能，即一次登录后，下次再来的话不用登录了。
文字描述可能并不能让猿友们完全理解具体功能的意思。下面我们以登录验证为例，向猿友们介绍Shiro的使用。至于其他功能点，猿友们用到的时候再去深究其用法也不迟。
十一、设计模式
这个算不上框架，可自行忽略，不过博主认为设计模式的思想很有必要了解一下。https://www.doczj.com/doc/db3391854.html,/u013142781/article/details/50816245
https://www.doczj.com/doc/db3391854.html,/u013142781/article/details/50821155
https://www.doczj.com/doc/db3391854.html,/u013142781/article/details/50825301
思想：
开闭原则：开闭原则就是说对扩展开放，对修改关闭。在程序需要进行拓展的时候，不能去修改原有的代码。
针对接口编程，真对接口编程，依赖于抽象而不依赖于具体。
尽量使用合成/聚合的方式，而不是使用继承。
一个实体应当尽量少的与其他实体之间发生相互作用，使得系统功能模块相对独立。
使用多个隔离的接口，比使用单个接口要好。
里氏代换原则：（1）子类的能力必须大于等于父类，即父类可以使用的方法，子类都可以使用。（2）返回值也是同样的道理。假设一个父类方法返回一个List，
子类返回一个ArrayList，这当然可以。如果父类方法返回一个ArrayList，子类返回一个List，就说不通了。这里子类返回值的能力是比父类小的。（3）还有抛出异常的情况。任何子类方法可以声明抛出父类方法声明异常的子类。
而不能声明抛出父类没有声明的异常。
网站设计如果单靠一个一个代码码出来效率就过于低下了，如果利用网上的一些资源，只需简单的几个步骤你就可创建出更具吸引力的设计，包括菜单、背景、动画、眉头、body等设计。响应式Web设计不仅能够适用于任何屏幕尺寸，还为用户带来更完美的体验，本文将分享十款最佳的响应式Web设计开发框架，助你大大提高工作效率。 Gumby Framework
Gumby 2是建立在Sass基础上的。Sass是一款非常强大的CSS 预处理器，允许用户自主快速的开发扩展Gumby，同时提供很多新的工具来自定义和扩展Gumby框架。Gumby 2是一个非常棒的响应式CSS框架。 Get UI Kit Get UI Kit是一款轻量级、模块化的前端框架，用于开发快四且强大的 Web界面。 Foundation
Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的Web应用。提供多种Web上的UI 组件，如表单、按钮、标签等。 Semantic
UI是Web的灵魂！Semantic是为攻城师而制作的可复用的开源前端框架。 提供各种UI组件，使得开发更加直观、易于理解。 52Framework
52 Framework主要用于优化HTML5和CSS3的跨浏览器兼容性的框架， 可在所有主流浏览器上运行。 PureCSS
Pure是一组小的、响应式CSS模块，可用于任意Web项目中。它可作为每个网站或Web应用的起步工具，帮助开发者处理应用程序所需的所有CSS工作，同时不会让每个应用千篇一律。 Responsablecss
浅谈web前端技术 作者：周凯工作单位：成都信息工程学院 摘要 最近几年 WEB 前端开发已经成为一个很专业的方向，从业大军也与日俱增，仅杭州的D2交流会上就有 500 多人参加，且不乏许多高中同学。这说明前端开发行业在我国的兴起，已经是大势所趋。因此学习和掌握WEB相关技术如HTML 、CSS、JavaScript在日后的学习生活和工作中将大有益处。 关键词：HTMLCSSJavaScript Abstract In recent years the WEB front-end development has become a very professional direction from industry main forces, also grow with each passing day, only the Hangzhou D2 exchange will have more than 500 people attended, and there are many high school students. The software development industry in our country is arisen, already represent the general trend. Therefore the study and mastery of WEB related technologies such as HTML 、CSS 、JavaScript study in future life and work will be helpful。 Keywords:HTML CSS JavaScript web前端开发技术： 前端开发工程师是Web前端开发工程师的简称，是近五年才真正开始受到重视的一个新兴职业。Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。Web开发技术：World Wide Web（简称Web）是随着Internet的普及使用而发展起来的一门技术，它的发明极大地方便了人们对Internet上资源的组织和访问。Web技术涉及的内容相当广泛，本书涵盖了其中诸多方面，如：HTML标识语言、Java、Applet、CGI、脚本语言、ASP和JSP
9款流行Web框架及其优缺点 对于 Web 开发人员来说，找到一些合适的工具，能让工作轻松许多。这其中，Web 框架更是提升工作效率的“利器”。但因为可选的 Web 框架非常多，如何选择也是一件令人头疼的事情。 作者：王练来源：开源中国社区|2016-12-06 09:45 收藏 分享 对于 Web 开发人员来说，找到一些合适的工具，能让工作轻松许多。这其中，Web 框架更是提升工作效率的“利器”。但因为可选的 Web 框架非常多，如何选择也是一件令人头疼的事情。 本文列出了9款目前比较流行的 Web 框架，并对优缺点进行分析，希望能对大家有所帮助。（内容主要编译自Ken Mazaika的The 9 Most In-Demand Web Frameworks And What You Need To Know About Them） 首先， 什么是 Web 框架 当 Web 浏览器使用 HTTP 和在其他地方运行的服务器（计算机）通讯时，这些服务器会收到一些通知： 所选的 URL 如何输入网址（通过表单提交或只是在浏览器栏中输入网址） 服务器要干很多事情，比如： 读取数据库里的数据和添加数据 找到正确的结果（用户是否被允许查看试图访问的页面是否要发送到不同的URL等等） 构建用户将看到的网页
如果要提供更复杂的功能，就需要执行更多的步骤。作为开发人员，则需要对想要的功能列出一系列解决方案。Web 框架就是其中可选的解决方案之一。 进入正题： 1、Ruby on Rails 编程语言：Ruby 简介： Ruby on Rails 是一个已经被许多公司采用的 Web 框架，是 Ruby 编程语言中Web 框架的鼻祖，获得了大量开发者的采用。DHH（Rails 的创始人）曾用它15分钟左右创建一个博客。
Web前端MVC框架的意义分析 摘要：近年来，MVC在软件开发中实现了广泛应用，但是基于前端开发逐渐趋于复杂性的背景下，MVC框架也由此成了人们关注的焦点。另外，由于MVC框架在Web前端应用中具有深远的意义，因而在此背景下深化对其的研究与分析是非常有必要的。本文从传统MVC模式基本概念分析入手，并详细阐述了Web前端MVC的意义，旨在其能推动Web前端开发工作的进一步创新与发展。 关键词：Web前端；MVC；意义 前言：Web前端开发是Web技术发展中的一个重要组成部分，在传统的前端开发中由于外界因素的影响导致其开发形式呈现出简单化的特点，即以页面为主体来展示界面中的信息。然而随着科学技术的不断进步，Web前端开发形式上变得更为复杂，但是其功能方面也逐渐实现了与用户间的相互交流。以下就是对Web前端MVC框架意义的详细阐述，望其能为现代背景下Web前端开发技术的可持续发展提供有利的文字参考。 一、传统MVC模式基本概念分析 在传统MVC模式中其应用被划分为模型层、视图层、控制层三个层次，而经过大量实践调查表明，不同层次在系统实际运行中承担着不同的职责。模型层在系统运行中的任
务即为数据处理。且数据模型层也可通过数据访问的方式来获取自身所需信息，并优化数据整合，将其应用于业务包装中，为用户提供更为高质的服务体系。视图层在系统运行中的主要任务即为显示数学模型中处理的信息等。但是，由于视图层数据显示存在着针对性特点，因而在利用其进行数据显示时应前面掌握其特性。另外，视图层中功能的发挥需要基于数据模型来完成，因此在一定程度上限制了其应用领域。控制层在系统中的主要职能即为对系统中应用程序的合理控制，并在视图数据显示中出现问题时，对其问题的发生进行合理控制，且在事件控制后作出相应响应提醒相关技术人员。另外，在控制层事件处理中模型层也承担着协助的作用，即在控制层作出相应后，模型层要及时整合数据、信息，并合理更新视图层中所显示的数据[1]。 二、前端MVC框架 就目前的现状来看，前端MVC应用最为广泛的即Backbone.js，Ember.js、Angular.js等几种。这几种前端框架都是基于MVC完成的，但是经过大量的实验表明，每种框架处理问题的方式都存在着一定差异。Backbone.js与其它框架相比其优势在于可更好的解决系统应用中层次问题，进而为用户提供更为可靠的操作平台。其次，Backbone.js 框架应用层中的视图层在模型数据修改后可及时对自身页面显示的数据进行修改，确保视图层与数据模型层数据的一
概述 开发框架的选择，始终是个仁者见仁、智者见智的事情。尤其是Web层的开发框架，数量非常多，而且各有特色，如：Struts、WebWork、Spring MVC、Tapestry、JSF、WebPage3.0......等等。他们各自的优、缺点： 框架使用背景 一：使用框架的必然性 框架，即framework。其实就是某种应用的半成品，把不同应用程序中有共性的一些东西抽取出来，做成一个半成品程序，这样的半成品就是所谓的程序框架。 软件系统发展到今天已经很复杂了，特别是服务器端软件，涉及到的知识，内容，问题太多。在某些方面使用别人成熟的框架，就相当于让别人帮你完成一些基础工作，你只需要集中精力完成系统的业务逻辑设计。这样每次开发就不用白手起家，而是可以在这个基础上开始搭建。 使用框架的最大好处：减少重复开发工作量、缩短开发时间、降低开发成本。同时还有其它的好处，如：使程序设计更合理、程序运行更稳定等。基于这些原因，基本上现在在开发中，都会选用某些合适的开发框架，来帮助快速高效的开发应用系统。 了解了使用框架的必然性，下面来看看如何选择，当然我们的话题集中在Web层的开发框架。在谈这个问题之前，先来看看我们在Web开发中究竟需要做些什么工作： 二：Web层开发的工作 在J2EE开发中，分层是基本的思想，3层架构或者多层架构早已深入人心，在这里我们就把目光集中到Web层，看看到底Web层开发做了那些工作： 1：数据展示 Web层需要从逻辑层获取需要展示的数据，然后以合理的方式在页面进行展示 2：人机交互 用户需要从界面上输入数据，在界面上进行按钮点击，进而触发事件，标准的事件驱动模型，然后跟后台进行数据交换，出现新的界面。 3：收集数据，调用逻辑层接口 Web层收到用户的事件请求，需要调用相应的逻辑层接口来进行处理，Web层是不会有任何逻辑处理的。调用逻辑层接口，需要传递参数，这时需要收集用户在界面上输入的数据，然后进行组织，组织成为逻辑层接口需要的数据封装形式（通常都是ValueObject）。 4：根据逻辑层的数据来重新展示页面 逻辑层处理完了，需要返回数据或信息到界面上。这个时候Web层需要根据返回的值选择合适的页面，然后展示这些数据或者信息。 从上面可以看出，Web层开发的主要工作集中在展示上，也就是图形用户界面。这一部分是用户直观感受应用程序的窗口，也是用户要求最多的地方，其表现形式也是最丰富的。 三：Web层开发的步骤 下面再来总结一下Web层开发的大致步骤（也就是需要开发人员做的工作）： 注意：这里讨论的Web层开发，是不使用任何开发框架时候的开发。 1：写页面Html，到底有哪些数据需要在界面上表现
十大前端开发框架 随着互联网的不断成熟以及我们越来越多的用各种移动端的设备访问互联网，Web设计师和Web开发者的工作也变得越来越复杂。 十年前，一切都还简单得多。那个时候，大部分用户都是坐在桌子前通过一个大大的显示器来浏览我们的网页。960像素是当时比较合理的网页宽度。那些年我们的开发工作主要就是跟十几个桌面浏览器打交道，并通过添加几个浏览器的hack，来兼容诡异的旧版本 IE 浏览器。时至今日，随着过去五六年间手持电子设备的突飞猛进，一切都变了样。我们看到各种尺寸的智能手机和平板层出不穷，电子阅读器，以及电视设备上的浏览器等也不断涌现。这种设备的多样性正在与日俱增。 可以预见，在不远的将来，相对于使用台式机，越来越多的人会使用移动设备来访问互联网。事实上，已经有相当数量的一部分人只通过智能手机上网。这意味着，我们这些Web设计师和开发者需要知道如何在庞大的移动端王国里呈现以及适配我们的产品，这至关重要。在撰写本文的时候，尽管我们还没彻底搞明白如何将桌面端呈现的全部内容在手持设备中呈现同样的效果，但是用于实现这一目标的技术以及工具正在变得越来越好。 在不知道浏览设备屏幕大小的时候，最主要的策略就是使用响应式网页设计。它是一种根据设备浏览窗口的尺寸大小来输出相应页面布局的方法。小型移动设备（如智能手机以及平板电脑）上的大多数浏览器会默认将一个网页缩小到适应自己的屏幕尺寸，然后用户可以通过缩放以及滚动等方法浏览整个网页。这种方法在技术上是可行的，但是从用户体验的角度上讲却比较糟糕。小屏幕上文字太小阅读不方便，太小难以点击，缩放以及滚动的操作多多少少会让人在阅读的时候分心。 响应式网页设计利用同样的HTML文档来适配所有的终端设备，响应式网页设计会根据设备屏幕的大小加载不同的样式，从而在不同的终端设备上呈现最优的网页布局。举个例子，当你在大屏幕桌面浏览器中查看一个网页的时候，网页的内容可能是分为很多列的，并且有常见的导航条。如果你在小屏幕的智能手机上查看同样的页面，你会发现页面的内容呈现在同一列中，并且导航按钮足够大，点击起来很方便。你可以在Media Queries这个上看到很多响应式网页设计的案例。在你的浏览器中随便点开一个设计案例，然后改变浏览器窗口的大小，你会看到网页的布局会根据窗口大小相应变化。 到目前为止，我们可以看出，响应式网页设计可以有效地帮助我们应对日益增长的终端设备多样性。那么在我们设计网页的时候有哪些实际可用的工具以及技术可以用来实现响应式网页设计呢？我们每个人都需要成为web大师才能驾驭这门技术么？或者是利用我们已经掌握的web基本知识就已经足够了？目前有什么工具可以帮到我们么？ 这时候前端开发框架华丽登场。响应式网页设计实现起来并不困难，但是要让它在所有的目标设备上都正常运作会有一点小棘手。框架可以让这一工作变得简单。利用框架，你可以花最少的力气创建响应式且符合标准的，一切都很简单并且具有一致性。使用框架有很多好处，比如说简单快速，以及在不同的设备之间的一致性等等。框架最大的优势就是简单易用，即
10个超级实用的Web开发框架推荐 投递人itwriter发布于2011-09-22 05:26 评论(1)有673人阅读 使用Web 开发框架，可以帮助开发者提高 Web 应用程序、Web 服务和网站等 Web 开发工作的质量和效率。如果没有这些框架，Web 开发工作可能变得复杂和困难，开发者需要去做全部的工作，比如编写业务逻辑、设计用户界面、构建数据库，并确保代码的稳定性和安全性。 目前，互联网中有大量的Web 开发框架，每个框架都可以为你的 Web 应用程序提供功能扩展。你可以让这些框架来分担你的工作，从错误和代码处理到逻辑验证等，你都可以使用一个优秀的框架来处理。 Web 开发框架是节省时间和减轻工作压力的比较好的解决方案，如果你计划开始 Web 开发，那么这些框架无疑是非常好的工具。 1. jQuery jQuery 是一个快速而且简洁的JavaScript 库，它使得以下几方面的工作更加简单：遍历操作HTML 文档、事件处理、动画、快速Web 开发中的Ajax 交互操作等。jQuery 的设计旨在改变你编写JavaScript 的方式。 2. jQuery Mobile
这是一个可跨所有流行移动设备平台的UI（用户界面）系统，基于非常可靠的jQuery 和jQuery UI。它的代码得到了增强，且更加轻量，可以进行灵活、易于主题化的设计。3. Yii Framework Yii 是一个高性能的、开发Web 2.0应用程序最好的PHP 框架。 4. 52framework
该框架支持HTML5 和CSS3，支持目前所有的浏览器。该框架充分利用了HTML5 所有的优势。在网页设计师的世界中，CSS3 是非常酷的东西，使用CSS3 可以节省网页设计和布局的时间。在开发中可以使用CSS3 所有的特性，如文本/框阴影、圆角和动画等。 5. YAML YAML （全称Yet Another Multicolumn Layout，另一个多列布局）是一个用于创建现代、灵活的浮动层的HTML(XHTML)/CSS 框架。 6. Zoop Framework
学习javaweb开发要学习的技术和框架总结： 前言：当初想学习javaweb开发的时候，希望能够全方面地学习（这样找工作时就胸有成足了）。但是对这个根本不理解，又不认识从事这方面的熟人，所以学习起来无从下手。经过了一年的‘死’学习，从网上，从书本，从视频里面深入了解了java。想从事java的朋友，只要把这些技术全学会了，哪就业肯定没有问题了。 前端技术： HTML, CSS, JA V ASCRIPT, JQUERY, AJAX HTML “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（外语：Head）、和“主体”部分（外语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 CSS 级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 JavaScript JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 jQuery jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。
原文在我的博客中，欢迎大家来访交流https://www.doczj.com/doc/db3391854.html,/blog/697596 强调一下，这篇日志主要还是针对想学前端开发的新朋友写的，不是说我有什么独特见解，而是比较客观的状态，就各种框架的异同和应用场合，需要注意的地方做简单描述，不做具体深入分析，有的地方比较抽象，对于抽象之处大家可以到网上或各大高手博客中深入学习，当然也可以与我继续探讨。 一直以来对Web前端开发兴趣颇深，用过一些框架产品。在JavaEye上看到一些刚接触前端开发朋友的疑问，犹豫这些产品的前景利弊，不知从何入手。想把自己的一点经验分享给大家，如有不到位之处请一起来纠正。 jQuery 1. 绝对的万金油，核心js只有50K，占用带宽小，门户网站、管理系统，用在哪都可以。 2. jQuery是对js底层dom操作封装最薄的一个框架，没有大量的专有对象，多为提供函数进行dom操作。准确的说，它不是偏重于富客户端的框架，而是侧重于对js dom编程。下面几种才是完整的富客户端的框架。 3. 我认为它最大的三个亮点，一是支持CSS3的大量选择符，想定位或选择一个html元素简直轻而易举。二是灵活便捷的Ajax请求和回调操作。三是事件绑定功能，内部封装了很多事件，想统一为一个页面上的一些元素添加事件很方便，这也提高了复用性和可维护性，避免了页面中出现大量的html属性。合理的编码可以使html与js, css分离开，便于维护。 4. 此外它也封装了很多常用的操作，例如节点的添加删除、常用的动画效果、逻辑判断比较等等。避免了直接使用dom api进行繁琐的操作。 5. 本身提供了可扩展的函数，可以自己编写插件与核心jQuery对象进行集成使用。这也是常用的手段，只要你理解js面向对象编程，熟悉jQuery API，就能写出很多定制的插件，复用在各种地方。 6. 至于jQueryUI，与其他框架不一样的地方在于，它很少用js去生成html，而是把现有的html通过jQueryUI的API加工成想要的效果，关于这点是好是坏，我觉得就是见仁见智的问题了，没有必要争论什么。 7. 新生的jQuery EasyUI不错。 8. 如果今后的更新都保持现在这种模式，我认为它的前景很乐观，什么时候javascript完蛋了才轮到它玩完。 ExtJS 1. 一整套带有UI的js库，封装得很多，很厚，核心js就600多K，这么大的东西门户网站当然就别想了，里面的效果当然也不会运用到门户网站，所以它是专门为管理系统而生的。因为局域网不会有带宽问题。 2. 它与jQuery不同，基本上是纯用js来生成html的，页面里只需引入各个ExtJS库和你自己写的js，不会出现很多html内容，body里基本没什么。所以优化就显得重要了，不然会
web前端框架有哪些 为希望干杯，为梦想聚首，一群来自五湖四海的人为了梦想相聚在千锋HTML5培训班。千锋HTML5学习的日子艰苦却幸福着，在暗夜中遥望着曙光的黎明。 4个月的学习已经过去，时间过得既快又慢，学习的时候感觉很慢，毕业之后又感觉时间过的好快，虽然之前大家不认识，后来也只是认识了四个月，但我们可以说是同学，这种感情确实是最美好的。这期间的各种体验都是和大家分不开的，学习知识固然重要，但在这其中的同窗之情更是值得铭记与收藏的，那种学习氛围和互帮互助的精神让我觉得来这学习是值得的，尤其是后来各种面试时，互相之间的感情更是得到升华。
还有面试时，最起码老师教过的东西，一定要说的出来，说的越细越好，一定要表现出自己的自信。对于自己做过的练习心里要有数，要知道具体怎么实现的，在面试前，一定要把之前的知识点全部过一遍，每个知识点，每个小的方法，确切的知道他们的用处、原理等，不能放过细节的地方，因为一些细节的东西很可能是面试官判断你是否真的会做的关键，比如面试官随便让你举例js中Math 的方法，你要说出来并具体解释用法，如果像这种基础的东西答的都有瑕疵的话，对你影响可能会很大，不要因为之前学过的东西没答上来而影响你的面试结果。即使面试的时候碰见一时听上去不会或是没听过的问题，那就和他说相关的你会的或你知道的东西，不要突兀的就是“我不知道”这种答案。自信很重要的，还有带着自己的作品以备不时之需，尤其是有自己的独立作品会更好，毕竟在学校做的项目大家都有，手机端能直接展示的可能效果会更好。
总之，四个月感触很多，不只是学习方面，还有在千锋HTML5培训班收获到的满满的情谊。
WEB前端（HTML5、CSS3、JS技术、jQuery、VUE等主流框架） 开发最佳实践培训班 一、培训简介 HTML5/CSS3是现阶段非常流行，也是很多企业所要求的技术。优点主要在于应用范围广泛广，可以进行跨平台使用。增加了
四、授课专家 张老师北京航空航天大学软件工程硕士, 10多年IT 工作经验，熟悉Html5、Html5游戏开发，Cocos2d-html5，QuarkJS，JQuery，JQueryMobile，CSS，BootStrap，Mui框架，HBuilder，CSS3，Axure，JSON，C#，JavaScript，PHP，PhpCMS等开发技术；熟悉ICONIX，Scrum等项目管理过程并熟练应用，熟悉UML建模，MVC，设计模式，架构思想，熟悉软件测试相关技能，熟悉软件测试管理过程。多年项目管理经验，千人教育培训经验。 郭老师计算机硕士研究生、中培教育高级培训讲师，参与组织并完成了上百个个大中型项目。主要专业特长包括HTML5、移动前端、CSS3、AngularJS、React native、VueJS、BootStrap、Jquery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相关技术，对Html5应用开发及开发模式有深入研究，熟悉模块化开发，熟悉IT项目管理，熟悉ICONIX、Scrum等软件研发过程改进、详细设计、IT规划。擅长UML建模、MVC、设计模式、架构思想。多年项目管理经验，千人教育培训经验姚老师在电信、电力、金融行业从事 HTML5、Java、Android、PHP开发工作，擅长Web前端、HTML5、Java、Android、PHP。多年软件开发经验，八年IT职业教育经验。2002年开始从事开发工作，具备十余年的开发、管理和培训经验。曾经主持开发《教学管理系统》《酒店管理系统》《车辆跟踪定位系统》《农信社信贷管理系统》等多个大型项目。在Android、iOS、HTML5、游戏开发、JavaME、JavaEE、Linux等领域都有深入研究，现为IT技术自由作家兼HTML5、Android、iOS、JavaME、JavaEE 培训讲师。曾出版过《Android应用开发详解》、《iOS 应用开发详解》《JavaEE Web工程师
项目正在进入开发阶段之前，技术选型一定要做好，不能因为工期紧、压力大就草率为之。采用某个第三方组件之前必须关注下它的使用者都有哪些、文档丰富不丰富、授权协议、网上的评价如何。最后还要自己实现一些demo测试一下。否则可能会在开发过程中导致严重后果。 类似产品：jquery miniUI, jquery easyui, extjs, dhtml, ligerUI, DWZ，dojo 经验组合：jquery ui + jqgrid + zTree, operamasks-ui , QUI 相同： jquery easyUI与Jquery miniUI在功能和编码上大同小异。 对流量要求比较严格的话，最好不要使用extjs、easyui、miniui等，安全都是问题。 在浏览器兼容性上都有瑕疵。 区别： 1.easyUI是jquery库的一套UI组件库，是轻量级的，是page级的。 easyUI是基于jquery的，jquery2.X以上的版本不再支持IE6/7/8，easyUI 1.3.3使用jquery2.0，由于有很多HTML5特性，不再支持IE6/7/8。 Layout嵌套有问题。 可以下载源码（没有完全开放），发布的是压缩版，为每个组件提供了单独的js文件。针对个人（小公司）不收费，公司收费$499 2. miniUI不提供源码，收费比较贵。 3. ligerUI源码完全开放。技术含量高，但是bug较多，版本较少更新。 Layout嵌套有问题。 Grid得到选择的数据行、添加数据等操作都不好使。 各组件提供的api与文档描述出入较大，开放的api不够丰富，事件和方法太少。 4. Ext框架是一个完整的framework，是重量级别的，是应用application级的。 它控件库丰富，扩展和维护都比较方便。面向对象的编程思想，每个控件之间可以相互通讯。功能强大，加载运行的速度会慢一些。 后台管理可以使用Ext，前端的话用户体验不好。 适合用在内部网络，例如mes系统，内部办公系统之类的。 ExtJs 2.1以上版本商用需要购买商业授权。 5.Jquery UI适合对界面要求不是太高的，运行速度较快。 缺乏组件tree、grid、layout、form、menu，前三个都有专门的插件可以下载到。 【注：tree推荐使用ztree，中国人自己开发的，网上评价很好，更新也很快。缺点是每次更新，api变化都挺大，一般不敢在项目中升级，否则恐怕要在用到ztree的地方改好多东西。 grid推荐使用jqGrid，大版本号已经升到4，搜索jquery grid、jquery datagrid排名第一，功能丰富，提供普通的datagrid treegrid和分组grid，还有分页条功能。 layout推荐使用https://www.doczj.com/doc/db3391854.html,yout。模仿ext的borderlayout实现，但是有很多差异。支持嵌套。样式比较难看，不过修改比较容易。 jquery ui theme可以保证风格一致。】 使用MIT协议，开源。
Java EE开发的框架 我们对Java EE的框架有过很多介绍，本文将对Java EE中常用的四个框架做一下系统的归纳，希望大家喜欢。 Struts Struts是一个基于Sun Java EE平台的MVC框架，主要是采用Servlet和JSP技术来实现的。 Struts框架可分为以下四个主要部分，其中三个就和MVC模式紧密相关： 1、模型（Model），本质上来说在Struts中Model是一个Action类（这个会在后面详细讨论），开发者通过其实现商业逻辑，同时用户请求通过控制器（Controller）向Action的转发过程是基于由struts-config.xml文件描述的配置信息的。 2、视图（View），View是由与控制器Servlet配合工作的一整套JSP定制标签库构成，利用她们我们可以快速建立应用系统的界面。 3、控制器（Controller），本质上是一个Servlet，将客户端请求转发到相应的Action类。 4、一堆用来做XML文件解析的工具包，Struts是用XML来描述如何自动产生一些JavaBean的属性的，此外Struts还利用XML来描述在国际化应用中的用户提示信息的（这样一来就实现了应用系统的多语言支持）。 Spring Spring是轻量级的Java EE应用程序框架。 Spring的核心是个轻量级容器（container），实现了IoC（Inversion of Control）模式的容器，Spring的目标是实现一个全方位的整合框架，在Spring 框架下实现多个子框架的组合，这些子框架之间彼此可以独立，也可以使用其它
的框架方案加以替代，Spring希望提供one-stop shop的框架整合方案。 Spring不会特別去提出一些子框架来与现有的OpenSource框架竞争，除非它觉得所提出的框架夠新夠好，例如Spring有自己的MVC框架方案，因为它觉得现有的MVC方案有很多可以改进的地方，但它不强迫您使用它提供的方案，您可以选用您所希望的框架来取代其子框架，例如您仍可以在Spring中整合您的Struts框架。 Spring的核心概念是IoC，IoC的抽象概念是「依赖关系的转移」，像是「高层模组不应该依赖低层模组，而是模组都必须依赖于抽象」是IoC的一种表现，「实现必须依赖抽象，而不是抽象依赖实现」也是IoC的一种表现，「应用程序不应依赖于容器，而是容器服务于应用程序」也是IoC的一种表现。 Spring的架构性的好处 Spring能有效地组织你的中间层对象，无论你是否选择使用了EJB。如果你仅仅使用了Struts或其他的包含了Java EE特有APIs的framework，你会发现Spring关注了遗留下的问题。 Spring能消除在许多工程上对Singleton的过多使用。根据我的经验，这是一个主要的问题，它减少了系统的可测试性和面向对象特性。 Spring 能消除使用各种各样格式的属性定制文件的需要，在整个应用和工程中，可通过一种一致的方法来进行配置。曾经感到迷惑，一个特定类要查找迷幻般的属性关键字或系统属性，为此不得不读Javadoc乃至源编码吗？有了Spring，你可很简单地看到类的JavaBean属性。倒置控制的使用（在下面讨论）帮助完成这种简化。Spring能通过接口而不是类促进好的编程习惯，减少编程代价到几乎为零。
2018年最新全套Web前端开发学习教程 前端很火，学习前端的人也多【前端开发月薪多少？>>】。泛艺学苑在这里为大家制作这份2018年最新全套Web前端开发学习教程，让正在学习前端的小伙伴们有一份系统专业的学习资源和学习指导。【前端开发教程下载>>】 一、学习Web前端开发线路图 二、学习Web前端教程篇 第一阶段：基础教程 第一章HTML基础
第一节了解HTML及W3C标准第二节HTML标签 第三节HTML框架 第二章CSS基础 第一节CSS基础语法和选择器第二节CSS盒模型 第三节CSS常用属性 第四节CSS定位 第三章JS基础 第一节JS简介 第二节JS变量和数据类型 第三节JS函数及流程控制 第四节JS常用对象 第四章jQuery的使用 第一节jQuery的基本使用 第二节jQuery选择器 第三节jQuery效果 第四节jQuery操作DOM 第五节jQuery页面效果插件
第六节jQuery动画插件 第二阶段：进阶教程 第五章HTML5 第一节HTML5概述 第二节新增元素及属性1 第三节新增元素及属性2 第四节Canvas、SVG 第五节Web存储 第六节应用缓存及web works 第七节服务器推送事件 第六章CSS3 第一节CSS3基础 第二节CSS3盒模型 第三节CSS3布局 第四节CSS3动画 第五节Web文字及兼容性 第七章bootstrap 第一节响应式概念 第二节C栅格系统
第三节Bootstrap常用模板 第四节Less和SASS 第八章移动Web开发 第一节视口和CSS单位 第二节流式布局 第三节弹性盒模型 第四节移动终端事件处理 第五节常见的移动端布局 第六节跨终端Web适配方案 第七节移动Web开发综合案例 第九章JS进阶 第一节DOM模型 第二节JS浏览器对象 第三节JS面向对象 第四节常用设计模式 第三阶段拔高教程 第十章前端自动化 第一节NPM包管工具 第二节版本管理工具
2018web前端开发值得关注的几个趋势 2017悄然过去，2018已经来到。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。 1.PWA PWA(Progressive Web Apps)由谷歌提出，用前沿的技术开发，让网页使用如同App般的体验的一系列方案。明确的一点就是：PWA就是一个网页, 可以通过前沿的技术开发出一个网页应用。 自从谷歌提出PWA后，就持续获得了业界的关注，热度可见一斑。就在今年，谷歌也宣布：PWA将获得与安卓原生应用同等的待遇与权限。这就意味着以后的网页和APP将越发将近，那么关注度将会进一步上升。 2.TypeScript TypeScript由微软开发。它是JavaScript的一个超集，自由和开源的编程语言。在这个语言中，添加了可选的静态类型和基于类的面向对象编程。 angular已经开始使用TypeScript进行开发，react和vue也进一步加深对TypeScript 的支持。不难发现TypeScript的火热程度！ 3.parcel能给webpack带来多大的威胁
webpack大家都知道是JavaScript模块打包工具，简单来说就是把各个模块就行分析，编译，打包等，使产出的文件可以在浏览器中运行。 在2017末就出现了一个黑马：parcel，出乎了大多数人的意料也算是2017的最大惊喜之一。说到parcel的最大优势，貌似就是webpack的最大劣势：配置和性能！parcel号称零配置，多核打包，并且使用文件缓存，在速度上比webpack快了将近10倍！ 4.WebAssembly 由谷歌、微软、Mozilla、苹果等公司合作的一个面向Web的通用二进制和文本格式的项目。2017年，chrome，火狐，IE，Safari四个浏览器统一通过了WebAssembly的方案，这是很少见的情况，我所了解的是第一次出现这样的统一情况，可见四个浏览器厂商对WebAssembly的重视。 5.react,angular,vue三驾马车 2017年，react发展迅猛，vue更是扮演框架黑马的角色，而angular虽然关注度不如以前，但是不容忽视。在2017的调查报告中，趋势基本上是react已经占据主流，不使用框架位居第二，angular1，angular2分列三四。 vue在2017年很火，但在2018年vue的潜力不容小觑。虽然超过react的可能性不是很大，但是位置依然会提升 无论如何，框架这个没有最好，只有最适合。三驾马车也没有说一定要全部都要会！如果js基础好，学习框架会比较容易上手。如果前端的不学js，直接上手框架，会很吃力，很容易懵。 6.人工智能和大数据 人工智能和大数据，不是一门技术，而是一个领域，也是一个流行的趋势，因此一些数据可视化的工具（echart，D3等）和人工智能的库都得以受到关注！ 7.yarn VS npm 相信接触到前端工程化，模块化的开发者都不可避免地使用npm进行功能包的安装依赖。尤其是在node.js的初期，npm就是工程化的一个标配。但是2017年，npm的地位显然是受到了yarn的威胁！今年的调查结果，yarn还超越了npm。yarn的优势在于：快，安全，和一些感人细节！如果照着情况下去，差距会逐渐变大！
Web架构开发常用编程语言 如果你是做Web开发的，Web框架一定会很熟悉，框架是Web架构开发中必不可少的工具，不仅可以提高开发效率，还能让开发项目更成熟，并且可以提升代码的可再用性，Web框架开发离不开相应的开发语言，以下是常用的Web架构开发语言： 1. Node.js Node.js是运行在服务器端的非阻断、异步I/O、事件驱动的JavaScript，是基于Chrome JavaScript 运行时建立的一个平台，可以实现js在服务器端的编译，而且拥有更好的组织代码，提升复用性，非常适合在分布式设备上运行数据密集型的实时应用。 2. PHP PHP是Web架构开发常用语言，PHP开发了很多Web框架，如Zend framework、CakePHP、ThinkPHP等，PHP 独特的语法混合了C、Java、Perl 以及 PHP 自创新的语法，可以比CGI或者Perl更快速的执行动态网页，而且功能强大，所有的CGI的功能PHP都能实现，支持几乎所有流行的数据库以及操作系统，还可以用C、C++进行程序的扩展！ 3. JavaScript JavaScript是一种属于网络的脚本语言，被广泛用于Web应用开发，JavaScript是一种运行在浏览器中的解释型的编程语言，可以轻松实现跨平台、跨浏览器驱动网页以及与用户交互的功能，JavaScript开发很多Web框架，如Angular.js、Ember.js以及Javascript MVC等。
4. Swift Swift是一款易学易用的编程语言，主要用于编写IOS和macOS应用，结合了C和Objective-C 的优点并且不受C兼容性的限制，采用安全的编程模式并添加了很多新特性，这使得编程更简单、灵活，也更加有趣，Swift的设计以安全为出发点，以避免各种常见的编程错误类别。 5. Java Java是一门面向对象的编程语言，在电子商务领域以及网站开发领域占据了重要的地位，开发人员可以运用很多不同的框架来创建Web项目，如SpringMVC，Struts2.0以及frameworks等，即使是简单的servlet、jsp和以struts为基础的网站在政府项目中也经常被用到，疗救护、保险、教育、国防以及其他的不同部门网站也都是以Java为基础来开发的。 6. Python Python是一种解释型的脚本语言，开发效率高，所以非常适合用来做Web 开发，Python有上百种Web开发框架，有很多成熟的模板技术，如Django、flask 等，选择Python开发Web应用，不但开发效率高，而且运行速度快。 以上是常用的Web架构开发语言，想要更好的进行Web开发，最好是能够熟悉相应框架的开发语言，这样就可以根据实际需求进行框架的二次开发，从而达到自己想要的效果！
前端开发框架 2015-4-28 孔祥虎
目录 第一章背景 (1) 1.1优势 (1) 1.2js框架 (1) 1.2.1angularjs.js (1) 1.2.2me.js (1) 1.3本地程序框架 (1) 1.3.1node-webkit (1) 第二章angular.js (2) 2.1什么是angularjs (2) 2.2端对端的解决方案 (3) 2.3理念 (3) 2.4擅长的领域 (4) 2.5一个简单的例子 (4) 2.5.1需求 (4) 2.5.2代码 (4) 2.5.3工作原理 (6) 2.5.4常用的指令 (7) 第三章me.js (8) 3.1为什么要me (8) 3.2简单的例子 (9) 3.2.1目录结构 (9)
3.2.2引用jQuery、AngularJS、me.js (9) 3.2.3创建主页面index.html (9) 3.2.4创建子页面tpl/a.html (10) 3.2.5创建子页面a的控制器js-ctrl/a.js (11) 3.2.6创建子页面tpl/b.html (11) 3.2.7创建子页面b的控制器js-ctrl/b.js (12) 3.3me对外的接口 (12) 3.3.1ajax (12) 3.3.2config (13) 3.3.3plugin (14) 3.3.4global (14) 3.3.5directive (15) 3.3.6run (15) 3.3.7ready (16) 3.3.8show (16) 3.3.9hide (17) 3.3.10param (17) 3.3.11trigger (17) 3.3.12page (18) 3.3.13define (18) 3.3.14require (18) 3.3.15control (18)
Struts Struts是一个基于Sun Java EE平台的MVC框架，主要是采用Servlet和JSP技术来实现的。 Struts框架可分为以下四个主要部分，其中三个就和MVC模式紧密相关： 1、模型（Model），本质上来说在Struts中Model是一个Action类（这个会在后面详细讨论），开发者通过其实现商业逻辑，同时用户请求通过控制器（Controller）向Action的转发过程是基于由struts-config.xml文件描述的配置信息的。 2、视图（View），View是由与控制器Servlet配合工作的一整套JSP定制标签库构成，利用她们我们可以快速建立应用系统的界面。 3、控制器（Controller），本质上是一个Servlet，将客户端请求转发到相应的Action类。 4、一堆用来做XML文件解析的工具包，Struts是用XML来描述如何自动产生一些JavaBean的属性的，此外Struts还利用XML来描述在国际化应用中的用户提示信息的（这样一来就实现了应用系统的多语言支持）。 Spring Spring是轻量级的Java EE应用程序框架。 Spring的核心是个轻量级容器（container），实现了IoC（Inversion of Control）模式的容器，Spring的目标是实现一个全方位的整合框架，在Spring框架下实现多个子框架的组合，这些子框架之间彼此可以独立，也可以使用其它的框架方案加以替代，Spring希望提供one-stop shop的框架整合方案。 Spring不会特別去提出一些子框架来与现有的OpenSource框架竞争，除非它觉得所提出的框架夠新夠好，例如Spring有自己的MVC框架方案，因为它觉得现有的MVC方案有很多可以改进的地方，但它不强迫您使用它提供的方案，您可以选用您所希望的框架来取代其子框架，例如您仍可以在Spring中整合您的Struts框架。 Spring的核心概念是IoC，IoC的抽象概念是「依赖关系的转移」，像是「高层模组不应该依赖低层模组，而是模组都必须依赖于抽象」是IoC的一种表现，「实现必须依赖抽象，而不是抽象依赖实现」也是IoC的一种表现，「应用程序不应依赖于容器，而是容器服务于应用程序」也是IoC的一种表现。 Spring的架构性的好处 Spring能有效地组织你的中间层对象，无论你是否选择使用了EJB。如果你仅仅使用了Struts或其他的包含了Java EE特有APIs的framework，你会发现Spring关注了遗留下的问题。 Spring能消除在许多工程上对Singleton的过多使用。根据我的经验，这是一个主要的问题，它减少了系统的可测试性和面向对象特性。 Spring 能消除使用各种各样格式的属性定制文件的需要，在整个应用和工程中，可通过一种一致的方法来进行配置。曾经感到迷惑，一个特定类要查找迷幻般的属性关键字或系统属性，为此不得不读Javadoc乃至源编码吗？有了Spring，你可很简单地看到类的JavaBean 属性。倒置控制的使用（在下面讨论）帮助完成这种简化。Spring能通过接口而不是类促进好的编程习惯，减少编程代价到几乎为零。 Spring被设计为让使用它创建的应用尽可能少的依赖于他的APIs。在Spring应用中的大多数业务对象没有依赖于Spring。 使用Spring构建的应用程序易于单元测试。 Spring能使EJB的使用成为一个实现选择，而不是应用架构的必然选择。你能选择用POJOs或local EJBs来实现业务接口，却不会影响调用代码。 Spring帮助你解决许多问题而无需使用EJB。Spring能提供一种EJB的替换物，它们适