前端架构设计

Ⅰ 前端架构是什么，前端有架构可谈吗

首先后端可以有架构。

然后前端可以比后端复杂。我厂三年来前端单页面应用各种提需求改需求增加统计招新人重构组件等等，代码量达到压缩后 2M，纯粹我们写的单个页面代码压缩后 2M。除了频繁的改动还需要努力优化性能。

考虑到 JavaScript 大多数都是脚本语言，代数类型系统，不可变数据，IDE 这之类的黑科技很多用不上，拿什么保证程序的可靠性呢?

前端都已经比后端复杂了，MVC 抽象也走得比后端 MVC 更远。这种场景下抽象的模式，组件之间划分和通讯的设计变得重要而且迫切，出现架构不奇怪。

Ⅱ 前端架构师是一种怎样的存在

1，我比较认同的有winter和贺师俊还有张云龙这三位。其他没提到的可能我不太关注，高手很多，但是能达到架构师的其实不多，最多算是高工，或者某一领域专业的牛人，我觉得就像前3位提到的大神，他们的编码能力过硬，算法能力，计算机基础知识都没的说，许多回答都是干货，有理有据，show me code风格的，而且解答不会模糊，直接简要，能做到这些必须是肚子里有货，我觉得这算是硬件基础。
2，编码能力好，熟悉各项标准，算法好，API熟练，就能成为前端架构师了么?不不，这些只能说你是个高工，你说你自己写了许多框架和开源包，各种功能，前后端都有？no no no，也是最多算是高工而已。至少我是这样认为，为什么呢？因为你踩的坑决定了你架构的能力，你的硬件基础只决定了你遇坑之后的解决能力。
打个比方，前端工作3年，一直在电商领域，或者一直在做sns，或者一直在做webview里的开发，这种经验是不具备前端架构能力的，什么？都是写js？没区别？错了，你让一个写了3年电商框架的人去写一个斗鱼tv或者搜狐视频试试，写是能写出来，但是选型问题真不会是最佳，因为他踩的坑一定没有专注这个领域的人多。什么是架构能力？其实说白了就是帮助最后项目顺利开发完成，易扩展，好维护，有规范，能解决一些刚开始人看不到的麻烦。这些能力都是从一个一个真实得项目中锻炼出来的，而不是说只做了一家公司的一个项目之后就可以说自己是前端架构师了。。
说的比较乱，其实简单比方就是个经验包的问题，你的经验比你的技能更大的决定了你的架构能力。
3，沟通表达能力，这个其实不是特别重要，但是单独拿出来说，就是因为如果你的想法不能在团队有效的执行下去是不行的，你必须也一定是最后说服团队使用你的方案的人。
所以最后，回到up主问的问题上来。
从一个前端工程师，如何根据目标，制定计划，前端架构师需要涉及哪些知识点，还有哪些知识点是前端工程师所不具备的。希望知友提点。没什么知识点，你必须对你要做的东西有经验，至少是做过1-2次（公司级项目），这才是架构师的价值，如果你根本没做过同类的工程，你有什么资格去架构他呢？现学现研究那只是高工而已。
至于题目问的如何成为一个前端架构师，我觉得那些已经被很多人叫成前端架构师的人，自己都不觉得自己算是吧，只是入行久一点，活的长一点，经验多一点，做的项目杂一点，跳槽次数猛一点，比你努力一点而已。

Ⅲ 如何通过 Vue+Webpack 来做通用的前端组件化架构设计

