web前端应用开发重点难点 web前端开发是什么，所要面临的挑战有哪些？

对于前端开发比较关注的小伙伴们一定非常关心web前端应用开发重点难点 web前端开发是什么，所要面临的挑战有哪些？，今天我爱编程网小编为大家整理了以下内容，下面一起来看看吧。

前端开发的难点到底在什么地方

业务逻辑很复杂而且多变

『前端的逻辑复杂度基本不如后端』这个只是但从数据处理的角度来看的，前端对于数据处理的确是模板 + 变量一套一展示就好了，这个是挺简单的。

前端逻辑复杂度主要在于数据 + UI + 交互的实现，就比如一个简单的多 tab 页的功能，可以用 CSS 实现、用 JS 实现，JS 可以通过切换 remove DOM 或者添加 classname 隐藏，虽然效果上都可以实现，remove DOM 无法原有结构的状态，添加 classname 的 CSS 方式很难实现初始化状态。除此之外还可能需要对浏览器进行兼容性处理 + 响应式。然后突然来个业务需求说要加个 iframe 嵌入别人的页面，或者改什么效果，如果之前开发的不合理，基本上要重做了。

相比后端，只输出 数据模型 给前端，如果业务不需要什么字段了，甚至让前端不读取好了，改都不用改。我们几次大的业务平台重构，前端基本要重新开发一遍（效果、交互完全不同），后端模型和数据库则可以递进式的复用、扩展、升级。这也是导致前端需要堆人大力出奇迹的问题。

垂直领域解决方案很难

切页面是没什么难度的，但是在淘宝一到双十一、 双十二 大促根据经常多变的运营需求切几百个页面就很难了。这已经不是堆人堆外包可以解决的了，所以我们有 TMS 等各种运营系统，前端切模块，运营自己设置图片、文案、组装成运营页面，想改自己在后台改不用麻烦前端。这一套系统是个比较庞大的工程，从模块规范、模块开发工具链、模块发布和版本管理、在线管理、在线可视化搭建、数据填写和数据源导入、页面生成和 CDN 同步等等，都需要前端架构师设计然后开发。设计这个系统是很难的。

再比如富文本内容发布业务需求，光是一个 富文本编辑器 就很复杂，要实现各种功能和兼容性，更复杂的是要适应业务发展。当时刚开始交接淘宝内容业务的时候，需要重新开发编辑器等，跟后端大神们进行讨论推测未来业务可能会有大量表单而且需要完全的数据驱动，所以我们前端设计开发了 现在有个项目表单很多，用什么技术框架合适？ - 知乎 技术产品然后后端有对应的 SDK 进行解析和数据存储、表单生成服务，前端只需要开发组件，然后后端按照业务需求进行配置即可产出内容发布表单。 我爱编程网

此外，富文本我们选用了 JSON base 的存储，对比 HTML base 的编辑器，因为淘宝内容详情页充满了各种商品、优惠券、店铺等信息，而且这些信息是需要被理解、识别而且在详情页输出前实时补全最新价格、优惠券可用状态、店铺名等信息的。用传统输出 HTML 的编辑器输出，让后端解析的话复杂度太高了，每一种素材你都需要设计、约束特定的 HTML 标记让后端进行解析。所以我们基于 跳转中... 封装了一套 JSON base 的富文本编辑器，设计了完全数据驱动的插件机制，可以通过配置任意控制要提供的功能等。

虽然知乎的编辑器也是基于 draft-js 开发的，但遇到的业务挑战完全不同。它不需要功能动态变化，因为所有人都一样。然后不知道是后端的数据处理逻辑的问题，它在提交和回填的时候是通过 HTML 作为媒介进行传播，将 draft-js 的 JSON 数据协议 转成 HTML 提交给后端存储。所以不同业务场景、特点，需要完全不同的前端解决方案，在开发这些垂直解决方案的时候，业务分析、技术选型、架构设计、开发落地是非常难的。

web前端开发是什么，所要面临的挑战有哪些？

Web前端开发大致上是，创建出Web网页以供用户浏览使用等。主要通过HTML、CSS、JavaScript等技术来实现交互。

所面临的挑战主要有几点：

一、

Web的载体的多样性。

以浏览器为例，分别有IE，Chrome，火狐等。虽然有ECMA委员会进行标准化，但不同浏览器对HTML、CSS、JS等支持程度还是存在差异。所以需要进行兼容处理。

而且，这还会另测试的复杂度上升。

二、

Web前端开发的工程化问题。

在以前，Web前端开发是极度依赖于后端的，例如JSP、PHP等前后端代码混杂，这段时期，前端的工程化问题还不算凸显。

而随着MVVM的普及，前后端的分离，本身的前端项目需要有一定的组织，协作，需要有前端的一套工程化解决方案。

包括组件化开发，单元测试，增量更新，代码压缩混淆，项目的打包构建发布等。

三、

Web框架之间的不兼容。

Web开发中，躲不开的是三大框架React、Angular、Vue。而框架与框架之间存在明显的沟壑。

对于一个Web前端项目来说，其实使用哪种技术并不重要，重要的是能实现需求。但是在实际上，如果项目选定了某个框架，其他框架之间的某些组件或者解决方案并不能互通。

当然，现在的WebComponent有希望解决这个问题，但是，WebComponet的兼容性也存在明显问题。

结语：

Web前端开发所面临的问题远不止这些。当然，有问题就有解决方案，Web前端技术就是在攻克这些问题上不断演进。

前端开发的难点到底在什么地方？

前端开发的难点在掌握HTML。

掌握HTML是前端开发的核心，HTML是一种制作 万维网 页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。

因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。

常见 前端开发工程师 职位职责要求：

1、使用Div+css并结合Javascript负责产品的前端开发和页面制作。

2、熟悉 W3C标准 和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化，为用户呈现最好的界面交互体验和最好的性能。

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作，能独立完成功能页面的设计与代码编写，配合产品团队完成功能页面的需求调研和分析。

以上就是我爱编程网小编为大家带来的内容了，希望能够帮助到大家，了解更多前端开发资讯敬请关注我爱编程网。