搜索
首页web前端html教程3点建议让你成为大牛

3点建议让你成为大牛

Jun 24, 2017 am 10:57 AM
专家前端小白技术

新人刚接触前端,你可能会问:

零基础能学前端课程吗?

要如何开始学习前端呢?

如果你是前端工作者,你可能会问:

我要怎样让自己变得更优秀?

前端天花板低发展,真的遇到瓶颈了吗?

接下来,我会从学习、实践、进阶三个方面来回答这些问题,分享我的前端成长经历。

1

学  习  篇

 

学习前端,首先建议大家打好基础。这里的基础分为两大类:计算机基础和专业基础。

 

有些人可能会认为:即使没有这些基础也能做前端(这也是我们之前说门槛低的原因),但是对这些基础知识的掌握情况和理解程度决定了我们可以走多远。这部分的学习是一个循序渐进的过程,不可能一蹴而就。

 

那如何学习这些基础知识呢?

 

我建议从书籍、代码、标准三方面入手。

 

书籍:当需要了解某个知识点时,可以多看几本相关书籍,看不同作者对这个问题的不同阐述,加深自己的理解。对比着看效果更好。

 

代码:检验我们是否已经掌握知识的好办法就是阅读代码。它不仅帮助我们加深对知识的理解,还可以查漏补缺,让我们得到一些新的启示。有哪些源码值得我们去读呢?

 

· 书籍里的代码

· 前辈们留下来的代码

· 论坛里的经验

· 某个网站的代码

· 很多开源代码都可以作为我们的参考来源

· 归纳总结自己以前写的代码,你会得到不一样的惊喜

 

标准:当我们平时遇到问题时,需要追本溯源。而查阅标准就是关键。互联网技术更新迭代太快,而且网络上的资源良莠不齐。所以我们甄别的重要方法之一就是查阅标准。前端相关的标准主要分为两方面,即行业标准和厂商标准。 

 

制定行业标准的组织主要包括:ecma组织/IETF组织/W3C组织

 

制定厂商标准的平台主要包括:IE/Chrome/火狐等

2

实  践  篇

 

实践阶段对于遇到瓶颈的同学十分重要,因为不管以什么样的方式去学习,最终目的就是为了解决实际问题。

 

围绕着实践中的问题,实际上可以分为:发现问题、分析问题、解决问题、沉淀问题四个方面。

 

发现问题的途径有很多,包括产品的功能需求、开发的非功能要求以及疑问、建议、抱怨等。更多的时候需要前端工程师进行思考和归纳,这也是我们面临的挑战。

 

当我们发现问题时,不要急于上手解决,要分析问题的本质,确定产生问题的因素,和多方沟通,提出多种解决方案,分析各自利弊,再对照实际情况做出取舍最后解决问题。

 

 

在业务中,80% 的bug主要是业务逻辑考虑不全面,漏掉逻辑判断处理,数据格式不规范等引发的。这种bug改起来比较快,但是容易往复循环,或者引入新的bug。这些bug切碎了开发者的有效工作时间。

 

另外还有15%的bug是由开发者自身coding的问题引发,属于技术性的bug,但随着开发者对软件平台以及框架的熟悉,以及自身编程水平以及编程素养的提升,这类 bug会逐渐减少。

 

最后,对问题进行沉淀,加深理解,进而将简单问题的解决方式应用于复杂问题情况下,这也是提升的方式。

3

进  阶  篇

 

到了一定程度之后,个人能力很难再提升,遇到了瓶颈。此时,需要先从个人角度出发,了解是否触及天花板,另可以从团队角度出发,寻找突破点。

 

个人能力可以从深度和广度方面进行分析。深度分为三个阶段:表象、原理以及实现。表象就是之前提到的基础阶段。下一个阶段就是能了解其中原理,对知识点能够把握和识别。实现阶段就是能够充分利用已有的知识体系,进行运用。

 

再从广度角度出发,可以分为专业技能和领域范围两部分。专业技能可以从知识体系的覆盖面和了解度出发。也就是覆盖面够不够广,以及对常见解决方案的了解程度。而领域范围的拓展就需要对其他产品进行了解,比如移动端、桌面端等的了解。

 

