前端工程大牛的经验之谈如何规划未来_html/css

Home

Web Front-end

HTML Tutorial

前端工程大牛的经验之谈如何规划未来_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:20 AM

腾讯的前端工程大牛从自己的5年的职业生涯中总结了一些思考，大致分为3个阶段，从毕业新手到前端大牛，都有心得与自由职业者分享，想走前端这路的自由职业者，可以来参考下。以下是任务易小编整理的精华内容。

在敲下这个标题的时候，心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字，每个人的职业规划都是独有的，不具有太大的可复制性，把自己的经历放出去，容易误人子弟。只是最近很多师弟们(别问我为什么都是师弟，我想静静……也不要问我静静是谁!)问起这个，也就根据自己的经历发表一下对前端工程师的看法吧，“我说的都是错的”，仅供参考。

第一阶段：吸吸吸，疯狂的吸取知识

对于刚毕业的初学者来说，头两年真的真的是非常重要，学习的激情、速度以及熬夜的能力可以发挥的淋漓尽致。在这个阶段，通过大量的编码提升JS能力，同时尝试各种JS框架和库，寻找适合自己的框架，甚至自己也写了一个JS库和构建工具。“不要重复的造轮子”这句话，初学者都应该无视。你不造轮子，怎么知道别的轮子好不好用?怎么知道造一个轮子有多难?怎么知道如何改进轮子?我不认为一个新手去看jQuery的源码能看懂，反正我当时就晕晕乎乎的。

在这个时间点里，其实还没怎么考虑以后的发展，而且也仅认为前端工程师，学好JS/CSS/HTML就够了，其他的没兴趣也没意愿去学。

第二阶段：大大大，扩展知识面

其实到了这个阶段，多少也算是个有经验的攻城师了。开发一般需求不在话下，偶尔还能承担个架构设计。在提升JS能力的同时，开始要往多方面发展。前端工程师远远不仅是JS而已。制作一个性能高、交互好、视觉美的页面，需要从前端框架选型、架构设计、构建工具，到后端通信机制、设计与交互、网络和浏览器优化等各方面的知识。一专多长才是前端工程师的终极目标。有个人说得对：一专是指你不可替代，多长标示你可以替代别人。这样你在团队在公司的地位才更加牢固，公司也会给你提供更多的资源。

第三阶段：摸摸摸，摸清前方的路

不管选哪个方向，你都已经是个优秀的人，而且应该把这种优秀传承下去。成为导师，使新人变得优秀;成为面试官，挖掘优秀的人;成为讲师，让更多人学习到优秀，等等。

总的来说，头两年一定要打好基础，找准自己的G点，深攻下去;高潮之后，往广度发展，掌握其他相关和不相关的配套知识(这不是矛盾么?然后摸到自己的目标，发售大胆的爱爱(老了，手抖打多了)吧。不仅自己爱(前端)，也要让更多人一起爱(前端)哦。

关注【任务易】自媒体（微信/QQ:293459572）,长按“renwuyiwang”复制搜索微信号!

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?Mar 04, 2025 pm 12:32 PM

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

How to efficiently add stroke effects to PNG images on web pages?Mar 04, 2025 pm 02:39 PM

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PM

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

See all articles