angular:
我觉得angularjs的学习上手周期比较长，可能遇到问题，都无法立刻解决，而且编码的质量明显的很差，如果团队没有制定规范，那写出来的代码就没法看。对于一个选用angularjs的团队来说，我认为编码规范是很重要的，否则对编码能力是没有提升的。
avalon:
avalonjs文档资料没有那么全，我感觉一些开源支持的力量不够多。不过，如果有项目需求，需要去做IE浏览器的支持话，我建议选择avalonjs
vue：
vuejs 文档比较齐全，vue吸取了angularjs
的一些优点，规避了一些缺点，至少编码规范上有了一个质的飞跃，学习上手的周期比较短。vue起初只是一个轻量级的类库，用来做类似于react的事情，
同时vue也是可以拿来做前端架构设计的，比如：vueify + vue-router （spa框架）。
vue学习地址：http://cn.vuejs.org/
以上说了那么多没用的，下面就来点干活了！
我的前端组件化架构设计，目录如下：
项目架构用到的知识点，还是挺多的，知识清单如下：
［1］： gulp + webpack 构建打包工具， 使用了一系列的loader，比如：vue-loader, sass-loader, babel-loader , 以及 postcss，postcss-custom-properties，等等
[2] : postcss-custom-properties : 用来做样式全局化， 只需要通过变量去维护，通过编译变量既可以换肤。
[3] : vue-loader （vue文件组件化）：用来去编译处理 *.vue 的文件，一个vue 文件就是一个单独的组件，vue组件开发具有高独立且易维护。组件的划分可大可小，一个页面也可以看作成由多个vue 组件构成的，一个页面也可以是一个vue组件， vue 文件结构如下：
[4] ： babel-loader ：实现对vue文件中 es6 语法的编译解析
[5] ： vue-router ：用来做路由分发，而且文档非常的齐全（学习地址：http://vuejs.github.io/vue-router/zh-cn/index.html）。
[6] ： vue （插件式方式）：vue本身提供了一个install 方式用来注入，我们可以注入一些全局的（属性、方法、以及通用的ui组件）。
下面说说文件夹的含义：
common 文件夹： 是用来存一些通用的东西，比如样式，以及全局的js等等
components 文件夹：用来放独立的组件，我打算后期做细分，ui 组件，以及page 组件等等，这里面就是团队的心血，以后就能做成独立的组件库了。
filters 文件夹：用来放通用的过滤器操作。
plugins 文件夹：用来放 Vue.use 注入到Vue全局的插件库，比如：请求加载、弹框、分页、ui组件 等等。plugins 只是把 componets 组件暴露给 Vue全局。
views 文件夹： 用来存放页面模块
app.vue 文件：第一次启动的主程序模块
app.js 文件：启动前的加载，注入，实例化
router.config.js 文件：路由模块
目前该架构在前后台的SPA架构都适用，可能还是有很多不完善，不过我还很年轻，vue也还狠年轻，望各位道友多给我们年轻人一些机会。

Ⅳ web前端开发开发技术架构有哪些

前端的应用非常广泛，基本网站、APP、HTML5小程序等都需要前端开发，所以只要是互联网产品基本都需要前端。
前端程序猿切页面写页面，Web上、H5上的炫酷效果，是前端开发大展身手的地方。最常见的用于前端开发的技术组合是：
HTML+CSS+JavaScript。
web前端是在开发人员中最直接面向产品、面向用户的设计人员，一个开发团队的成果是要靠web前端去展现，因为用户不会去关心后台的处理有多么强大。
后端开发是写后台，各种业务逻辑、数据处理、模块接口、客户端接口等等。后端开发者通常精通于一种Web编程语言和一个数据库管理系统。电商平台点击筛选条件下面为你筛选出来的宝贝的功能以及付款人数数据的变化等都是由后台来实现提供的。
目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端去做。
前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。
前端开发需要学习的技术
1 掌握基本web前端开发技术：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug
2 必须掌握网站性能优化、SEO和服务器端开发技术的基础知识
3 必须学会运用各种web前端开发与测试工具进行辅助开发
4 除了掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
5 未来web前端开发工程师还要研究HTML5、web视觉设计、网站配色、网站交互设计模式等相关技术
web前端有广阔的发展空间，app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...

Ⅳ 《前端架构设计让前端开发可持续优化、可扩展》pdf下载在线阅读，求百度网盘云资源

《前端架构设计》（[美] Micah Godbolt）电子书网盘下载免费在线阅读

资源链接：

链接：

书名：前端架构设计

作者：[美] Micah Godbolt

译者：潘泰燊

豆瓣评分：5.8

出版社：人民邮电出版社

出版年份：2017-4

页数：164

内容简介：

本书展示了一名成熟的前端架构师对前端开发全面而深刻的理解。作者结合自己在Red Hat公司的项目实战经历，探讨了前端架构原则和前端架构的核心内容，包括工作流程、测试流程和文档记录，以及作为前端架构师所要承担的具体开发工作，包括HTML、JavaScript和CSS等。

