前端技术栈总结_前端开发技术栈

前端技术栈总结_前端开发技术栈vuereact

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

主流框架: vue react angular

React搭配的组件: 移动端( 原生reactNative、Ant Design mobile:蚂蚁金服)

Vue搭配的组件: PC(element UI,), 移动端(vant有赞,Ant Design蚂蚁金服,uniApp)

  1. Ant Design 是阿里巴巴-蚂蚁金服体验技术部所设计的一个 UI 库,一般用于基于 React 的项目
  2. Vant-UI 是有赞前端团队开发的一个基于 vue 的移动端组件库。

移动端与H5开发

如果vue+vant(移动端组件)叫: h5开发
uniapp, flutter, react-native 叫: 移动端框架开发;

移动端跨端框架:
uni-app:
是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。uni-app 继承自 Vue.js,提供了完整的 Vue.js 开发体验。uni-app 组件规范和扩展api与微信小程序基本相同。有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ,开发出兼容多端的应用。
uni-app基本只需要学会vue开发就可以.
Vue项目里面,使用uniapp:vue create -p dcloudio/uni-preset-vue my-project

Flutter:
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面
需要安装开发工具,mac可以安装xcode,android studio。 fultter需要学习新的语言dart。
Google开发,使用语言: dart。
对应前端开发者来说学习成本较高(需要学习新的dart语言),性能比React-Native高,相比原生低,流畅。
React-Native
facebook的,使用语言: js。 容易上手,性能对比Flutter 相对于低点。

这三者具体的区别对比,百度一下吧,我这边现在上传不上去图片。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/210459.html原文链接:https://javaforall.net

(0)
上一篇 2025年7月25日 下午5:15
下一篇 2025年7月25日 下午5:43


相关推荐

  • 语音信号处理概念

    语音信号处理概念语音交互你知道苹果手机有几个麦克风吗?·语音交互(VUI)是指人与人/设备通过自然语音进行信息传递的过程。语音交互的优势:输入效率高。语音输入的速度是传统键盘输入方式的3倍以上。例如:语音电视选台、远场语音交互、语音支持组合指令输出(“播放周星驰电影、要免费的、4星以上的”)使用门槛低。人类本就是先有语音再有文字,对于那些无法用文字交互的人来说,语…

    2022年5月20日
    67
  • java可重入锁与不可重入锁

    java可重入锁与不可重入锁所谓重入锁,指的是以线程为单位,当一个线程获取对象锁之后,这个线程可以再次获取本对象上的锁,而其他的线程是不可以的。synchronized和  ReentrantLock都是可重入锁。可重入锁的意义在于防止死锁。实现原理是通过为每个锁关联一个请求计数器和一个占有它的线程。当计数为0时,认为锁是未被占有的;线程请求一个未被占有的锁时,JVM将记录锁的占有者,并且将请求计数器置为1…

    2022年6月26日
    29
  • Vue3—父子组件传值(子组件使用 emit 传值到父组件)

    Vue3—父子组件传值(子组件使用 emit 传值到父组件)Vue3中,子组件通过setup函数中的第一个参数值props拿到定义的组件参数进行使用。如果要向父组件传参,需要使用setup函数中的第二个参数值context(组件上下文)中的emit。例1:Tab菜单子组件创建子组件Tabs.vue<template><divclass=”Tabs”><divv-for=”(menu,index)inlistMenu”:key=”index”…

    2022年5月17日
    135
  • 智能体数据验证:AI Agents for Beginners数据格式检查

    智能体数据验证:AI Agents for Beginners数据格式检查

    2026年3月15日
    1
  • Dify实战:私有化部署Dify和搭建AI智能体

    Dify实战:私有化部署Dify和搭建AI智能体

    2026年3月15日
    3
  • 计算机命令netstat,电脑netstat命令的使用方法

    计算机命令netstat,电脑netstat命令的使用方法netstat 命令有什么作用 netstat 一般用于显示与 IP TCP UDP 和 ICMP 协议相关的统计数据 一般用于检测本机各端口的网络连接情况 接下去和大家分享一下 windows 电脑 netstat 命令的使用方法 具体方法如下 1 首先我们介绍第一条命令用法 执行命令 netstat a 显示所有连接和监听端口 LISTEN 在监听状态中 ESTABLISHED 已建立连

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号