前端与产品经理， 两个世界的相遇

suo以前端对用户负责，也对 PM 负责。

挺好。 开个玩笑：是前端的朋友，再不济也是“敌人”的“敌人”。

不是我唱反调... 由于前端这个职位的定义和定性较为宽泛和模糊， 尤以大中小企业的不同而各有差异，但无论Zuo重构也好，Zuo交互也好，前端Zui重要的职责就是把 PM 想要的界面和期待的用户体验，制作并呈现给用户，并以自己专业的角度对当前解决方案进行优化和深入研究，反馈给 PM。

对吧？ 是的， 我们关注那些硬件数码设备的发布，但相比设备本身，我们可Nenggeng关心屏幕分辨率，默认浏览器内核，JS 性Neng跑分等等。我们花费大量的时间和精力去解决不同浏览器， 不同屏幕尺寸，不同设备内核之间的兼容性，为的是尽可Neng多的用户得到较好的用户体验保证。我们几乎会把suo有的新鲜事物联系到兼容性的层面来讨论，这是可Neng是旁人无法理解的。

前端的小秘密，你了解多少？

同样， 前端也会得到满满的成就感，并一边激发出非凡的创造力。

有些团队这样默许：“前端没必要参与到产品的需求和设计，设计出来后自然会找你们。”

旧版本固然是稳定，但新版才是王道啊。

勤换位思考总不会是坏事的。

继续知己知彼， 了解前端这个话题，讲几个前端的“职业病”，可yi当作福利， 我跟你交个底... 用于对症下药，今后和前端沟通起来会geng顺畅。简单列出两个：

前端的工作，你真的懂吗？

上面罗列了这么多， 我们大概可yikan出，前端大的“敌人”既不是强势的 PM，也不是频繁变geng的需求，而是万恶的浏览器厂商。这也是前端通常为什么不跟 PM 掐架的一个原因， 本来嘛，当内忧和外患共存的时候，前端geng理所当然的把suo有怨恨矛头指向变化多端的浏览器，指向不愿升级用户群体，这就是主要矛盾。

前端脑补： * 涉及到样式和交互 * 页面布局Nengtong过的浏览器：IE8 + Firefox3. + Chrome + 等等 * IE6/7需要写个 hack * 要新写响应式 CSS 来兼容移动设备版本 * 图片需要一份x2版本兼容 Retina 显示器 * …… * 是否针对有色彩障碍用户进行优化？ * 是否需要兼容盲人浏览器？ * 如guo用户禁用 JS 脚本该如何 * 如guo是打印设备， 样式如何 *，对，就这个意思。

前端的世界，你准备好进入了吗？

何必呢？ 前言：无论众人之前怎么称呼我们。前端工程师？重构工程师？JS 交互工程师？UED？切图仔？美工等等，dou没关系，下文统称为：前端。至于“产品经理”，PM 这个缩写就简明多了。如guo你是这里提到的前端，那么无论你是否戴表，你Yi经被代表了还望见谅。

早在上古时期， UI 和 UE 还未分化，UE 还未被重视到今朝这个程度的时候，前端这一职位多半被划分到设计部门， 摆烂... suo以dui与依然混淆前端为美工的朋友，我们只会淡然笑曰：呵呵。

既不是美工，也不写JAVA，我们是前端工程师，kankan我们究竟想和谁打架？

技术之于产品经理》等文,大概会觉得多半的时候,一些公司的产品和技术是在彼此掐架状态,其对话或繁或简,比如我们就先kan一段 PM 与前端的对话:.切入正题,我们dou知道,在产品开发流程 最后强调一点。 日益清晰的今天,PM 这个角色承担着越来越重要的作用,外界评价一个产品的好坏优劣,第一干系人就直指 PM,只是在产品的流水线上,距离用户Zui近的一环却是前端了 suo以呢 PM....

换个位置，那么前端在和 PM 的沟通又需要Zuo到什么呢？

作为一个从前端研发转型的产品经理,虽然有一定编程基础,但Yi经hen久没有写过完整的项目了。想用 AI 提升工作效率,但不知道从哪开始。我会告诉你 Vibe Coding 到底是什么、 中肯。 NengZuo什么、怎么选工具、如何开始第一个项目，以及那些文档里不会告诉你的实用技巧。

前端的工作，如何提高效率？

当然 前端是有思想的，和大多数程序员一样，我们思考的时候对外是一个黑盒，那是不是说：一个有思想的图灵机就Neng让suo有前端丢掉饭碗呢？答案是否定的。即便不用“中文房间假设”去验证，我也保证到头来 PM 还是会选择有思想有创造力的前端而非机器。那么我们姑且打开这黑盒， kankan上面那段对话里前端脑中那诡异的世界：，出道即巅峰。

在经过了若干个回合的斗争后前端给出了到头来解决方案“Neng”，那么继续：，一针见血。

注：试试把中的人换个位置，LOL

前端是园丁手中的剪刀，噢不应该是园丁的手指，冲鸭！。

知道前端Zui关心 IT 业界新闻是什么吗，换个角度。？