以上方面如果都很优秀的话,就是一个很优秀的前端工程师了。但是仅仅个人优秀还不够,我们还需要团队优秀。

 

团队方面的突破,重点关注流程、效率和协作。目前在网易的工作模式,基本遵循以下的流程,相对来说还是比较细致和规范的。

 

| 新需求上线

需求→交互→视觉→开发→自测→测试→bug修改→测试→bug修改→测试→交互确认→视觉确认→上线申请→确认→上线

 

| Hotfix上线

问题反馈→bug修改→测试→bug修改→测试→上线申请→确认→hotfix上线

 

最后给大家分享两句话:

始终保持一份谦虚谨慎的心态.

始终加强学习能力的培养。

前端学习的道路上,除了自学提升外,另一个好方法就是找资深的前端开发工程师交流,借助他人的经历获取高效的学习方法和快速进阶的方式。加我的群,每天大牛都会进行交流

以上是3点建议让你成为大牛的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
您如何在HTML中创建列表?您如何在HTML中创建列表?May 06, 2025 am 12:01 AM

toCreateAlistinHtml,useforforunordedlistsandfororderedlists:1)forunorderedlists,wrapitemsinanduseforeachItem,RenderingeringAsabulleTedList.2)fororderedlists,useandfornumberedlists,useandfornumberedlists,casundfornumberedlists,customeizableWithTheTtheTthetTheTeTeptTributeFordTributeForderForderForderFerentNumberingSnumberingStyls。

HTML行动:网站结构的示例HTML行动:网站结构的示例May 05, 2025 am 12:03 AM

HTML用于构建结构清晰的网站。1)使用标签如、、定义网站结构。2)示例展示了博客和电商网站的结构。3)避免常见错误如标签嵌套不正确。4)优化性能通过减少HTTP请求和使用语义化标签。

您如何将图像插入HTML页面?您如何将图像插入HTML页面?May 04, 2025 am 12:02 AM

toinsertanimageIntoanhtmlpage,usethetagwithsrcandaltattributes.1)usealttextforAcccessibilityandseo.2)instementRcsetForresponSiveImages.3)applylazyloadingWithLoadingWithLoading =“ lazy” tooptimizeperformance.4)tooptimizeperformance.4)

HTML的目的:启用Web浏览器可以显示内容HTML的目的:启用Web浏览器可以显示内容May 03, 2025 am 12:03 AM

HTML的核心目的在于让浏览器理解并展示网页内容。1.HTML通过标签定义网页结构和内容,如、到、等。2.HTML5增强了多媒体支持,引入了和标签。3.HTML提供了表单元素,支持用户交互。4.优化HTML代码可提升网页性能,如减少HTTP请求和压缩HTML。

为什么HTML标签对Web开发很重要?为什么HTML标签对Web开发很重要?May 02, 2025 am 12:03 AM

htmltagsareessentialforwebdevelopmentastheyandendenhancewebpages.1)heSdefinElayout,语义和互动性。2)SemantictagsiCtagSimproveCacsibilitieAndseo.3)pose poseriblesibilityAndseoandseo.3)poser

说明将一致的编码样式用于HTML标签和属性的重要性。说明将一致的编码样式用于HTML标签和属性的重要性。May 01, 2025 am 12:01 AM

一致的HTML编码风格很重要,因为它提高了代码的可读性、可维护性和效率。1)使用小写标签和属性,2)保持一致的缩进,3)选择并坚持使用单引号或双引号,4)避免在项目中混合使用不同风格,5)利用自动化工具如Prettier或ESLint来确保风格的一致性。

如何在 Bootstrap 4 中实现多项目轮播?如何在 Bootstrap 4 中实现多项目轮播?Apr 30, 2025 pm 03:24 PM

在Bootstrap4中实现多项目轮播的解决方案在Bootstrap4中实现多项目轮播并不是一件简单的事情。虽然Bootstrap...

deepseek官网是如何实现鼠标滚动事件穿透效果的?deepseek官网是如何实现鼠标滚动事件穿透效果的?Apr 30, 2025 pm 03:21 PM

如何实现鼠标滚动事件穿透效果?在我们浏览网页时,经常会遇到一些特别的交互设计。比如在deepseek官网上,�...

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境