锐客网

  1. 首页 > 睿知 > >

前端项目难点及解决方法，遇到的前端难点应该如何解决

经验分享睿知

1，遇到的前端难点应该如何解决看你是在工作中还是学习中咯，如果是学习中，先百度遇到的问题大部分都能找到答案，实在找不到的可以找一些论坛找一些大神来帮你解决，工作中的话，能自己搞定的自己百度，问朋友，如果实在不行也可以在业余时间请教同事（前辈或者大神咯），态度好一点，请人喝个水，我觉得一般没有人会故意不教给你，但这不是什么问题都要问，记住是自己已经开始解决，不过没有完成 ， 实在没有办法的再问呢~~本答案出自“我要编程”软件开发师训练平台免费课程 。第一点是,计划生育工作做得非常优秀 。(够数了吧- -)第二点1是,随地乱扔垃圾的现象还有待解决 。第二点2是,酒后驾驶治理的非常严,但还有个别市民无视交通规则 。第二点3是,市民文化素质有待提高,个别市民经常寻衅斗殴 。╮(╯▽╰)╭ 。。。。。lz我也周完了,给分吧~~【前端项目难点及解决方法，遇到的前端难点应该如何解决】
2，前端开发的难点到底在什么地方业务逻辑很复杂而且多变『前端的逻辑复杂度基本不如后端』这个只是但从数据处理的角度来看的 ， 前端对于数据处理的确是模板 + 变量一套一展示就好了 ， 这个是挺简单的 。前端逻辑复杂度主要在于数据 + 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 提交给后端存储 。所以不同业务场景、特点，需要完全不同的前端解决方案 ， 在开发这些垂直解决方案的时候，业务分析、技术选型、架构设计、开发落地是非常难的 。
3 ， 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优化！至于重要性，不言而喻啦 。
4，前端开发的难点到底在什么地方不同级别的前端面临的难点各不相同，不可一概而论；业务开发的前端难点在于对业务的理解和把控能力；平台开发的前端难点在于产品化的把控和推进能力 。观点1：不同级别的前端面临的难点各不相同，不可一概而论 。其他回答有说 CSS 难，有说 CSS 不难的 ， 每个人水平不同，这样争论毫无意义 。我刚学前端时觉得 JS/CSS/浏览器兼容问题都很难，现在觉得也就那样，因为前端路子广，办法总比问题多 。后来觉得要评估好需求 ， 把控好项目质量比较难，很多时候我们是在干事，在解决问题，不是只埋头写代码，时间一长你会发现前端工作中，技术问题往往比较好解决，反而资源+协作问题比较麻烦 。现在对我来说比较难的是快速产品化的能力 ， 如何从无到有去做出一些有价值的东西 。举一个简单粗暴的例子吧：阿里前端很多，P5/P6 一大把，但是 P8/P9 的非常少，为什么？进阶的难点在哪里？前端开发的难点跟前端进阶的难点是非常相似的 。阿里对每个前端层级都有一个标准，这也从侧面回答了这个问题，比如对 P5 来说 ， 难点可能是写好业务代码，保证其灵活性和可维护性，能解决各种适配问题；对 P6 来说则需要独挡一面，能独立 owner 需求，而 P7 则需要在某方面技术有深入理解，等等 。能提出这个问题首先得恭喜题主，说明题主在当前阶段遇到瓶颈了，需要向下一个 level 出击了 。观点2：业务开发的前端难点在于对业务的理解和把控能力 。业务逻辑开发本身并不是难点，谁都可以写 。但是对于你自己负责的这块业务，后续业务的发展方向和潜力，你有去了解过吗？当业务方提需求过来时你是只负责执行还是和业务方一起探讨更合理的方案？你有没有给自己负责的产品提过一些建议？做过一些改善措施？如果前端只是作为一个执行者 ， 作为一种被调度的资源，那么即使最终项目取得了好的成绩，跟你有多大关系？你自己会有多大的成就感？另外一个很重要的点：就是对业务的把控能力 。业务方总是会催着上线，开发时间不断被压缩该怎么办？进度不如预期怎么办？开发遇到瓶颈怎么办？发布新功能翻车了怎么办？我见过有默默加班保证进度的，也有跟需求方重新谈延期的，有发布出问题手足无措的，也有自己默默修复的，有遇到瓶颈一筹莫展的 ， 也有及时跟老板沟通，跟业务方撕逼的… 如何优雅的处理这些问题，有时候比写代码更难 。为什么有的人业务代码逻辑混乱，写的一团糟？我不相信是智力问题，反倒更相信是对项目本身没有把控好，本来排了5天工作量的需求被业务方压到了3天，你还能保证写出健壮而不失风度的代码？观点3：平台开发的前端难点在于产品化的把控和推进能力 。做业务时有人给你提需求，帮你出交互视觉稿 ， 你只要负责写页面就行了 。但是在支付宝前端，很多内部平台和技术产品都是技术自己主导，你需要自己发现问题，出方案，设计数据库，自己出页面 ， 这是一个从无到有的创造的过程 。并且要保证你做的东西是真正解决问题的，而不是做一些自己觉得很牛逼实际上并没有解决用户痛点的东西，用我老板的话说就是对产品的把控能力，不要跑偏了 。前端是最容易做出产品化东西的工程师了，因为后端不会做 UI，UI 不会写代码，唯前端兼顾 ， 这是最大优势 。再一个就是对产品的推进能力了，你做的东西可能需要各种资源？如何争?。靠赡芮３兜蕉喾嚼妫咳绾稳ê猓慷髯龀隼戳巳绾瓮乒?如何在用户的一片骂声中奋勇前进？印象中很多平台型产品，刚开始投入使用时都是一片骂声，各种问题 ， 说实话负责这些产品的程序员压力是相当大的，天天被骂还得彻夜帮别人解决问题，还得不断优化系统 ， 你说难不难？以上三点就是本文所展现的理念，希望能对大家有帮助 。5，web前端工程师工作中遇到难以解决的问题有时会遇到外层中的子层使用margin-top不管用等情况1、有时会遇到外层中的子层使用margin-top不管用的情况2、需要在子层的前后加上一个div3、#box 4、#box p 5、在P标签前后各加2个空的div：6、网页中头部，中部 ， 底部的居底部有时给个margin-bottom:10px7、不管用也是要给个清除属性的.clear下加个8、div层中高度自适应问题9、div层中子层的居底部对齐问题10、div层中清除clear属性的一小部分应用11、解决IE8下div移位、错位等兼容性问题12、单行文字居中与字体样式问题解决方法如下：百度，查资料 。找高手咨询如果还不能解决如下：在百度在找高人咨询 。百度是你人生第一大导师?。⌒恍唬≌腋呤职?，这不是我们水军能干的，6，WEB前端与后端的难点想学不太懂呃在我们实际的开发过程中，我们当前这样定位前端、后端开发人员 。1)前端开发人员：精通JS，能熟练应用JQuery，懂CSS ， 能熟练运用这些知识，进行交互效果的开发 。2)后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis ， 懂一些设计模式等 。现在来看，我们对前后端的要求还是蛮低的 ， 尤其是后端，新员工经过培训之后都是可以参与到后端开发的，没有太高的技术门槛，唯一需要做的就是先变成熟练工种，这个阶段没有涉及到设计模式、架构、效率等一些列问题 。还是先google一下，看看网上对Web前端开发、Web后端开发分别是什么?Web前端: 顾名思义是来做Web的前端的 。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西 。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现 。Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑 。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等 。我们再来看看大公司对前后端人员招聘的要求，通过这个角度看看前端、后端的技术要求：Web前端：1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构 。2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器 。3)熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案 。5)对性能有一定的要求，了解yahoo的性能优化建议 ， 并可以在项目中有效实施 。6)......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高效调用设计能力6)......前端难点在于布局（HTML+CSS） ， 算法（JS），浏览器的兼容 。后端难点在于数据的架构 ， 大数据的处理，安全及性能问题不是哦，毕竟做前端开发也要和做后端开发的人员进行配合，那如果对对方的知识一无所知的话，配合起来肯定很费劲，甚至在沟通上都会有困难 。所以，做web前端开发工作 ， 是必须懂一些后端动态语言的，但不一定要精通 。

    推荐阅读


    上一篇：乌鲁木齐编程课哪家好，我想找个计算机语言和编程的学校乌鲁木齐的谢谢

    下一篇：编程语言派森，请问一下诸位派森编程的大师关于派森string