资讯专栏INFORMATION COLUMN

前端工程师要懂些什么

Wildcard / 750人阅读

摘要:沟通方面的技巧,后端,产品,设计,测试等领域的知识。可以看出,前端需要跟团队中的各种角色交流对接,对相关的领域有了解可以降低沟通的成本。

前端除了JS,HTML,CSS三板斧,还要懂些什么?有什么东西对我们提升自己前端水平有帮助?

开发的过程

我们不如先了解一下前端开发的过程

跟产品了解需求

跟后台沟通接口

跟美术对接设计

写文档

编写代码

使用babel,sass等工具编译代码

部署代码(测试)

测试代码

部署代码(正式)

代码运行的过程

用户访问网站

查询dns,建立http连接

内容从服务器到客户端

构建dom树和cssom树

字节流转成字符流

词法分析器将字符流转成token

构建ast

构建渲染树

布局

绘制

构建合成层

如何提升

之前的我们可能只关注了编写代码,只去了解js,css的只是,通过上面的章节,可以意识到,想要做好前端,我们还可以补充以下的知识,按重要程度排序

HTTP知识,加快网站访问的速度

浏览器渲染的知识,提升页面性能

编译原理,了解前端代码是怎么被编译的

linux和nginx等知识,想要独挡一面,还是要了解服务器运行部署方面的知识。

沟通方面的技巧,

后端,产品,设计,测试等领域的知识。可以看出,前端需要跟团队中的各种角色交流对接,对相关的领域有了解可以降低沟通的成本。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95034.html

相关文章

  • 我眼中的前端开发

    摘要:狭义上的前端开发让我们先从狭义上的前端开始讨论吧。这是我们就需要把视野打开,成为广义上的前端。比起移动端开发,前端开发有着免审核,开发迅速,统一维护等好处。这也导致前端开发可被替代性强,待遇自然也上不去。 大家都知道程序员是少见的低门槛高工资的职业,而前端工程师又比其他岗位入门更快,因此,很多人都想成为一个前端工程师。但是,在决定成为一个前端工程师之前,你了解前端是什么吗? 一千个人眼...

    suxier 评论0 收藏0
  • 写给在迷茫中前行的前端学习/工作者

    摘要:我从今年的月份开始在知乎上连续回答前端开发相关的问题,至今已有将近三个月,回顾写过的一百多条回答,不少是给迷茫的前端工作者的建议。今天我把我的思考提炼整理成文,希望能给予在迷茫中前行中的前端学习工作者一些有用的建议。 本文首发于知乎专栏——前端指南作者:Mark MFS老师转载请注明来源。 我从今年的2月份开始在知乎上连续回答前端开发相关的问题,至今已有将近三个月,回顾写过的一百多条回...

    罗志环 评论0 收藏0
  • 原生js之DOM事件相关

    摘要:而由于级标准中并没有定义事件相关的内容,所以事件级别只包括级,级和级三种。此属性返回当前事件所绑定的对象。自定义事件可以绑定到任意元素上,此处选择只是为了演示方便。 前端学习的东西有很多,现代前端开发,前端工程化的东西要懂,基础的原生js也要懂,毕竟,框架都是有生命周期的,更替非常快,然而却有这么一个框架,它是最轻量的前端框架,每个浏览器都内置,它叫vanilla.js。好吧,其实va...

    learning 评论0 收藏0
  • Flutter与React Native

    摘要:一什么是年月日谷歌官方宣布的首个发布预览版正式发布,这标志着谷歌进入了正式版发布前的最后阶段。是一个由谷歌开发的开源移动应用软件开发工具包,用于为和开发应用,同时也将是目的是为了替换系统下开发应用的主要工具。 一、Flutter 1.什么是Flutter 2018年6月21日谷歌官方宣布Flutter的首个发布预览版(Release Preview 1)正式发布,这标志着谷歌进入了Fl...

    lastSeries 评论0 收藏0
  • 前端人人都应该理解的盒模型BFC渲染机制

    摘要:如图所示如果你眼力不错或者亲自试试会发现个之间设置了的距离但是他们现在实际的间距却是。如何设置盒模型的类型通过的就可以设置为盒模型了默认是盒模型渲染机制基本慨念是英文缩写翻译为块级格式化上下文。说白了就是一种盒模型的渲染规则。 前端人人都要懂的盒模型BFC渲染机制 为什么我们说,前端工程师有必要需要了解BFC渲染机制? 因为如果你一个前端压根没听说过BFC,那你是如何理解下面这几个cs...

    testHs 评论0 收藏0

发表评论

0条评论

Wildcard

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<