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

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

智能推荐

HTML5 Web SQL 数据库_方式准则的定义-程序员宅基地

文章浏览阅读1k次。1、HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。2、核心方法以下是规范中定义的三个_方式准则的定义

spring Boot 中使用线程池异步执行多个定时任务_springboot启动后自动开启多个线程程序-程序员宅基地

文章浏览阅读4.1k次，点赞2次，收藏6次。spring Boot 中使用线程池异步执行多个定时任务在启动类中添加注解@EnableScheduling配置自定义线程池在启动类中添加注解@EnableScheduling第一步添加注解，这样才会使定时任务启动配置自定义线程池@Configurationpublic class ScheduleConfiguration implements SchedulingConfigurer..._springboot启动后自动开启多个线程程序

Maven编译打包项目 mvn clean install报错ERROR_mvn clean install有errors-程序员宅基地

文章浏览阅读1.1k次。在项目的target文件夹下把之前"mvn clean package"生成的压缩包(我的是jar包)删掉重新执行"mvn clean package"再执行"mvn clean install"即可_mvn clean install有errors

navacate连接不上mysql_navicat连接mysql失败怎么办-程序员宅基地

文章浏览阅读974次。Navicat连接mysql数据库时，不断报1405错误，下面是针对这个的解决办法：MySQL服务器正在运行，停止它。如果是作为Windows服务运行的服务器，进入计算机管理--->服务和应用程序------>服务。如果服务器不是作为服务而运行的，可能需要使用任务管理器来强制停止它。创建1个文本文件(此处命名为mysql-init.txt)，并将下述命令置于单一行中：SET PASSW..._nvarchar链接不上数据库

Python的requests参数及方法_python requests 参数-程序员宅基地

文章浏览阅读2.2k次。Python的requests模块是一个常用的HTTP库，用于发送HTTP请求和处理响应。_python requests 参数

近5年典型的的APT攻击事件_2010谷歌网络被极光黑客攻击-程序员宅基地

文章浏览阅读2.7w次，点赞7次，收藏50次。APT攻击APT攻击是近几年来出现的一种高级攻击，具有难检测、持续时间长和攻击目标明确等特征。本文中，整理了近年来比较典型的几个APT攻击，并其攻击过程做了分析（为了加深自己对APT攻击的理解和学习）Google极光攻击2010年的Google Aurora(极光)攻击是一个十分著名的APT攻击。Google的一名雇员点击即时消息中的一条恶意链接，引发了一系列事件导致这个搜_2010谷歌网络被极光黑客攻击

随便推点

微信小程序api视频课程-定时器-setTimeout的使用_微信小程序 settimeout 向上层传值-程序员宅基地

文章浏览阅读1.1k次。JS代码 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { setTimeout( function(){ wx.showToast({ title: '黄菊华老师', }) },2000 ) },说明该代码只执行一次..._微信小程序 settimeout 向上层传值

uploadify2.1.4如何能使按钮显示中文-程序员宅基地

文章浏览阅读48次。uploadify2.1.4如何能使按钮显示中文博客分类：uploadify网上关于这段话的搜索恐怕是太多了。方法多也试过了不知怎么，反正不行。最终自己想办法给解决了。当然首先还是要有fla源码。直接去管网就可以下载。[url]http://www.uploadify.com/wp-content/uploads/uploadify-v2.1.4...

戴尔服务器安装VMware ESXI6.7.0教程（U盘安装）_vmware-vcsa-all-6.7.0-8169922.iso-程序员宅基地

文章浏览阅读9.6k次，点赞5次，收藏36次。戴尔服务器安装VMware ESXI6.7.0教程（U盘安装）一、前期准备1、下载镜像下载esxi6.7镜像：VMware-VMvisor-Installer-6.7.0-8169922.x86_64.iso这里推荐到戴尔官网下载，Baidu搜索“戴尔驱动下载”，选择进入官网，根据提示输入服务器型号搜索适用于该型号服务器的所有驱动下一步选择具体类型的驱动选择一项下载即可待下载完成后打开软碟通（UItraISO），在“文件”选项中打开刚才下载好的镜像文件然后选择启动_vmware-vcsa-all-6.7.0-8169922.iso