文章目录React 路由?相关理解⛳SPA的理解⛳路由的理解⛳react-router-dom的理解?react-router-dom相关API⛳内置组件⛳其他?路由的基本使用⛳案例⛳总结?路由组件与一般组件⛳区别 React 路由?相关理解⛳SPA的理解1️⃣ 单页Web应用（single page web application，SPA）。 2️⃣ 整个应用只有一个完整的页面（单页面，多组件
1. Electron 发展现状2020年5月SpaceX发射的Dragon 2载人航天飞船，使用了Chromium和JavaScript来构建用户界面。消息一出，立即引起了技术界的热烈关注，一个Web框架被使用到对效率和可靠性要求极高的航天应用场景，一方面反映了SpaceX在技术领域的敢于突破传统的实干精神，同时也把两个跨领域的技术：桌面客户端和Web技术栈的完美结合案例带入了大众的视野。&nb
-electron更新程序接入需要注意每个插件的版本，不然会遇到各种各样的问题；我使用各个插件的版本："electron-builder": "^21.0.0",
"electron-updater": "^3.0.0",
“node”: '^16.13.2',
"vue-cli-plugin-electron-builder": "^2.1.1"这里用了electron-updater中的au
Electron是什么Electron是由Github开发的开源框架,它允许用户使用Web技术开发桌面端应用,现在Electron框架由OpenJS基金会进行维护。Electron = Chromium + Node.js + NativeAPIChrominu允许使用Web技术写UINode.js赋予Electron操作底层的能力NativeAPI提升了Electron的跨平台的能力,使其获得更
Electron是一个基于Node.js和Chromium的框架，用于构建跨平台的桌面应用程序。在开发Electron应用程序时，我们通常需要实现应用程序的自动更新功能。为了简化自动更新的实现，Electron提供了一个名为autoUpdater的模块，它可以帮助我们自动检查、下载和安装应用程序的更新。在本篇文章中，我们将介绍如何使用Electron的autoUpdater模块来实现应用程序的自动
在React中使用react-router-dom路由前言使用React构建的单页面应用，要想实现页面间的跳转，首先想到的就是使用路由。在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。一、安装react-router-dom首先进入项目目录，使用npm安装react-ro...
原创
2021-06-21 18:13:35
1777阅读
安装安装bootstrap命令如下：npminstallbootstrap--save 安装后可能报告如下错误：npmWARNbootstrap@4.1.3requiresapeerofpopper.js@^1.14.3butnoneisinstalled.Youmustinstallpeerdependenciesyourself. 需要自行安装popper，命令如下：npm
原创
2018-11-05 23:18:50
1813阅读
小拉在实际工作中，接触C、C++多些，有时也需要开发串口、网络等工具类上位机桌面应用软件，当然可以直接使用QT、MFC等技术来开发也很方便；怎奈接触到前端技术后，羡慕前面做界面又美观、又快速，还有大量的UI框架，图表库使用。如果能够实现业务逻辑由C/C++开发，界面由纯html5开发，该有多好；我试着找到了还算好用的解决方案： 应用QWebchannel打通C++与JS的通信，Electron开发
1、先用create-reat-app创建一个程序 在package.json中配置 "homepage": ".", 要可以从本地访问 2、npm i electron --save-dev 3、在package.json中配置入口文件，具体如下： { "name": "myre", "versi ...
转载
2021-05-12 23:35:00
263阅读
2评论
React是一个流行的JavaScript库，用于构建Web应用程序。结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤：1. 安装Electron首先，你需要安装Electron。在终端中运行以下命令：npm install electron --save-dev2. 创建Electron应用程序使用Elect
原创
2023-06-27 10:26:49
203阅读
JVM运行时的原型写的差不多了，但还是有很多体力活儿要做，思考着未来给PHP,JS,TS，JAVA提供桌面UI的，
转载
2021-08-03 00:07:00
1368阅读
2评论
1、安装redux、react-redux npm install --save redux react-redux (1) 这里解释一下react-redux、redux 的作用 redux 是状态仓库 react-redux 用于把 react 和 redux 进行关联，使所有的子组件都可以拿到 ...
转载
2021-09-14 19:57:00
195阅读
2评论
react中使用icon 创建icon。js文件 import { Icon } from 'antd'; const AmsIcon = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_1716373_kcn07h2np ...
转载
2021-08-16 15:24:00
583阅读
2评论
react中redux 三大原则 redux中文网 单一数据源 整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。 state是只读的 唯一改变 state 的方法就是触发 action，action 是一个用于描述 ...
转载
2021-06-14 00:58:00
221阅读
2评论
react使用1.React概述1.1 什么是React？1.2 React特点2.React的基本使用2.1 React的安装2.2 React的使用3.React脚手架的使用3.1 使用React脚手架初始化项目3.2 在脚手架中使用React3.3 JSX的基本使用3.4 组件3.5 React事件处理3.6 组件中state和setState3.7 表单处理4.组件通讯4.1 组件的pr
首先 npminstallless-loaderless--save-dev安装之后终端npmruneject来暴露webp
原创
2023-01-03 14:51:41
110阅读
疑问 问：React Suspense有什么用呢？ 答：在动态导入的帮助下，React Suspense让我们轻松定义延迟加载的组件。 代码demo const OtherComponent = React.lazy(() => import('./OtherComponent')); functi
原创
2022-05-12 20:29:46
5142阅读
main.js package.json 执行 npm run dev
转载
2018-08-23 11:53:00
150阅读
2评论
# 使用React、TypeScript和Electron构建跨平台桌面应用
随着技术的不断进步，我们现在可以使用Web技术来开发跨平台的桌面应用程序。React和TypeScript是目前非常流行的前端开发技术，而Electron是一个强大的桌面应用程序开发框架。本文将带您深入了解如何使用React、TypeScript和Electron来构建跨平台的桌面应用程序。
## 什么是React？
1. Electron 是什么？使用github开发的开源框架允许开发者使用Web（js,html,css）技术构建跨平台的桌面应用Electron=Chrominum + node.js + Native API高效：通过Web技术写UI能力：底层能力能力&体验：跨平台&原生能力2. Chromium + NodejsChromium架构Chromium是谷歌开源的项目，相当于c
转载
2023-07-26 16:08:42
155阅读
