首页 > 其他分享 >三大框架的认知

三大框架的认知

时间:2022-10-30 00:55:50浏览次数:57  
标签:框架 渲染 认知 前段 使用 三大 页面

简单介绍下vue

前段三大框架之一,渐进式框架

使用的MVVM模式

属于数据驱动方式,核心是通过属性访问器和es6代以及观察者模式实现的双向绑定和虚拟DOM技术

简单介绍下React

前段三大框架之一

专注于视图层

使用jsx语法,与就是html与js混合语法

组建化编程可以使用函数声明式也可以使用类声明式

数据单项流动,实际指的是porps只读且当前组件内不可修改

使用的虚拟DOM技术

简单介绍下angular

前段三大框架之一,大型项目用的比较火

组建化开发,组建是由至少两个文件css ts组层

数据驱动,模块化编程

脏检查机制

MVC模式

特殊的服务service方式

ts语法开发,使用装饰器模式

单页面应用与多页面应用

实际指的就是项目种由多少个html页面构成

三大框架都是spa单页面框架

多页面就是原始的MPA方式

单页面优势是局部渲染不需要频繁到后端请求资源文件

局部渲染页面跳转速度快

用户体验更好

缺点是局部渲染加载需要计算,首页加载速度慢

SEO效果差,因为需要计算才能出页面,导致搜索引擎能获取的信息较少

标签:框架,渲染,认知,前段,使用,三大,页面
From: https://www.cnblogs.com/camellioil/p/16840335.html

相关文章

  • scrapy爬虫框架
    1,pip/pip3installscrapy命令框输入scrapy报错的话/不是内部命令,先pipunstallscrapy卸载,然后再安装,找到报错信息warning,那边有一个·地址,添加到环境变量......
  • 使用vue框架的前后端分离开发打通
    在前后端混合开发的模式中,我们可以在django中的模板页面直接书写jquery的ajax语法,向后端发送请求但是在前后端分离的开发模式中,前端一般是使用vue框架进行搭建的,而vue需要......
  • 【2022-10-29】前端Vue框架(四)
    一、计算属性计算属性实现首字母大小写<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="./js/vue.js"......
  • Apache Flink 流计算基准测试框架
    每一种引擎有其优势的地方,如何选择适合自己业务的流计算引擎成了一个由来已久的话题。除了比较各个引擎提供的不同的功能矩阵之外,性能是一个无法绕开的评估因素。基准测试(b......
  • 乘风破浪,遇见最佳跨平台跨终端框架.Net Core/.Net生态 - 社区组件集锦(.NET Core Comm
    什么是.NETCoreCommunityhttps://github.com/dotnetcore一个诞生于中国的非官方的.NET开源社区,为.NET生态系统做出贡献。DotNetCoreEasyCaching简介EasyCaching......
  • 使用泛型和反射实现一个简单的ORM框架
    什么是ORM框架?ORM框架是连接数据库与实体类帮助程序对接数据库的框架,类似于三层架构的数据访问层,但ORM框架可以根据数据库生成实体类,或者根据实体类生成数据库,解决了......
  • python+unittest单元测试框架失败重跑3次机制+失败3次跳过用例【杭州多测师】【杭州多
    一、用函数实现:python+unittest单元测试框架失败重跑3次机制+失败3次跳过用例importsysimportfunctoolsimporttracebackimportinspectimportunittestdefretr......
  • Qt图形视图框架--精确选中连接线
    一、前言在使用Qt图形视图框架进行组态软件开发过程中,我通过继承自QGraphicsPathItem自定义的连接线图元Arrow,发现点选连接线特别不灵敏;classArrow:publicQGraphicsPath......
  • Qt图形视图框架--图元总结
    文章目录​​一、基类QGraphicsItem​​​​二、内部图元​​​​2.1、椭圆图元--QGraphicsEllipseItem​​​​2.2、线段图元--QGraphicsLineItem​​​​2.3、路径图元--Q......
  • 7.区块链系列之hardhat框架部署合约
    先前讲解的本地部署只能合约的方式编码较多,现在我们介绍目前比较流行的智能合约框架hardhat1.环境准备yarninityarnadd--devhardhatyarnhardhatnpminstall--sa......