作者简介：

Micah Godbolt

前端架构师，作家，播客播主，世界级开源大会的培训师和演讲师。他在个人博客（https://micahgodbolt.com）中经常大力推广前端架构、Sass、视觉还原测试和基于模式的设计方法。他出生于太平洋西北地区，目前和妻子以及 两个孩子定居于波特兰的郊区。

译者简介：

潘泰燊

毕业于广东外语外贸大学，曾就职于腾讯、网络等互联网公司，参与过腾讯QQ空间、网络地图等海量数据业务的Web开发工作，现就职于富途网络。

张鹏

硕士毕业于中山大学，曾就职于网络、腾讯等知名互联网公司，参与过基于LNMP架构的亿级别互联网应用的设计与实现，目前从事NodeJS与前端开发。

许金泉

毕业于深圳大学，毕业后加入网络FEX，曾主导UEditor、网络国际化浏览器等前端开发工作，现就职于腾讯云。

审校简介：

李弦

华为2012实验室UCD交互设计师，Monash University交互设计硕士，前新东方英语教师，广东外语外贸大学英语专业八级。

Ⅵ web架构和web前端开发有什么区别

1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
2）后端开发人员：会写Java代码，会写sql语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
Web前端：
1）精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。
2）精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。
3）熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery
4）对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。
5）对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
Web后端：
1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解
2）练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力
3）熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑
4）精通面向对象分析和设计技术，包括设计模式、UML建模等
5）熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力
侧重点不一样，看个人喜好选择职业啦。

Ⅶ 电商前端架构设计

什么是前端架构

• 说到架构，很容易拉出一系列的概念知识点，像系统架构、软件架构、框架等等，这些不是今天探讨的重点，大家可以下去网络来理解。架构的本质是什么？其实也是一种管理。通常我们所说的管理，都是指对于任务和人员的管理，而架构管的是机器和代码。比如说，机器的部署属于运维的物理架构，SOA属于服务架构，那么，前端的架构指什么呢？

• 长期以来，前端所处的位置是比较偏应用层，很薄的一层，而架构又要求深度和广度，所以之前在前端里面做架构，好比在小水塘里游泳，稍微扑腾两下就到处碰壁。但最近这几年来，随着一些列新的技术和概念的出现，前端的范围被大大拓展了，所以这一层逐渐变得大有可为。

• 单纯从语言的角度来说，html、js、css是最简单最容易上手的开发语言，不考虑模块化、工具、压缩优化，任何人都可以快速上手，完成一两个功能简单的页面。在规模很小的项目中，前端技术要素彼此不会直接产生影响，因此无需架构相关的思考。由于前端语言这种灵活松散的特点，使得前端项目规模在达到一定规模后，工程问题凸显，成为发展瓶颈，原来孤立的技术要素开始彼此产生影响，各种技术要素彼此之间开始出现关联，要用模块化开发，就必须对应某个模块化框架，用这个框架就必须对应某个构建工具，要用这个工具，就必须对应某个包管理工具……这个时候，需要有人从比较高的角度去梳理、寻找适合自己团队的集成解决方案。而这一系列解决问题的工具和手段就是所谓的前端架构。

架构的组成

组件框架

• 架构不等于框架这一点很好理解，相信大家都能够很深入的说明这里的差别，框架是架构的重要组成部分，架构决定框架的选型，框架决定架构的技术路线。架构围绕框架进行一系列的流程工具建设，从而形成完善自动的开发体系。
  +框架不等于类库，这里就是很多人困惑的点，你用的什么框架？jquery、underscore、linq、seajs、requirejs等等，每个人都能够列举一大堆。但这个是不准确的，一套编码框架是有一系列的元素组成：

• 开发模式，我们如何来实现代码的职责分离。以前整个前端是mvc中v这一层，而现在前端内部也进行了mvc的逻辑细分，Javascript的MVC框架现在很多，有的强化m、有的强化c。每一个框架其实都有其特点的，并且有越来越多的创新改造，比如现在最流行的是mvvm。有angular、react等等。我们是为了引入mvvc才把他们纳入到我们的开发体系，而不是因为他是一个好用的类库。

