‘壹’ 前端的三层架构是什么意思
分成：结构层、表示层、行为层。
结构层（structural layer）
由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”
表示层（presentation layer）
由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。
行为层（behaviorlayer）
负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。
‘贰’ 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安全工程师...
‘叁’ 如何搭建主流的前端架构，需要注意的问题有哪些
首先，了解前端开发 什么是html？ 首先要明确，html是前端的基础！Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。.
‘肆’ 什么是前端架构
架构设计的最重要目的是为了进行整体系统概览，以及开发方向指导。
而架构要包含的内容，简单说就是下面四个
1、系统间关系
2、系统内关系
3、应用内架构
4、系统规范与原则
而架构的原则主要是三个方面
1、架构的合适：架构就像衣服，不能太长，也不能太短
2、可扩展的：架构需要充分考虑扩展性
3、持续不断的：架构不是一次性物品，是一个跟着软件生命周期的长期过程
‘伍’ 请设计一物联网应用的系统框图，具体应包含系统的三层架构、前端近程
例如关于无人商店，你觉得如何实现，例如rfid 图像识别，等技术，三个层面查询资料。
‘陆’ web前端架构包括哪些内容
架构比前端开发更高级些，就好比盖房子一样，先把架子画出来，再进行堆积砖头等等，一座房子好不好，得看架子好不好
‘柒’ 各大公司推行大前端组织架构的目的有哪些
纵观前端发展的历程，经历了大概 Web 1.0时代，Web 2.0时代，以及 “云＋端”的时代。
前面两个时代，本质上，都是因为前端能力有缺陷，我们在拼命的完善前端在表达方面的能力。
然而在当前时代，前端的能力趋于稳定和完备的时候（React, Vue, Angular, Webpack等等技术的稳定和完备），我们要解决的就不再是前端职能本身的缺陷和瓶颈了，而是如何做为一个技术人，利用技术和工程的力量解决行业以及商业的问题。
‘捌’ 前端架构是什么，前端有架构可谈吗
首先后端可以有架构。
然后前端可以比后端复杂。我厂三年来前端单页面应用各种提需求改需求增加统计招新人重构组件等等，代码量达到压缩后 2M，纯粹我们写的单个页面代码压缩后 2M。除了频繁的改动还需要努力优化性能。
考虑到 JavaScript 大多数都是脚本语言，代数类型系统，不可变数据，IDE 这之类的黑科技很多用不上，拿什么保证程序的可靠性呢?
前端都已经比后端复杂了，MVC 抽象也走得比后端 MVC 更远。这种场景下抽象的模式，组件之间划分和通讯的设计变得重要而且迫切，出现架构不奇怪。
‘玖’ 您对前端架构怎么理解
选择技术。
模块化：requirejs、commonjs、seajs、webpack…
前端框架：angularjs、vuejs、bootstrap…
前端js库：jquery、lodash…
UI库
搭建开发环境
编辑器、服务器、浏览器、调试器 组合起来，高效工作
搭建发布工具
构建工具grunt、gulp…
打包工具browserify， webpack…
其它辅助工具
搭建生产环境，一般由运维人员完成
‘拾’ web前端三大主流框架都是什么
web前端的三大主流框架主要是React、Vue.js、Angular。
React
React框架是起源于Facebook的项目，可以轻易地解决跨浏览器兼容的问题，主要是通过对DOM的模拟减少与DOM的交互做到的。React的模块化把组件进行了隔离，出现问题的时候更方便程序员对其进行修改，而且由于JavaScript，因此更有利于搜索引擎的优化。
优点：引入了一个叫作虚拟DOM的概念，运行速度快；提供了标准化的API，解决了跨浏览器问题、兼容性更好；代码更加模块化，重用代码更容易，可维护性高。
缺点：React是目标是UI组件，通常可以和其它框架组合使用，并不适合单独做一个完整的框架。
Vue
Vue是相对比较轻量级的框架，是通过进行双向数据绑定来达到驱动页面的效果，大多程序员在学习新框架的时候都会先从Vue开始。Vue比较简单，官方文档介绍的很清楚，可以非常快速的通过异步批处理的方式对DOM进行更新，也能把可复用的、解耦的组件组合在一起使用，更能允许多种模块的安装，场景使用也更加灵活。
优点：渐进式构建能力是Vue.js最大的优势，Vue有一个简洁而且合理的架构，使得它易于理解和构建。Vue有一个强大的充满激情人群的社区，这为Vue.js增加了巨大的价值，使得为一个空白项目创建一个综合的解决方案变得十分容易。
缺点：在模型-视图应用程序和状态容器类型的应用程序之间的互相转换可能会令人感到困惑；它类似于Web组件的模式，而不是真正的Web组件。
Angular
Angular拥有很好的应用程序，是一个以JavaSpript编写的库，模板功能也异常强大，本身就带有丰富的Angular指令。一方面可以通过指令扩宽HTML，一方面可以通过表达式绑定数据到HTML。
优点：模板功能强大丰富并且是声明式的，是一个比较完善的前端MVC框架，自带了丰富的Angular指令；ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很容易地写出可复用的代码，对于敏捷开发的团队来说非常有帮助。
缺点：验证功能错误信息显示比较薄弱，需要写很多模板标签；ngView只能有一个，不能嵌套多个视图；比较笨重，没有让用户选择一个轻量级的版本。