01-初识前端

一、邂逅前端开发

1.1. 软件开发、软件开发体系

这儿放个图~

1.2.完善的应用程序包括哪些?

  • 服务器开发

  • iOS开发、Android开发

  • Web开发

  • 桌面开发(windows,mac os)

    ++iOS、mac os(OC,swift),Android(java,kotlin),桌面(c#)。。。++

1.3.前端开发的内容

  • 前端开发的任务:

    • web,小程序
    • 移动端(uniapp),桌面端(electron、vscode)、服务器开发(Node)
  • 前端开发的路线

    html->css->js->vue->react

二、邂逅web开发

2.1网站和网页的关系

网页就是一个页面,网站包含很多页面

2.2网页的组成部分

  • HTML:网页的结构
  • CSS:网页的样式
  • JavaScript:网页的交互

2.3服务器的概念

一台没有显示器的电脑,一般配置Linux内核

2.4浏览器内核(渲染引擎)

1.Trident(三叉戟):IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器(vue3不咋支持了)

2.Gecko(壁虎):Mozilla Firefox

3.Presto(几板乐曲)-> Blink(眨眼):Opera

4.Webkit:Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器(Android、iOS)

5.Webkit -> Blink:Google Chrome,Edge

2.5前端开发工具

1.Webstorm

  • 优点:集成开发工具,有很多配置好的东西
  • 缺点:体积大,收费

2.VSCode(微软开源的)

  • 优点:体积小,免费
  • 缺点:需要安装一些插件辅助开发
相关推荐
晓得迷路了1 分钟前
栗子前端技术周刊第 112 期 - Rspack 1.7、2025 JS 新星榜单、HTML 状态调查...
前端·javascript·html
怕浪猫4 分钟前
React从入门到出门 第五章 React Router 配置与原理初探
前端·javascript·react.js
jinmo_C++4 分钟前
从零开始学前端 · HTML 基础篇(一):认识 HTML 与页面结构
前端·html·状态模式
鹏多多10 分钟前
前端2025年终总结:借着AI做大做强再创辉煌
前端·javascript
小Tomkk19 分钟前
⭐️ StarRocks Web 使用介绍与实战指南
前端·ffmpeg
不一样的少年_23 分钟前
产品催: 1 天优化 Vue 官网 SEO?我用这个插件半天搞定(不重构 Nuxt)
前端·javascript·vue.js
-dcr24 分钟前
50.智能体
前端·javascript·人工智能·ai·easyui
行者9634 分钟前
Flutter跨平台开发适配OpenHarmony:进度条组件的深度实践
开发语言·前端·flutter·harmonyos·鸿蒙
云和数据.ChenGuang35 分钟前
Uvicorn 是 **Python 生态中用于运行异步 Web 应用的 ASGI 服务器**
服务器·前端·人工智能·python·机器学习
IT_陈寒37 分钟前
SpringBoot 3.0实战:这5个新特性让你的开发效率提升50%
前端·人工智能·后端