• 通讯，模块化、组件化是前端在推进开发模式过程中的一个过程产物，为了有效的进行组件隔离和独立，现在有各种各样的通信模型出来，不过由于实现简单，代码少，他往往是合入到某个类库里面，但本质也是一个类库。比较成熟的比如：消息总线、事件模拟、缓存中转、flux模型等等。

• 模板，我们用什么样的方式来集中的处理数据往html的转换过程，这里就不用多展开，这种类库现在太多了，光我们公司就有很多套，大家在代码行、缓存管理、预编译、运算性能、强大的语法等等各个维度不段追求各种极致。

• 基础类库最后才是传统类库，相信现在已经没有同学会在项目中去约束团队中的dom操作、常用函数、方法、异步化等等各种很基础东西，这个时候我们一般就是引入jq、zepto、underscor这些封装好的东西就行了。核心就是为了改善编码生产力。

• 对于框架的选型要从两面看，一是看该框架的本领，二是看你们团队的能耐。从经验上给几个点建议：

• 这里也可以顺便展开聊一下现在前端产品的形态分类：

• 从这些分类里面，我们这些年派生出了所谓全端和全栈的概念。但本质上怎么走还是要由所在产品的形态来决定。

• 内容型Web站点 侧重渲染方面的优化，前端逻辑比重小

• 操作型B/S系统 以数据和逻辑为中心，界面较规整

• hybrid内置型，要处理缓存和一些本地接口，包括PC客户端和移动端。现在的本地应用，基于很多考虑，都变成了混合应用，也就是说，开发这个应用的技术，既包含原生的代码，也包含了嵌入的HTML5代码

• Web游戏，前端的逻辑非常重，在代码结构上要求非常高的可管理性和更复杂的设计模式。

• 桌面应用型，现在有一些PC端的混合应用开发技术，比如node-webkit和hex，前者的典型应用是XDK，后者的典型应用是有道词典，此外，豌豆荚的PC客户端也是采用类似技术的，也有一些产品是用的qt-webkit。这类技术可以方便做跨平台，极大减少开发工作量。

• 大工程应该尽量避开谷歌产品，他的很多技术开源项目都是玩票性质的，GWT、Closure、Darty就是前车之鉴。曾今提出过很多的新技术，到现在还是独家的，变出太大。包括现在angular，喜欢做断崖式升级，做做运营后台系统问题不大，如果是线上系统的话，每次升级就是一次人月神话中的典型焦油坑。

• 关注应用场景，像刚才说到的boss后台是一种；另外我的平台是否有沉重的历史包袱，需要兼容ie6，还是可以轻装上阵；产品对于seo是什么样的态度？是否需要考虑自适应？或者我的团队足够大，能够各搞一套？；产品特征是强内容还是强交互或者是游戏性。这些都是选择不同框架的主要出发点。

• 没有最好，只有最适合自己的，基本上，针对每个平台，我们都可以列出一些主流框架，但不意味着你们都能驾驭得住。小马过马，老牛没过膝，松鼠淹个半死，就是这么回事。但无论我们选择什么框架或决定自己动手造轮子，都勿忘初心，技术必须让我们工作生活更为轻松愉快——我们只选择我们能驾驭住的框架，我们不能保证它在一年后是否会过时落后。

• 而且按照我个人这么多年的经验来看，任何框架都会过时，往往不是因为他不够好，而是因为一定有更好的出来。我们再选择一个框架或者一个类库的时候就要想好，未来我如何抛弃他。至少不能成为我们引入新的框架的绊脚石。现实的工作中很多的团队往往会陷入到年复一年的用今年的新框架去重构去年老框架代码的历史循环中去。对于引入框架如何尽量延长他的生命力，我个人的意见是选择框架时去追求概念，而不是潮流，当我的架构可以接受新的设计概念的时候才去考虑引入新的框架。用设计理念的选择代替框架的选择。之所以这么说是因为我观察到我们部门的后端架构的开发理念跟我进公司的时候是差不多的。更多你可以参考成都网站建设

Ⅷ 前端框架设计领域有哪些牛人

牛人确实很多。

例如Vue的开发团队成员：

Evan You GITHUB主页

kingwlGITHUB主页

Alex KyriakidisGITHUB主页

。。。

不一一提交，也可以在开源中国中找到很多牛人

