赞
踩
在现在的大前端时代,产生了很多的跨端技术和框架,前端再也不是了那个只需要写html
、css
、js
的时代,而是需要涉及到app
、小程序
、网页(web、h5、大屏数据可视化、webgl)
、桌面端(window、macos、linux)
这些方方面面,现在有很多可供我们选择的技术和框架以及打包工具,我们应该怎么选择呢?
目前比较常见的有以下技术和框架,本文将会结合情况进行分析,助你在跨端开发的时候选择不在有选择困难症。
uni-app
是由 dcloud
出品的一款跨端开发框架,使用 Vue.js
开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台
。
要求:
要求开发者有Vue
基础,熟悉小程序开发。
语法:
基于vue.js
核心代码开发,在开发过程中写法和传统的html
、css
、js
类似,只是对应的标签名这些不同;Api结合多方 + 框架自身的Api,语法类似微信小程序。
可以看下面的代码举例
// <template> <view> <text>我是uni-app</text> </view> </template> // <script> ... </script> // <style> ... </style>
React Native
是由 Facebook
出品的,是将原生开发的最佳部分与 React
相结合, 致力于成为构建用户界面的顶尖 JavaScript
框架。使用js编写ui界面,在渲染的时候进行将js转换为原生的ui,所以进行复杂计算面,大数据量,或者动画时,就可能会产生一定的性能问题,增加应用的耗电量或页面卡顿等问题。
要求:
要求开发者有React
基础,要求精通Flex布局,要求熟悉javascript。
语法:
react Native
的写法和react
大差不差,使用Javascript
语言,类似于HTML
的JSX
,以及CSS
来开发移动应用,语法标签采用android
和ios
原生的标签。是一个由js
去调用android/ios
原生的跨端框架。
可以看下面的代码举例
import React from 'react';
import { Text, View } from 'react-native';
const App = () => {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text>
Try editing me! 声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/827470
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。