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
269阅读
2评论
前言作为一名 Java 开发人员,尤其是 Java 服务端工程师,对于 Reactive Programming 的概念似乎相对陌生。随着 Java 9 以及 Spring Framework 5 的相继发布,Reactive 技术逐渐开始被广大从业人员所注意,笔者作为其中一员,更渴望如何理解 Reactive Programming,以及它所带来的哪些显著的编程变化,更为重要的是,怎么将其用于实
main.js package.json 执行 npm run dev
转载
2018-08-23 11:53:00
152阅读
2评论
# 使用React、TypeScript和Electron构建跨平台桌面应用
随着技术的不断进步,我们现在可以使用Web技术来开发跨平台的桌面应用程序。React和TypeScript是目前非常流行的前端开发技术,而Electron是一个强大的桌面应用程序开发框架。本文将带您深入了解如何使用React、TypeScript和Electron来构建跨平台的桌面应用程序。
## 什么是React?
原创
2023-10-16 09:18:16
67阅读
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
176阅读
react接入less、less-loader
原创
2023-05-17 11:46:41
260阅读
本文介绍react相关的过渡动画效果的实现有点类似vue的transition组件,主要用于组件mount和unmount之前切换时应用动画效果安装cnpm install react-transition-group --savetransition动画import React from 'react'
import ReactDOM from 'react-dom'
import Transi
转载
2024-02-28 15:02:58
61阅读
React 是用于构建用户界面的JavaScript库,其核心是让开发者能够使用函数组件创建组件驱动的用户界面。它带有一些内置解决方案,例如,用于本地状态、副作用和优化性能的 React Hooks,但这些只能处理函数(组件和Hook)以创建 UI。React 拥有一个庞大的生态系统,可以帮助开发人员更快地实现复杂的UI。本文就来看看 React 最新的生态系统,以实现快速技术选型!创建项目在 R
在数字设计的领域中,粒子动画已经成为一种引人入胜的视觉工具,能够为网站和应用增加深度与动态感。ReactParticles.js 是一个专为 React 开发者打造的高效、灵活的粒子组件库,它基于强大的 tsParticles 库,带给你的项目无限创意可能。项目介绍ReactParticles.js 提供了一个简单的接口,让你轻松地在你的 React 应用中集成惊艳的粒子效果。只需几个代码行,就
后面会陆续写一些文章分析React Native源码,今天分析下模块加载的过程,包括系统模块和用户自定义模块的加载。源码是基于0.19.1,加载的大概流程和0.54差别不大,所以小伙伴们也不用特别纠结。首先先看下怎么自定义Java模块给JS调用。直接用的官方的ToastAndroid的例子了。 ###1.自定义模块 首先创建一个原生模块,原生模块是继承了ReactContextBaseJavaMo
1.安装react环境 npm install create-react-app 2.创建名称 create-react-app apps(项目名称) 3.进入项目 cd apps 4.运行react npm start 出现react页面即成功 文件夹apps 项目中包含文件!其中,node_modules是包管理文件; public是web容器,如果用json或者axios访问的文件都要在p
npm install less@3.9.0 npm install less-loader@4.1.0 下载完成后执行:npm run eject;暴露config等一些配置文件 const sassRegex = /\.(scss|sass)$/; const sassModuleRegex = ...
转载
2021-08-08 08:40:00
112阅读
2评论
盖房子要想理解这些概念是什么以及如何使用它们,我们先来写一个小示例。就盖个房子如何? 组件如果你还记得我们在前面文章中所讨论过的,组件的概念是 React 的三大支柱之一。使用 React 开发应用基本都是在使用组件。第一步是将 UI 分解成多个组件。例如,我们可以这样来拆分房子: 现在来编码!House:
<div>
<Roof /> // 房顶
>React 的工作原理React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时,React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变,第二步是调节(reconciliation),会用 diff 的结果来更新 DOM。>使用 React 有何优点只需查看 render 函数就会很容易知道一个组件是如何被渲染的JSX 的引入,使得组
转载
2024-07-11 18:20:49
21阅读
什么是 React ⚛️React 是 Facebook 开发的一个 JavaScript 库,除其他外,它还用于构建 Instagram.com。它的目的是让开发人员能够轻松地为网站和应用程序等创建快速的用户界面。React 的主要概念。js是虚拟DOM什么是Electron.jsElectron.js 是一个运行时框架,允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应
原创
2023-02-13 13:58:10
1481阅读
步骤:1, 先创建一个react 项目。2,然后修改 package.json 添加 electron 依赖。 electron 的基础实现中的main.js package.json 修改的部分:{ "main": "main.js", "dependencies": {
... "electron": "7.3.3",
... }, "scripts": {
...
转载
2021-02-27 12:49:02
233阅读
2评论
一、加载React:react.js 、react-dom.js 和 Browser.js
其中,react.js 是 React 的核心库,
react-dom.js 是提供与 DOM 相关的功能,
Browser.js 的作用是将 JSX 语法转为 JavaScript 语法,这一步很消耗时间,实际上线的时候,应该将它放到服务器完成
(1.1 安装Babel工具,命令如下:
移动端上拉加载下拉刷新,是一个很常见的web需求,下面结合自己的学习分享一下心得。引用iscroll库import iScroll from 'iscroll/build/iscroll-probe';只有这个库可以返回滚动时的滚动距离。在react组件生命周期中,监听scroll事件在react组件生命周期中,componentDidMount里监听document的touchmove事件,禁止
写于:2017-1-18完整干净demo地址:coding.net/u/java_luo/p/react_luo/git技术栈: react,redux,webpack,eslint,babel,antd(蚂蚁金服ui)1、前期准备①、windows系统,本框架是在windows系统下配置的 ②、SublimeText, 用的这个编辑器 ②、安装node.js ③、创建一个文件夹,用nod
[译] React 18 新特性概览去年 React 17 发布的时候,一度被大家吐槽“无新特性”,因为没有添加任何面向开发人员的新功能,而主要侧重于升级简化 React 本身。那么即将到来的 React 18 又有哪些新特性呢?React 官方团队在近日成立了 React 18 工作组,并在6月9日发布了 React 18 发布计划:React 18 Alpha 版本 (现在可用)React 1