Ⅸ 如何设计一个自己的前端MVC框架

对于一些中小型的web应用程序，为了缩短开发周期和降低开发和维护成本，往往会采用一种基本MVC开发模式的框架开发。现在市场 上的开发传统web页面的JavaScript框架比较多，但是专门对移动应用程序的MVC设计模式的框架比较少。所以开发一套针对移动应用程序的MVC设计模式的框架还是很有价值的。参考传统MVC设计模式框架，移动应用框架应该实现以下几个方面：

MVC的分离

移动应用程序中，model,view,controller得到严格的分离，使得应用程序的结构和开发的思路更加清晰，程序的维护更加方便。

数据的更新

Model中的数据与View中数据的双向更新，当Model中的数据发生变化时，View中的数据随着发生变化，当View中输入或修改数据时，Model的数据也会发生变化，省去开发者手动操作数据的变化，避免发生错误。

数据的格式化

当Model中的数据需要先格式化再显示在view中的时候，可以先进行数据格式的转化。

数据的验证

当view中输入数据或者是改变数据的时候，需要验证数据时，可以先对数据进行验证，当验证通过时，才赋给Model中相应的数据。

页面管理调度

实现各个页面之间的调度，避免由开发者实现页面调度而产生的混乱，同时也加快程序的开发速度。

框架的实现与程序的开发离不开JavaScript库，目前的Javascript库的形势也比较尴尬，一方面是传统的web页面javascript库的成熟，一方面却是针对移动端应用设计开发web应用JavaScript的相对落后，虽然也有几款优秀的，但是相对体积比较大，而且有时候出了问题也很难跟踪，所以有必要开发一套专门针对移动端开发的JavaScript库，使它具有灵活，小巧，功能完善的工具集和UI组件，帮助开发移动端应用的开发者快速工发并容易维护，所以具体需求有以下几个方面：

事件的支持

DOM2级的事件使对DOM元素的操作起到了解耦作用，在程序开发的过程中，对程序对象之间的解耦的作用，在程序开发的过程中，对对象之间的解耦也是相当必要的，所以有必要做一个统一的接口，而事件是一个不错的选择，而且事件在MVC设计模式的实现中占有很重要的地位，他既可以使Model,view,controller之间分离解耦，又使他们之间存在内在联系。

插件机制

一个好的Javascript库，他应该有自己的灵活完善的插件机制，不仅可以为库的开发台提供方便，也应该为开发应用程序时提供方便，针对相同的功能开发插件，避免代码的多次开发。

页面管理

一个移动应用程序会有很多页面需要分级管理，这是由移动办公设备的特性决定的，面对多级与多个页面，需要一种机制来管理各个页面之间的关系才而已痛苦误会页面的加载时机与加载方法。

动画的功能

使用移动设置性能的提升与大量移动应用的出现，使用户对程序的选择更多。如果程序不能更炫更苦的表现来吸引用户，那他将难以进入市场，而动画就是其表现手段之一，所以有必要为开发者提供一套实现动画的方法，使开发者可以迅速开发能吸引用户的动画。

手势的支持

随着触摸移动设备的普及与苹果公司在它原生 IOS 应用程序中推出了手势操作后，人们越来越喜欢这种交互方式了。为了适应这种潮流与提升程序的竞争力，在面向移动应用开发的JavaScript库中添加手势的支持是有必要的。

数据的通信

作为一个信息时候的应用程序，数据通信的功能是不可或缺的。虽然 Ajax 技术提供了数据通信的相应的接口，但是如果每一次的数据通信都要开发者去创建，调用相应的接口，会出现很重复的代码，而且效率也不高，所以有必要对 Ajax 数据通信接口进行封装。

数据的本地化

当应用程序与后台通信取得数据的时候，有些数据是需要保存在本地的，还有一些数据的状态，以及一些经过运算得到的数据也是需要保留在本地的。这就需要提供一种数据本地化的接口

UI 组件

开发者在开发应用程序的时候，常常会遇到一个功能相同的控件在不现的应用程序程序中都会用到，为了提高应用程序的开发效率，缩短开发周期，有必要把一些常用的控件抽象出来形成组件，供开发者调用

屏幕的适配

