前端除了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. 智能机器人:衡量高端制造水平的重要标志
  2. 【深度学习】基于Pytorch的线性模型概念辨析和实现(二)
  3. 10月15日云栖精选夜读 | 阿里巴巴 Apache Dubbo 布道师谈 Service Mesh
  4. 2010.07.13_19:30
  5. bzoj 2756奇怪的游戏
  6. 基站数据库 mysql_基站位置数据库V2说明文档
  7. hive 语句总结_HiveQL查询语句总结
  8. 数字信号处理5:FIR滤波器设计
  9. 4Python全站之路系列之正则表达式re模块
  10. MySQL空间索引简单使用
  11. c语言课件设计食堂饭卡管理系统,食堂饭卡管理系统课件.doc
  12. linux输入法状态栏消失,隐藏 fcitx 输入法的状态栏
  13. 阿里巴巴国际站店铺装修悬浮菜单定位,快速导航链接到某个位置,跳转链接悬浮代码工具代码生成器制作锚点链接
  14. OpenCV Shi-Tomasi角点检测以及goodFeatureToTrack()源码分析
  15. EOJ 1864 二分图匹配
  16. 电影《功夫熊猫1》中的管理知识
  17. (已解决)Android Studio 模拟器连接不上问题
  18. 一个barcode 多个 sku号_亚马逊SKU是什么?有什么作用?
  19. vue判断是Android还是ios手机
  20. HTTP请求头部+响应码

热门文章

  1. 开源阿牛图像处理实验室
  2. 创业公司如何实施敏捷开发(转载)
  3. 【C语言】局部变量、全局变量,局部静态变量,全局静态变量,extern,static的区别...
  4. BoneCP学习笔记
  5. USACO 1.0_Friday the Thirteenth
  6. 鸟哥的Linux私房菜基础学习篇(第二版)第十二章课后习题与答案
  7. 台风怎么看内存颗粒_生态板、密度板、颗粒板各有好处,看你怎么用了!
  8. iOS 11开发教程(九)iOS11数据线连接真机测试
  9. 批量ping工具fping
  10. qt调用c语言编写的dll文件,Qt之调用外部DLL - moki_oschina的个人空间 - OSCHINA - 中文开源技术交流社区...