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

大家平时对前端开发都十分关注，今天为大家整理了web前端开发遇到的难点 web前端开发是什么，所要面临的挑战有哪些？，下面就随我爱编程网小编一起来看一下吧。

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前端技术就是在攻克这些问题上不断演进。

Web前端开发的难点和重要性有哪些？

• 难点：页面的布局、浏览器的兼容性以及页面的样式效果。

• 职责：Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

• 技术：

对常用的一些JS框架了解，如jQuery、YUI等。

掌握最基本的JavaScript计算方法编写。

对目前互联网流行的网页制作方法（Web2.0）HTML+CSS，以及各大浏览器兼容性有很大            的 了解。

对前沿技术（HTML5+CSS3）的基本掌握。

还要对IT其他编程语言有所了解如：PHP，Java，.net！有一些公司还要求懂一点SEO优化！

至于重要性，不言而喻啦。

我爱编程网

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

业务逻辑很复杂而且多变

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

前端逻辑复杂度主要在于数据 + 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 提交给后端存储。所以不同业务场景、特点，需要完全不同的前端解决方案，在开发这些垂直解决方案的时候，业务分析、技术选型、架构设计、开发落地是非常难的。

以上就是今天分享给大家的内容了，想要了解更多前端开发资讯，敬请关注我爱编程网！