随着移动设备的不断更新发展，设备屏幕的尺寸与分辨率越来越多样化，这便成了跨平台应用程序“一次开发，多处运行”的最大难题。所以有必要形成一夽方案来解决这一问题。

总结

在这所有问题中，事件的扩展，插件机制，页面的管理，MVC 设计模式的实现不仅是重点，也是难点，它们的实现具有以下价值：

事件在 web 开发中应用已经很广泛，不过它只有在相应的 DOM 元素上才有事件，而且 MVC 设计模式的实现需要事件的驱动，所以需要扩展 DOM 事件到普通对象上，使它们具有订阅发布消息功能，且与 DOM 事件有相同的接口。

插件机制需要代码的高度抽象化，它是 UI 组件实现的基础，它的实现提高了代码的重复使用。

页面的管理，它把应用程序按业务逻辑分解为以页面为单位进行管理，使程序的逻辑结构更加清晰，而且它为 MVC 框架中页面的调度实现提供了基础。

MVC 设计模式的实现，即 MVC 框架的实现，对应用程序开发周期的缩短，开发成本的降低，应用程序后期的维护都会有很大的帮助。

Ⅹ 网页设计前端和后端的区别越详细越好。

详细的解释一下web前后端的区别
1、
前台：呈现给用户的视觉和基本的操作。
后台：用户浏览网页时，我们看不见的后台数据跑动。后台包括前端、后端。
前端：对应我们写的html、css、javascript 等网页语言作用在前端网页。
后端：对应jsp、javaBean、层、action层和service层的业务逻辑代码。（包括数据库）
为什么jsp是后端呢？主要是jsp的运行原理是在tomcat服务器运行的。
2、
(1)javaweb是java开发中的一个方向 java有搞安卓的，搞web的，搞嵌入式的等。javaweb就是指搞web方向的，javaweb分两块，一块是服务器端叫后端，另一块叫前端，也就是web前端。前端就是用户能看到的部分，比如淘宝网，qq空间，网页上你能看到的都是web前端做的。后端做的就是为前端的展示业务逻辑功能做处理。
(2)java web包括了jsp，servelt以及一些框架比如spring，structs以及与数据库交互的知识，当然也涉及到了html，css等前端技术，但是更侧重于后端的开发。web前端主要是html，css，javascript之类的技术。
jaweb是javaee的一个方向，Javaweb，由前端、Java代码、和数据库三个大方面组成，前端只是其中之一。
(3)在我们的机子上看到的界面，安装的程序，给用户看的，操作的就是前端；而你看不到的，帮你保存网络游戏数据，保存应用数据，处理数据的就是后端（服务器）。比如说：我们在用的知乎就是前端，而保存这个问题，还有把这个问题推送给你的就是后端。
二、定义不同
一般来说，我们将网站分为前端和后端。前端主要负责页面的展示，后端则是业务逻辑的实现。
1、Web前端:
顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
2、Web后端：
后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
三、需要掌握的技术不同
1、Web前端：
精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
(1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构；
(2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器；
(3)熟悉JavaScript，了解ECMAScript基础内容，掌握1-2种js框架，如JQuery；
(4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；
(5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
2、Web后端：
后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
(1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解；
(2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力；
(3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑；
(4)精通面向对象分析和设计技术，包括设计模式、UML建模等；
(5)熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力。
四、web后端和前端是怎么连接的？
1、web服务器（apache、tomcat等），网络协议（http、socket等），浏览器（chrome、FF、IE等）。浏览器发起建立连接请求，通过网络协议与服务器建立连接，服务器保持连接，获取浏览器想要的数据，服务器通过连接返回内容给浏览器，浏览器把数据呈现出来。
2、连接的协议一般是http，也有websocket。服务器以服务的方式存在，就像外卖店，你打个电话过去，人家就把饭菜送上门来了。
3、web服务器访问数据库一样要使用网络连接，端口只是开放服务的入口而已，就像外卖的电话。
五、JavaWeb与web前端的区别？
1、web前端，主要是给网站做静态页面的，也就是说你平时浏览的网站所看到的页面基本都出自web前端，不过网站版面可以是美工出图。
web前端需要掌握的技术有：DIV+CSS，j，jQuery更高一层的是可以去使用一些框架去网站页面。这样的框架也有很多。如Bootstrap，UIkit，Kube等等。
2、javaweb一般涉及到前端。而web前端开发只是有可能涉及到java。
前端开发一般只涉及到js,html,css,有些可能会用flash,photoshop这些。框架就jquery,ext,jodo等这些。
web前端的话他的后端可能是java，也可能是.net或者php等都可能，但javaweb可以确定后端就是java，web前端其实都一样。
前端和Javaweb的区别更多的在于一个主要负责前端的设计和效果，而Javaweb更专注于后端的内容。
3、刚开始从事web开发时，首先要选准学习方向，看是想从事前端部分还是后端程序部分。当然在工作的后期，就不会分的那么细致了。做前端到后期也会懂一些后端的技术，反之，后端也是。
六、学习Web前端开发都需要掌握哪些技能？
1、学习html。这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道。
2、学习css。这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为我上面说了div就是 html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好.css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局 有关系的样式,一点要掌握。
3、学习js。可能前两个大家觉得还过的去,看到js就傻眼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接网络就好了.然后看多了,用多了,就什么都不是问题了。
4、学习jquery。jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码.其他的一样网络就够了。
5、最好会点后台语言,比如java、php,为什么呢?因为前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的, 这样节约时间,也可以让前端代码更规范.不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更加麻烦了。
6、学习css3+html5,可能这个对于更接手的新人来说有点困难，需要较强的代码知识与经验，但是如果你们是准备专门搞前端,那么最好还是学一下，这样对于将来的工作会有更大的帮助。
七、从事Java后端开发都需要掌握哪些技能？
对于初学Java并且有志于后端开发的同学来说，需要重点关注以下几个部分：
1、基础：比如计算机系统、算法、编译原理等等
2、Web开发：主要是Web开发相关的内容，包括HTML/CSS/js（前端页面）、 Servlet/JSP（J2EE）以及MySQL（数据库）相关的知识。它们的学习顺序应该是从前到后，因此最先学习的应该是HTML/CSS/JS（前端页面）。还有一些前段框架比如easyui,还有js,jquery等技术。
3、J2EE：你需要学习的是Servlet/JSP（J2EE）部分，这部分是Java后端开发必须非常精通的部分，因此这部分是这三部分中最需要花精力的。关于Servlet/Jsp部分视频的选择，业界比较认可马士兵的视频。 4、数据库：你需要学会使用数据库，mysql是个不错的入门选择，而且Java领域里主流的关系型数据库就是mysql。这部分一般在你学习Servlet/Jsp的时候，就会接触到的，其中的JDBC部分就是数据库相关的部分。你不仅要学会使用JDBC操作数据库，还要学会使用数据库客户端工具，比如navicat，sqlyog，二选一即可。
5、开发框架：目前比较主流的是SSM框架，即spring、springmvc、mybatis。你需要学会这三个框架的搭建，并用它们做出一个简单的增删改查的Web项目。你可以不理解那些配置都是什么含义，以及为什么要这么做，这些留着后面你去了解。但你一定要可以快速的利用它们三个搭建出一个Web框架，你在搭建SSM的过程中，可能会经常接触到一个叫maven的工具。这个工具也是你以后工作当中几乎是必须要使用的工具，所以你在搭建SSM的过程中，也可以顺便了解一下maven的知识。在你目前这个阶段，你只需要在网络上了解一下maven基本的使用方法即可，一些高端的用法随着你工作经验的增加，会逐渐接触到的。
6、你需要去看一些JDK中的类的源码，也包括你所使用的框架的源码。这些源码能看懂的前提是，你必须对设计模式非常了解。否则的话，你看源码的过程中，永远会有这样那样的疑问，这段代码为什么要这么写？为什么要定义这个接口，它看起来好像很多余？由此也可以看出，这些学习的过程是环环相扣的，如果你任何一个阶段拉下来了，那么你就真的跟不上了，或者说是一步慢步步慢。总而言之，这个阶段，你需要做的是深入了解Java底层和Java类库（比如并发那本书就是Java并发包java.concurrent的内容），也就是JVM和JDK的相关内容。而且还要更深入的去了解你所使用的框架，方式比较推荐看源码或者看官方文档。
希望对您有所帮助！~