2020年大前端架构（web前端技术）

头像
浅梦兮
    阅读 2 分钟
    9

    大前端时代

    image-20200517194327548.png

    1. 泛客户端：跨平台的特性；
    2. Serverless：原本的后端越来越多任务和权限向前端迁移；
    3. 前后端分离：实现前后物理和真正意义上的项目分离；
    4. node.js:该技术的出现使得前端进入使用工具进行工程化开发的大前端时代和使得客户端脚本语言Javascript能进行后台服务开发。

    知识储备

    image-20200517194523388.png

    前端工程化

    就是前端的使用各种项目管理工具和项目开发工具，使得前端开发更加规范和工程化，规范前端的开发规范和开发效率。
    例如，vue全家桶和react全家桶等技术栈。

    数据流管理方案

    image-20200517205256950.png

    前后端分离最佳实践

    1. 中小型项目

      基于ajax

    image-20200517210125159.png

    1. 大型项目

      node中途岛

    image-20200517210143390.png

    服务端渲染

    vue、react等都是客户端js框架，用户打开界面都会有短暂的空白。

    改解决方案用于解决这个问题，改善用户体验。~~~~

    image-20200517205903636.png

    静态Web开发

    image-20200517204038854.png

    Flutter原生App开发

    与react.native差别很大，不是原生。

    image-20200517204412838.png

    Taro多端统一开发方案

    image-20200517204807925.png

    Electron跨平台桌面应用开发

    VS Code

    image-20200517204926080.png

    总结

    image-20200517205105147.png

    javascript前端vue.jsnode.jsreact
    浅梦兮
    22 声望1 粉丝

    引用和评论

    推荐阅读
    头像
    Vue.js-Vue实例

    寒青赞 11阅读 7k

    头像
    2025年最新反编译微信小程序的教程及工具

    TANKING赞 9阅读 6.4k

    头像
    手写一个动态海洋和天空效果的vue hooks

    夕水赞 7阅读 1.9k

    头像
    你可能不知道的图片加载相关知识

    夕水赞 7阅读 5.2k

    头像
    原生JS大揭秘—JS代码执行原理解刨

    Damon赞 6阅读 5.7k评论 2

    头像
    使用CSS给标题添加书名号并超出省略

    XboxYan赞 3阅读 2.5k

    头像
    原生electron起步-从零到一完成构建和打包

    兔子先森赞 3阅读 3.4k评论 1

    0 条评论
    得票最新