web前端进阶之路；web前端不能只做普通程序员；web前端应该向前端架构师前进-程序员宅基地

如果一直以这种角度思考问题，作为一个完全可以被代替的代码搬运工，还期待着身边的搭档完美解决所有的问题，你只能在抱怨中毫无作为，不要忘记自己是在一个团队中，如何更有效率的帮助团队完成目标，如何自主的把控节奏很重要。

产品经理在对着一个生动的页面时的想法远比在对着脑中或者文档上描述的功能点时更丰富，而前端开发对一个产品细节的包括是最全面的。所以，作为一个前端开发，你可以做的更多。

在产品宣讲的前期，根据以往开发的经验，你可以更多的提出产品所遗落的细节，而这些细节的补充可以让交互视觉在设计时更全面。而在开发过程中，你会跟你所开发的产品进行一次全面深入的对话，每一个按钮，每一块信息的表达，每种用户操作所对应的反馈，你的程序都必须覆盖到，所以及时的更产品视觉一起沟通这些反馈的表现形式，是否需要调整，以避免在开发完成后的二次变更。在开发的组件设计阶段，如何合理封装组件逻辑、适度的预留弹性入口，也极为重要，我的看法是组件化不仅仅是为了开发人员的代码复用，也为了页面模块的快速调整修改。

这些注意点作为一个稍微有经验的前端开发，可能都有自己的一套实行方式，但如何在团队合作时落实的更好，效率更高呢。有人说开发人员改行做产品经理有优势，因为有比较严谨的产品逻辑思维，但是我觉得产品经理，设计，开发人员三者应该是互通的，产品经理当然是更注重产品的思维和了解市场，但也需要有良好的逻辑思维，了解基本的视觉规范。而设计人员，尤其是交互设计，需要更了解用户体验规则，有好的审美，但是也需要了解产品的基本要素，了解开发的复杂度。所以开发人员，在不断最求精益求精的技术时，也应该不断增强自己的产品思维，只有了解真正的产品需求，才能在开发前或者开发中发现潜在问题，只有懂得设计的基本原则，才能在合理与不合理中抛出可能的风险，提前调整方案。

产品思维

当产品经理为了一个用户点击行为而列出不下五六种相应的响应模式时，跟你谈到用户行为引导和用户转化，请理解其合理性，甚至给出更多的细节确认会让后期的开发更有效率，网上有很多产品思维类的书籍和研究，广泛涉猎更有助于培养自己的见解。

前端3000人提升学习群：296212562 分享技术，技术交流，学习工具，最新技术视频，疑难解答。

设计的基本原则

不要再纠结1px的问题，抱怨设计的眼睛为何如此毒辣，为何你看起来毫无差别完全按照设计稿实现的东西，能被挑出那么多的问题。同时，从移动端iphone4的尺寸到google nexus6，从12寸到29寸的显示屏，一份静态的设计稿大多数情况下都不能覆盖到所有的显示屏尺寸，作为最接近产品产出的开发人员，你需要和设计沟通给出最合理的兼容方案。

收集的网上评价比较适合入门级别理解的设计书籍：

《The Design of Everyday Things 》

《破茧成蝶-用户体验设计师》

《众妙之门——网站UI设计之道》

《写给大家看的设计书》

组件化思维

前面说的两点都需要日常生活中慢慢积累理解，现在要谈的我们前端开发熟悉的点了，组件化思维。这里不是要谈前端的组件化方案，而是组件设计的出发点。

1、养成代码组件化的习惯，它会使你页面模块的添加、删除、更改变得更优雅，而管理和阅读也会更舒心。
2、收拢参数入口，保持可扩展性，在设计组件时，不可能把所有的可能性变动都设计并实现，但组件如果要复用，日后变更或者添加新功能是必然的，所以保持良好的可扩展性非常重要，如果每次的修改都要花大量的经历在向前兼容确认上，就失去的组件化的意义。
3、代码文档化，组件维护不是一件容易事，代码形成文档化的风格后，本身就是一种自规范，不同的人修改或者使用代码时，不需要额外的规范文档就能合理遵循组件规范。
4、合理控制组件粒度，根据业务需求衡量组件复杂度与修改复用程度的性价比。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往获取

询问我有没有前端方面的面试题，特地整理出来赠送给大家！

资料领取方式：点击这里前往获取

前端资料图.PNG

本文链接：https://blog.csdn.net/2401_84152092/article/details/137714909

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

稀疏编码的数学基础与理论分析-程序员宅基地

