美文网首页互联网科技让前端飞Web前端之路
Web前端新手必备的知识点,你都掌握了吗?

Web前端新手必备的知识点,你都掌握了吗?

作者: c2360084a7d2 | 来源:发表于2020-04-23 10:44 被阅读0次

    一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。

    只懂其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多数任务,而无需地频繁地寻求别人的帮助。下面说下我眼中web前端工程师要掌握的基础知识和技能:

    1网页的基本结构(HTML、CSS)

    HTML是一种标记语言,而不是编程语言,最基本是标签是和,CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门,但很多人不够深入,举几个例子:

    标签是作什么用的?margin-left与left有什么区别,应该在什么情况下使用?再出个DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道,对那个布局问题几分钟内不能解决,说明你对HTML+CSS还不够深入。

    2浏览器是怎么展现网页的

    不同内核的浏览器对网页的渲染是不一样的,目前浏览器都有客户端调试工具,下图展现一个google首页在IE9下的加载细节:

    在做web性能优化时,对浏览器渲染及细节要进一步了解。说个比较有用的知识点:目前浏览器并行加载的上限是6,老版本的浏览器会有所不同。

    3网页的什么周期

    不同的web框架下,页面的生命周期会有所不同,大体还是一样:客户端发送GET请求,服务器返回相应页面,客户端完成操作及数据,然后POST给服务器。一定要对数据的传递(前台与后台,页面之间)的细节了然于心。

    4DHTML DOM BOM JavaScript AJAX

    这是Web前端开发的重中之中,大多数时候我们都在和他们打交道。说几个注意点:javascript是单线程编程,所谓的javascript异步编程只不过是计划在未来的某个时间上执行相应事件而已;

    详细了解DOM事件机制;客户端存储(HTML5中增加了localStorage和sessionStorage);javascript不像服务器端语言那样严谨,调试不是很方便,所以一开始要养成严谨的javascript编辑习惯;

    javascript很强大很灵活,不要幻想短时间内熟练(更别说精通)它,并写些框架、类库,初始阶段还是先用熟练已成熟的框架(比如jquery)当入门;一定要熟练使用客户端调试工具。

    5服务器端语言开发经验,PS切图技术

    Web前端开发介于设计与开发中间,所以两端的东西都得懂点。编辑语言是相通的,之前编写过服务器语言,对学习javascript是十分有益的,从图片转成静态HTML页面,少不了PS切图技术。

    6浏览器的兼容性

    由于历史原因,浏览器的兼容性一直都折磨web前端工程师的地方,虽然有W3组织,并制定了一些规范,虽然浏览器产商都正在努力改进并接近其规范,但现实网络环境中各种内核、各种版本的浏览器都有一席之地。

    7快速学习能力和主动学习意愿

    web前端的发展很快,从事这一行业一定要有快速学习能力和主动学习意愿,这样才能适应Web产品的要求。在Web前端领域没有绝对的是与非,解决一个问题的方法有很多,但我们要找到一个更合适的方法,找到一个更合适的方法需要经验作积累,总之Web前端入门容易,想熟练很难,需要更多的主动学习意愿。

    8良好的沟通能力

    优秀的前端工程师需要具备良好的沟通能力,因为你的工作与很多人的工作息息相关,比如项目经理、设计师、最终用户、开发工程师,前端工程师位于这几类人的交汇点上,这些角色的要求你都得照顾好,平衡这四类人的需求,拿出一个比较合适的方案。由此可见沟通能力对前端工程师要求更高。

    自己是从事了五年的前端工程师,自己整理了一份最全面前端学习资料, 从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的, 正在学习的小伙伴, 需要可以私聊我哟,这是我的前端开发qun,【六零三】【九八五】【九九三】,直接群里下载, 对于学习web前端有任何问题(学习方法,学习效率,如何就业)都可以问我,

    以上就是今天为各位总结的学习要点,希望可以帮到大家,又不懂的可以文末右下角留言咨询我!

    相关文章

      网友评论

        本文标题:Web前端新手必备的知识点,你都掌握了吗?

        本文链接:https://www.haomeiwen.com/subject/sgdoihtx.html