js 实现 平台
以下是在JavaScript中实现跨平台开发的几种常见方法：
使用React Native
React Native允许使用JavaScript和React构建原生移动应用。它支持iOS和Android平台，并提供接近原生的性能。
import React from 'react';
import { Text, View } from 'react-native';
const App = () => {
return (
<View>
<Text>Hello, world!</Text>
</View>
);
};
export default App;使用Electron
Electron用于构建跨平台的桌面应用程序，支持Windows、macOS和Linux。它结合了Chromium和Node.js。
const { app, BrowserWindow } = require('electron');
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
win.loadFile('index.html');
}
app.whenReady().then(createWindow);使用Node.js
Node.js可以用于构建服务器端应用，运行在多种操作系统上。结合Express等框架，可以快速开发后端服务。
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(3000, () => {
console.log('Server running on port 3000');
});使用PWA技术
渐进式Web应用（PWA）通过Web技术提供类似原生应用的体验，支持所有现代浏览器。
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/sw.js')
.then(registration => {
console.log('ServiceWorker registration successful');
})
.catch(err => {
console.log('ServiceWorker registration failed: ', err);
});
});
}使用跨平台框架
框架如Ionic或Cordova允许使用HTML、CSS和JavaScript构建移动应用，并通过WebView运行。
document.addEventListener('deviceready', onDeviceReady, false);
function onDeviceReady() {
console.log('Device is ready');
}每种方法适用于不同的场景，选择时需考虑目标平台、性能需求和开发资源。
