字节青训营-前端入门-web开发基本情况

72 阅读2分钟

关于前端开发的起源、架构、变迁:

起源: 1990年蒂姆伯纳斯李 提出了万维网的概念 ,并发明了http协议,url(统一资源定位符),html语言 ,使得每一台计算机可以通过一个链接,一个网页地址获取计算机产生的任何以网页形式 存放 的资源与数据

1990 年,万维网作为 CERN 非正式项目启动。 伯纳斯-李在一台 NeXT 电脑上,编写万维网的代码,创建了第一个 Web 浏览器,架设了第一个 Web 服务器,之后又上线第一个 Web 页面(1991 年 8 月 6 日)。

万维网将互联网变成一个资源库,这是迄今为止人类最大的信息和知识库。突然之间,人们可以在万维网上查询天气或跟踪股市情况,你可以在万维网上做很多事情。

上网的本质: 上网指接入internet,互联网是地球上相互链接的计算机构成的网络,计算机网络诞生于上世纪60年代,标志性的通信协议是TCP/IP1

web开发的发展:

  • 只读时代: 1998 2004(每次改变页面需要刷新)

  • 体验时代 2005 2010 :(Ajax技术的产生)异步加载 不刷新展示更多数据;

  •    用户生成内容 ,社交媒体
    
  • 敏捷时代 2011至今:(更多框架,打包工具的出现)

前端应用的领域--需要知道的:

服务端:

-   node.js,express.js,koa

    node.j是一个 基于 v8 引擎的js运行环境,使得js可以运行在服务端的开发平台上;

    express.js与koa都是基于node.js的服务端应用框架;

终端与跨端:

  • 终端 :webpack cli ,babel cli vue cli React cli

啥是跨端: 跨端就是使用非封闭式系统语言开发使得应用能够在多个封闭式操作系统中运行,简单来说跨段就是我们使用一套代码,通过进行编译,最后展示在其他操作系统上,也可以说成展示在其他终端。

桌面跨端:

  • Electron NW.js

移动端跨端:

  • uni-app 使用vue语言--DCloud(数字天堂-北京)-小程序

  • React Native 使用 react 框架 --facebook

  • Flutter --google

关于前端开发:语言 、框架 、工具

sp20241110_010636_867.png

对于WebAssermbly的了解:

  • WebAssembly(缩写为 wasm)是一种使用非 JavaScript 代码,并使其在浏览器中运行的方法。

  • WebAssembly不是编程语言,它是一种中间格式,叫字节码,可以作为其他语言的编译目标。

babel : js编译器;

esbuild : js快速打包器

深入了解现代浏览器:--juejin.cn/post/738029…

Http的概述:---blog.csdn.net/sunny_98_98…

前端开发学习路线:--roadmap.sh/frontend