访问量
访客数

前端入门学习路线

2024.02.29 阅读量

前端知识点

基础知识

网络知识

  1. HTTP
  2. DNS
  3. 域名
  4. 云服务
  5. 网络安全

HTML

CSS

JavaScript

JQuery

Ajax

ES6-ES11

综合应用

工程化体系

代码规范

CSS预处理器

Node

Promise

Axios

工具

  1. 包管理工具
  2. 打包工具
  3. 代码格式化工具
  4. 调试工具
  5. 版本管理工具
  6. 部署发布工具

主流技术

静态站点生成器

移动端

微信小程序

Native App

原生APP开发模式

优点:

  1. 可轻易调用手机所有硬件实现功能
  2. 速度更快、性能高、整体用户体验最好
  3. 质量安全性很高

缺点:

  1. 开发周期长及维护成本高(比如ios和android需2端开发2个app)
  2. 学习成本高(ios必须会swift,android必须会Java)

安卓原生

IOS原生

鸿蒙原生

Web App

HTML5 APP 框架开发模式,Web App即我们通常所说的H5 app,主要通过HTML,CSS,JS构建页面,然后发布到服务器,用户通过手机网络访问这些页面。类似微信公众号等。

优点:

  1. 项目独立,维护更容易,兼容多平台
  2. 开发周期短,学习成本低
  3. 更新发版更容易

缺点:

  1. 体验不好,对设备和网络要求高,经常卡顿,性能差
  2. 无法调用系统硬件

Hybird App

混合模式移动应用,介于Web App、Native App这两者之间的app, Hybrid App主要以JS+Native两者相互调用为主,从开发层面现“一次开发,多处运行”的机制,成为真正适合跨平台的开发,是目前乃至未来发展的趋势。

优点:

  1. 维护容易,能调用部分系统硬件,兼容多平台
  2. 开发周期短,学习成本低

缺点:

  1. 可能需要会原生开发以支持更多的硬件调用
  2. 性能跟原生还是有差距,对设备有一定要求

Uni-App

Taro

React Native

Flutter

性能优化和监控

性能优化概览

浏览器及工作方式

SEO

资源管理

  • 延迟加载
  • 按需加载
  • 缓存复用
  • CDN部署
  • 请求合并
  • 异步同步
发表评论