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

开发的过程

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

  1. 跟产品了解需求
  2. 跟后台沟通接口
  3. 跟美术对接设计
  4. 写文档
  5. 编写代码
  6. 使用babel,sass等工具编译代码
  7. 部署代码(测试)
  8. 测试代码
  9. 部署代码(正式)

代码运行的过程

  1. 用户访问网站
  2. 查询dns,建立http连接
  3. 内容从服务器到客户端
  4. 构建dom树和cssom树

    1. 字节流转成字符流
    2. 词法分析器将字符流转成token
    3. 构建ast
  5. 构建渲染树
  6. 布局
  7. 绘制
  8. 构建合成层

如何提升

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

  1. HTTP知识,加快网站访问的速度
  2. 浏览器渲染的知识,提升页面性能
  3. 编译原理,了解前端代码是怎么被编译的
  4. linux和nginx等知识,想要独挡一面,还是要了解服务器运行部署方面的知识。
  5. 沟通方面的技巧,
  6. 后端,产品,设计,测试等领域的知识。可以看出,前端需要跟团队中的各种角色交流对接,对相关的领域有了解可以降低沟通的成本。

前端工程师要懂些什么相关推荐

  1. 一个初级的前端工程师需要知道些什么?

    一个初级的前端工程师需要知道些什么? 按照我的想法,我把前端工程师分为了入门.初级.中级.高级这四个级别入门级别指的是了解什么是前端(前端到底是什么其实很多人还是不清楚的,底什么是前端后端.后台),了 ...

  2. Web前端工程师应该懂的的知识点——HTML/CSS

    优雅升级 vs 渐进增强 优雅升级:先满足所有功能,再想尽办法去兼容所有浏览器. 渐进增强:先满足基本功能,保证网页的可访问性,注重标签的语言化:然后再为高级浏览器和高带宽用户提供高级功能与效果. d ...

  3. 前端工程师需要懂的前端面试题(c s s方面)总结(二)

    实现元素水平垂直居中的几种方法: <div id="wrap"><div class="box"></div> </d ...

  4. 互联网首席工程师 - 全栈,懂后端的精英前端工程师

    1. 老百姓身边的互联网 逛街买衣服好累哦 大家想一下,我们在没有互联网的时候,我们买衣服是怎么买的,大家想过吗?在没有互联网的时候,大家买衣服我没猜错的话我们会去商场或者是专卖店,像北京现在天气这么 ...

  5. 美团第一位前端工程师竟是转行程序员!关于他的10年技术生涯

    从饭否到美团,潘魏增用十年的技术生涯,诠释了"长期有耐心"这句话的含义.在他看来,长期有耐心,其实也是延迟满足感.对从事的行业来讲,我们要把眼光放得更长远一些,十年后才有回报的生意 ...

  6. nbiot开发需要掌握什么_什么是前端工程师?前端工程师需要掌握什么技能?

    前言 前端工程师是一个出现了10年左右,而颇受重视则是最近这五六年的事情.受到重视到前端从业人员井喷,也就是这一两年而已.因为前端工程师这个职位出现得太晚,导致各大学校均没有系统的相关教学,我们所熟知 ...

  7. 零基础要如何成为前端工程师?

    如果你是个毫无基础又想要转岗成前端工程师的迷惘初学者,你脑中浮现的第一个问题有八成会是这个.接下来你会做什么?你大概会用:「如何成为前端工程师」.「前端 入门」.「前端 转岗」.「前端 非本科」等等的 ...

  8. 零基础的小明要如何成为前端工程师?

    点击上方"IT平头哥联盟",选择"置顶或者星标" 一起进步- 前言 前端的历史,有点意思,由@胡立分享. 正文从这开始-- 如果你是个毫无基础又想要转岗成前端工 ...

  9. 阿里巴巴、百度前端工程师 2015 暑期实习生面试经历

    2015 年 3 月参加并通过了阿里巴巴和百度的前端面试,前后历时三周,最后选择了阿里无线事业部作为暑假实习,但是也很向往 EFE 的 echarts 哦!有机会一定去体验下~ 这篇博客一来为自己作记 ...

最新文章

  1. 会议会展活动从业技能之会销流程的16个环节
  2. linux系统shell知识点,linux shell 知识点
  3. objects jdk8_JDK 9:NotNullOrElse方法已添加到Objects类
  4. 游戏地图制作---Tiled使用教程
  5. java synchronized 参数_java – 将参数传递给synchronized块的目的是什么?
  6. TeamViewer 收不到邮件该怎么办?
  7. STM32的函数ssert_param(IS_GPIO_ALL_PERIPH(GPIOx));
  8. Android安卓 自定义mapbox地图比例尺
  9. Email应用,SMTP协议,POP协议
  10. mov相关汇编指令| movs | movsx | movzx | movsb | movsw | movsd 图文详解
  11. python3 全局热键_python3注册全局热键的实现
  12. disabled spring cloud bus interation with spring cloud sleuth zipkin
  13. Revit二次开发入门秘籍 01如何入门
  14. 微信小程序 诡异的异步调用问题,函数执行结果与预想不一致
  15. 图像加噪与滤波处理(python+opencv)
  16. DeepFunc:一种深度学习框架,可根据蛋白质序列和相互作用准确预测蛋白质功能
  17. 爆炸的符卡洋洋洒洒 (01背包
  18. Giscus,由 GitHub Discussions驱动的评论系统
  19. 轻松上手CSS Grid网格布局
  20. 读《谨言慎行的力量 - 向南怀瑾学律己》

热门文章

  1. Android - TextureView, SurfaceView和GLSurfaceView 以及 SurfaceTexture
  2. DataTable.DataRow的复制
  3. C#的反射机制调用方法
  4. 三层交换机实现VLAN互通实例
  5. python多个线程join_python-使用`thread.join()`时多线程冻结
  6. ubuntu 压缩率最高的软件_不用写采集规则也可以轻松采集网站文章,揭秘一款明泽文章采集软件的工作原理...
  7. eclipse使用git合并_Eclipse中使用git
  8. 数据包构造分析工具Hping3常用命令集合大学霸IT达人
  9. Swift3.0语言教程字符串转换为数字值
  10. Android 2D游戏引擎AndEngine配置环境