来啦各位大佬~但很不好意思,我就是标题党,这篇博文并没有很明确的给出「如何形成前端知识体系」答案,我自学前端,在面试字节的时候,字节的大佬说我的知识点没有成体系,很零散的飘在各个地方,故而我尝试整理了一下自己的知识点并串起来。

可能不是很准确,但应该也可以作为参考,欢迎各位大佬前来纠错!!!

前端是什么?

我的理解,前端是一种门户,是一个产品里用户最先看到的地方;就像一个建筑里的大门,那我们就开始建房子啦~(bushi

浏览器

建房子之前要干嘛呢,当然是选址!选一个面朝大海春暖花开的地方;地基就像是浏览器,土体或岩体基础支撑一栋房子,而浏览器就是承载和解析前端代码像地基一样的存在,所以在学习前端之前肯定要先了解一下浏览器这个软件是由哪些部分组成的,又是如何去解析前端代码的。「图文讲解」浏览器原理与页面渲染过程

语言基础

选完地址就要设计房子啦,是要二层小复式还是大开间,几室几厅等;这里就相当HTML,前端页面要展示什么内容,需要有哪些页面。

房子设计好后,就要考虑装修啦,要设计成什么风格,北欧风/田园风/新中式等,就是房屋的美化;这里就相当于CSS,前端内容设计好后的美化,当然不美化房子也能住页面也能看,就是毛坯房嘛,但可能就没有人买了,所以利用CSS提高页面颜值还是很重要的。

房子装修好了,那就会有人住进来了,那么就会买买买,每个家具电器空调洗衣机冰箱等要怎么用;这里我的理解就是JavaScript,页面设计好后就会有用户使用了,所以JavaScript是实现人机交互的,让房间更有生活气息让页面更加生动。当然,一个页面没有JavaScript也是有的,那就是静态页面嘛,就像样板间只能参观不能住人。

(未完待续。。持续更新中。。。

如何形成前端知识体系相关推荐

  1. web前端知识体系大全

    1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的 ...

  2. (一)梳理前端知识体系,搞定大厂必考面试题

    梳理前端知识体系,搞定大厂必考面试题 常见面试题 JS基础知识 变量类型和计算 原型和原型链 作用域和闭包 异步和单线程 运行环境 HTTP协议 总结 常见面试题 JS基础知识 变量类型和计算 typ ...

  3. Web前端知识体系精简

    Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知 ...

  4. layui 如何动态加载局部页面_从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!

    前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. ...

  5. 针对WEB前端新人的前端知识体系

    现在谈到WEB前端的技术结构.知识体系,都会搞出一个非常大.枝叶非常多且细的相当宏大的思维导图,就像这种的,这种大而全的图示对新人来讲,太大了,不好掌握,而且容易在其中迷失.我想今天和大家谈一下针对新 ...

  6. Web前端知识体系梳理,值得收藏!

    前言 现在是信息时代,经过 web1.0 时期.web2.0 时期到现在的移动互联网时期,信息获取越来越高效,坐着不动就会有大量的新闻.博客.资讯向你推荐而来. 作为一名靠谱的程序员,你免不了要查阅大 ...

  7. Web 前端知识体系精简

    Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知 ...

  8. 前端知识体系思维导图

    前端知识体系思维导图 前言 hello大家好,我是"风不识途",本文是想分享一下,笔者在自学前端时所学到的知识,总结的思维导图(并不包含前端所有知识点),很多都是结合自己的笔记来进 ...

  9. 历时8个月,10w字!前端知识体系+大厂面试笔记(工程化篇)

    前言 本文是10w字 前端知识体系+大厂面试总结 的 第三篇 其余3篇为基础知识篇.算法篇.前端框架和浏览器原理篇,如果还没有阅读,建议了解下 工程化目的是为了提升团队的开发效率.提高项目的质量 例如 ...

  10. 玩转Vue3全家桶开篇词丨如何借助Vue3建构你的前端知识体系?

    你好,我是盛鑫晶,网名大圣. 先简单介绍一下我自己,我曾经就职于百度和 360,最近几年从前端架构师转型做 IT 教育,现在是一名自由职业者.我也喜欢混迹开源社区,同时也是 Vue 3 的 Contr ...

最新文章

  1. 读懂ConnectString 中 enlist 设置的含义
  2. Fiddler的学习
  3. 搭建 Verilog 仿真环境
  4. android 悬浮球简书,轻松自制flyme悬浮球
  5. [RabbitMQ]队列持久化
  6. Java 必须掌握的 12 种 Spring 常用注解
  7. [转]使用 LDAP 组或角色限制访问,包含部分单点登录SSO说明
  8. php调用window系统自带的命令,比如计算器
  9. Linux C面试题(内存管理)
  10. 检查点和oracle数据库的恢复(一)SCN
  11. HTML5:表单提交
  12. centos7执行 wget命令: command not found的两种解决方法
  13. 一位程序员从业余项目被收购中所学到的
  14. Struts原理、开发及项目实施
  15. 5.MSDN的下载和使用
  16. 一文了解Android游戏SDK开发
  17. JS === 实现多个光标跟随事件
  18. 异常来自HRESULT.0x80029C4A(TYPE_E_CANTLOADLIBRARY)的解决方法
  19. 程序员的饭碗和杯具 .
  20. GICv3-4宏观视图

热门文章

  1. 22考研总分370+专业课130+上岸吉大计算机学硕
  2. rxjavamap和flatmap区别,Flutter全方位深入探索,看完这篇彻底明白了
  3. 鼠标变形史:都是你想不到的奇葩
  4. Excel VBA + GUI Script 创建SAP采购订单-ME21N
  5. C语言结构体定义的几种方法
  6. oracle 检查dmp文件格式,查看oracle数据库dmp文件的字符集信息
  7. matlab截取左上四分之一,Excel求一组数据的四分之一分位数
  8. 【线束测试】线缆测试仪分布式并行测试系统
  9. oracle ora 24324,Oracle:ORA-24324: 未初始化服务句柄 ORA-24323: 不允许此值 ORA-01090: 正在关闭 – 不允许连接 | 学步园...
  10. [业界动态]瑞萨发布用于手机开发的SH-MobileJ2多媒体加速器平台(转载)