可yi说在未来的Google Glass出现之前， 我们所接触的 Web 页面几乎dou是 2D 的，前端眼中的世界通常会有一个 2D 的图层版本。

PM：那这个背景色渐变圆角有阴影而且半透明 Hover 之后有旋转效果的层Neng实现码？ 前端脑补：如guo是用 HTML5 实现， so easy，dan是 F*ck IE6，其实不建议Zuo这么华丽的装饰在层上的，划水。。

前端的工作， 充满了挑战

本文探讨了如何使用jQuery实现前端特效,包括类名获取元素、二级联动菜单、链接样式控制、显示geng多功Neng、文本域字数限制、鼠标悬停图片放大、图片轮播、选择城市插件、分页插件等.trigger这个事件竟然模拟了单击事件,鼠标悬浮hover用的恰到好处,不会造成与click事件的冲突。 人间清醒。 .这样的特效有助于提升网站的专业形象,一边也Neng够使用户在选择城市的过程中感到便捷和愉悦,从而提高网站的...

3.项目施行阶段 在施行过程中,各方关心的是项目进度,suo以呢进度冲突会成为项目经理需要解决的主要问题.·商机挖掘与跟进·客户全渠道沟通·可视化数据报表·自动化产品营销·系统内团队协作，太水了。。

虽然个性冲突对项目产生的影响强度并不会向其他冲突那么严重,但个性冲突往往是其他 好吧... 冲突的延续,这也geng加要求,项目的前期准备和施行工作需要geng加的合理。

前端与产品经理，如何共同进步？

你想... yin为前端越来越多的被提上日程， 用户对产品的体验度要求越来越高，产品除了实用的特性还必须满足方便用，美观，交互好，人性化等一系列的操作，谁的产品先Zuo到这些，就Neng获取用户的青睐。项目经理控制好整个的测试联调过程， 保证基本的缺陷dou解决的情况下尽量在开发周期内完成具体功Neng模块完整的上线，dui与不Nenghen好的实现的，被砍掉的需求要Zuo到下一版本的迭代，而不是quan部列入bug...

基本上... 说到提高开发效率，这里不得不提一些前端的自动化工具，毕竟前端自动化是目前及未来的趋势，Neng够hen大程度上缩减前端不必要的工作量，使我们Neng够专注前端本身。

本文介绍了7种提升前端开发效率的方法， 包括利用Photoshop动作提高切图效率，选择合适的IDE如Sublime Text并安装插件，使用前端自动化工具如NPM、webpack和本地服务器，采用ES6模块化和前端组件化，实践前后端分离...，让我们一起...

前端的世界，需要你的探索

改进一下。 前端工程师其实是一个工作hen杂的职位，除了要负责切图、写html/css/js外还要解决一系列的浏览器兼容性、网页性Neng优化等问题，suo以提高前端工程师的开发效率是势...

面对这样的困扰，我们前端自己要发挥主观Neng动性，极力避免“木Yi成舟，舟hen破”的情况发生，Zuo法hen简单，主动的向 PM 请示dui与项目的参与，哪怕只是多一个项目邮件的抄送的对象， 不忍卒读。 也会为后期前端代码的部署带来极大的便捷。否则遇到设计Yi定稿，前端Zuo不出来的情形，责任在谁？多半会归给前端技术储备不足，一边让设计师也hen尴尬。

即便是站在敌对的观点， 知己知彼，百战不殆，PM 若Neng洞悉前端的一些习性，了解前端的某些思维方式，那么将用户体验发挥到游刃有余便不再是多么难的事情。况且前端本来就是开发工程师和设计师之间的纽带， 我们fei常愿意配合好 PM，按照 PM 对产品的理解打造出有优秀的产品。

现在你知道前端Zui想和谁打架了吧？

如guo你kan过产品经理专栏的《技术之于产品经理》等文， 大概会觉得多半的时候，一些公司的产品和技术是在彼此掐架状态，其对话或繁或简，比如我们就先kan一段 PM 与前端的对话：

我血槽空了。 福利一:前端,Java,产品经理,微信小程序,Python等100G资源合集大放送:https://www.jianshu.com/p/e8197d4d9880.有点过于依赖外在的环境,把提升自己的工作效率放在了是否有外界人力帮忙、是否有硬件支持,而忽视了对自身的要求。浅谈SpringBoot项目如何让前端开发提高效率。

是不是？ 比如 在公交地铁站边kan到的巨幅广告，前端眼中第一感觉是如guo把设计重构为 HTML 页面布局该如何，标签怎样嵌套会优化，CSS 兼容性又是如何，是的，我们常会把图片打会到图层的原型来kan待，ran后进行下一条“职业病”去迭代。

前端与后端协作提升开发效率的一个hen重要的方法就是减少沟通:Neng够形成纸质的文档就不要口头沟通、Neng够把接口文档写清楚也不要口头沟通,特bie是线上协作的时候, 至于吗？ 面对面交流是hen困难....suo以Zuo好本地接口模拟开发,只要程序在本地运行是没问题的,一般线上就不会有太大的问题,这样就Neng大幅降低调试工作量,提升开发效率。