文章浏览阅读290次，点赞8次，收藏10次。1.背景介绍稀疏编码是一种用于处理稀疏数据的编码技术，其主要应用于信息传输、存储和处理等领域。稀疏数据是指数据中大部分元素为零或近似于零的数据，例如文本、图像、音频、视频等。稀疏编码的核心思想是将稀疏数据表示为非零元素和它们对应的位置信息，从而减少存储空间和计算复杂度。稀疏编码的研究起源于1990年代，随着大数据时代的到来，稀疏编码技术的应用范围和影响力不断扩大。目前，稀疏编码已经成为计算...

EasyGBS国标流媒体服务器GB28181国标方案安装使用文档-程序员宅基地

文章浏览阅读217次。EasyGBS - GB28181 国标方案安装使用文档下载安装包下载，正式使用需商业授权, 功能一致在线演示在线API架构图EasySIPCMSSIP 中心信令服务, 单节点, 自带一个 Redis Server, 随 EasySIPCMS 自启动, 不需要手动运行EasySIPSMSSIP 流媒体服务, 根..._easygbs-windows-2.6.0-23042316使用文档

【Web】记录巅峰极客2023 BabyURL题目复现——Jackson原生链_原生jackson 反序列化链子-程序员宅基地

文章浏览阅读1.2k次，点赞27次，收藏7次。2023巅峰极客 BabyURL之前AliyunCTF Bypassit I这题考查了这样一条链子：其实就是Jackson的原生反序列化利用今天复现的这题也是大同小异，一起来整一下。_原生jackson 反序列化链子

一文搞懂SpringCloud，详解干货，做好笔记_spring cloud-程序员宅基地

文章浏览阅读734次，点赞9次，收藏7次。微服务架构简单的说就是将单体应用进一步拆分，拆分成更小的服务，每个服务都是一个可以独立运行的项目。这么多小服务，如何管理他们？(服务治理注册中心[服务注册发现剔除])这么多小服务，他们之间如何通讯？这么多小服务，客户端怎么访问他们？(网关)这么多小服务，一旦出现问题了，应该如何自处理？(容错)这么多小服务，一旦出现问题了，应该如何排错?(链路追踪)对于上面的问题，是任何一个微服务设计者都不能绕过去的，因此大部分的微服务产品都针对每一个问题提供了相应的组件来解决它们。_spring cloud

Js实现图片点击切换与轮播-程序员宅基地

文章浏览阅读5.9k次，点赞6次，收藏20次。Js实现图片点击切换与轮播图片点击切换<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/ja..._点击图片进行轮播图切换

tensorflow-gpu版本安装教程（过程详细）_tensorflow gpu版本安装-程序员宅基地

文章浏览阅读10w+次，点赞245次，收藏1.5k次。在开始安装前，如果你的电脑装过tensorflow，请先把他们卸载干净，包括依赖的包（tensorflow-estimator、tensorboard、tensorflow、keras-applications、keras-preprocessing），不然后续安装了tensorflow-gpu可能会出现找不到cuda的问题。cuda、cudnn。..._tensorflow gpu版本安装

随便推点

物联网时代权限滥用漏洞的攻击及防御-程序员宅基地

文章浏览阅读243次。0x00 简介权限滥用漏洞一般归类于逻辑问题，是指服务端功能开放过多或权限限制不严格，导致攻击者可以通过直接或间接调用的方式达到攻击效果。随着物联网时代的到来，这种漏洞已经屡见不鲜，各种漏洞组合利用也是千奇百怪、五花八门，这里总结漏洞是为了更好地应对和预防，如有不妥之处还请业内人士多多指教。0x01 背景2014年4月，在比特币飞涨的时代某网站曾经..._使用物联网漏洞的使用者

Visual Odometry and Depth Calculation--Epipolar Geometry--Direct Method--PnP_normalized plane coordinates-程序员宅基地

文章浏览阅读786次。A. Epipolar geometry and triangulationThe epipolar geometry mainly adopts the feature point method, such as SIFT, SURF and ORB, etc. to obtain the feature points corresponding to two frames of images. As shown in Figure 1, let the first image be and th_normalized plane coordinates

开放信息抽取(OIE)系统（三）-- 第二代开放信息抽取系统(人工规则, rule-based, 先抽取关系)_语义角色增强的关系抽取-程序员宅基地

文章浏览阅读708次，点赞2次，收藏3次。开放信息抽取(OIE)系统（三）-- 第二代开放信息抽取系统(人工规则, rule-based, 先关系再实体)一.第二代开放信息抽取系统背景第一代开放信息抽取系统(Open Information Extraction， OIE， learning-based, 自学习, 先抽取实体)通常抽取大量冗余信息，为了消除这些冗余信息，诞生了第二代开放信息抽取系统。二.第二代开放信息抽取系统历史第二代开放信息抽取系统着眼于解决第一代系统的三大问题: 大量非信息性提取（即省略关键信息的提取）、_语义角色增强的关系抽取