1.用react写windows软件？
2.Vite源码解析(三)之热更新篇
3.用react写windows软件？

用react写windows软件？

       在windows下用reactnative写的源码程序可以在ios上用么

       ReactNative结合了Web应用和Native应用的优势，可以使用JavaScript来开发iOS和Android原生应用。分析在JavaScript中用React抽象操作系统原生的源码UI组件，代替DOM元素来渲染等。分析ReactNative使你能够使用基于JavaScript和React一致的源码开发体验在本地平台上构建世界一流的应用程序体验。ReactNative把重点放在所有开发人员关心的分析低位捡钱源码平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook在多个应用程序产品中使用了ReactNative，源码并将继续为ReactNative投资。分析其好处显而易见：减少了人力、源码节省了时间、分析避免了iOS与Android版本发布的源码时间差，开发新功能可以更迅速。分析下面，源码我们可以尝试用ReactNative创建一个iOSAPP.在我们开始之前，分析我建议：你可以在Github里先下载ReactNative的源码代码框架。里面还有一些示例项目，的游戏，Movies（一个看**的APP）,SampleApp,TicTacToe(一款游戏)和UIExplorer（能显示出所有用ReactNative替代的控件，如ListView，TabBar，MapView,Slider）），对于学习用如何用ReactNative创建UI,这些都是非常好的例子,尤其是UIExplorerAPP，它几乎用到了每一个您的APP中需要创建的UI控件。回答不容易,希望能帮到您,满意请帮忙采纳一下，谢谢

       windows下搭建reactnatice怎么还装python

       1.安装Python

       1）下载Python

       建议安装2.7.版本，3.x以上版本不支持。手柄蓝牙源码

       我安装的路径是：C:\Python

       2）在用户变量中添加：PYTHON_HOME，值：C:\Python如下：

       3）在系统变量Path中添加两个变量值：%PYTHON_HOME%、%PYTHON_HOME%\Scripts（其他系统的界面会不一样，添加的值都一样）

       2.安装git

       1）下载

       2）下载完直接安装就可以了。注意到选择组件这一步骤时，要选择上’UseaTrueTypefontinallconsolewindows’.

       下一步，选择WindowsCommandPrompt

       下一步，选择CheckoutWindows-style,commitUnix-stylelineendings

       下一步，选择UseWindows’defaultconsolewindow

       下一步，全选

       完成安装

       3.配置android环境

       1）下载AndroidStudio

       此软件是整个android编程所需要的

       2）设置环境变量ANDROID_HOME

       在环境变量中配置ANDROID_HOME，指定sdk路径，本人配置如下：

       3）配置环境变量path

       在环境变量path中添加2个变量：%ANDROID_HOME%\tools、%ANDROID_HOME%\platform-tools

       4.安装nodejs

       1）到官网上面下载对应的安装文件

       默认安装在C:\ProgramFiles\nodejs文件夹下。

       2）建议设置npm镜像以加速后面的过程

       安装成功后，我们在命令行分别输入：

       npmconfigsetregistry–global

       npmconfigsetdisturl–global

       3）配置python版本

       在命令行输入npmconfigsetpythonpython2.7

       4.安装ReactNative

       1）安装ReactNative有2种方法，第一种直接上github下载解压，第二种用git命令行下载。

       本人用的是git命令方法，第二种。

       ①在github上下载解压：

       在github上下载。然后解压，我们解压在E:\ProgramFiles(自行选择路径)。

       ②用git命令行下载

       用命令行进入到E:\ProgramFiles目录，此目录更加用户爱好选择。输入此目录后，源码屎山会自动下载到当前目录下。

       然后输入命令gitclone

       通过上述两种方法，最终看到我们下载下来的reactnative

       2）安装react-native命令行工具

       在命令行输入：

       npminstall-greact-native-cli

       3.创建HelloWord项目

       1）创建自己的项目路径，我们创建在F:\ProjectWorkspace\ReactNative

       2）CMD命令行到上面路径下，然后输入命令react-nativeinitHelloWorld来创建项目。这里HelloWorld为项目名，读者可根据自己喜好来定义。

       安装过程要等待一段时间，这个过程会下载一些包。

       3）如果第2步等待完成之后，没有出现错误，可以省略这一步。

       在等待了很长的时间后（大概半个小时），出现了错误，一大推错误，如下

       F:\ProjectWorkspace\ReactNativereact-nativeinitHelloWorld

       ThiswillwalkyouthroughcreatinganewReactNativeprojectinF:\ProjectWorkspace\ReactNative\HelloWorld

       Installingreact-nativepackagefromnpm...

       SettingupnewReactNativeappinF:\ProjectWorkspace\ReactNative\HelloWorld

       bufferutil@1.2.1installF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil

       node-gyprebuild

       F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutilifnotdefinednpm_config_node_gyp(node"C:\ProgramFiles\nodejs\node_modules\npm\bin\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js"rebuild)else(node""rebuild)

       在此解决方案中一次生成一个项目。若要启用并行生成，请添加“/m”开关。

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppBuild.targets(,5):warningMSB:Couldnotfi

       ndWindowsSDKDirvariablefromtheregistry.TargetFrameworkVersionorPlatformToolsetmaybesettoaninvalidversio

       nnumber.[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil\build\bufferutil.vcxproj]

       TRACKER:错误TRK:未能找到:“CL.exe”。系统找不到指定的文件。

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppCommon.targets(,5):errorMSB:“CL.exe”已退出，代

       码为5。[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil\build\bufferutil.vcxproj]

       gypERR!builderror

       gypERR!stackError:`C:\ProgramFiles(x)\MSBuild\.0\bin\msbuild.exe`failedwithexitcode:1

       gypERR!stackatChildProcess.onExit(C:\ProgramFiles\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.js::)

       gypERR!stackatemitTwo(events.js::)

       gypERR!stackatChildProcess.emit(events.js::7)

       gypERR!stackatProcess.ChildProcess._handle.onexit(internal/child_process.js::)

       gypERR!SystemWindows_NT.0.

       gypERR!command"C:\\ProgramFiles\\nodejs\\node.exe""C:\\ProgramFiles\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js""rebuild"

       gypERR!cwdF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil

       gypERR!node-vv6.2.0

       gypERR!node-gyp-vv3.3.1

       gypERR!notok

       npmWARNinstall:bufferutil@1.2.1bufferutil@1.2.1install:`node-gyprebuild`

       npmWARNinstall:bufferutil@1.2.1Exitstatus1

       utf-8-validate@1.2.1installF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate

       node-gyprebuild

       F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validateifnotdefinednpm_config_node_gyp(node"C:\ProgramFiles\nodejs\node_modules\npm\bin\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js"rebuild)else(node""rebuild)

       在此解决方案中一次生成一个项目。若要启用并行生成，请添加“/m”开关。手机算命源码

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppBuild.targets(,5):warningMSB:Couldnotfi

       ndWindowsSDKDirvariablefromtheregistry.TargetFrameworkVersionorPlatformToolsetmaybesettoaninvalidversio

       nnumber.[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate\build\validation.vcxproj]

       TRACKER:错误TRK:未能找到:“CL.exe”。系统找不到指定的文件。

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppCommon.targets(,5):errorMSB:“CL.exe”已退出，代

       码为5。[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate\build\validation.vcxproj]

       gypERR!builderror

       gypERR!stackError:`C:\ProgramFiles(x)\MSBuild\.0\bin\msbuild.exe`failedwithexitcode:1

       gypERR!stackatChildProcess.onExit(C:\ProgramFiles\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.js::)

       gypERR!stackatemitTwo(events.js::)

       gypERR!stackatChildProcess.emit(events.js::7)

       gypERR!stackatProcess.ChildProcess._handle.onexit(internal/child_process.js::)

       gypERR!SystemWindows_NT.0.

       gypERR!command"C:\\ProgramFiles\\nodejs\\node.exe""C:\\ProgramFiles\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js""rebuild"

       gypERR!cwdF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate

       gypERR!node-vv6.2.0

       gypERR!node-gyp-vv3.3.1

       gypERR!notok

       npmWARNinstall:utf-8-validate@1.2.1utf-8-validate@1.2.1install:`node-gyprebuild`

       npmWARNinstall:utf-8-validate@1.2.1Exitstatus1

       HelloWorld@0.0.1F:\ProjectWorkspace\ReactNative\HelloWorld

       `--react@.1.0

       npmWARNoptionalSkippingfailedoptionaldependency/chokidar/fsevents:

       npmWARNnotsupNotcompatiblewithyouroperatingsystemorarchitecture:fsevents@1.0.

       TorunyourapponiOS:

       cdF:\ProjectWorkspace\ReactNative\HelloWorld

       react-nativerun-ios

       -or-

       OpenF:\ProjectWorkspace\ReactNative\HelloWorld\ios\HelloWorld.xcodeprojinXcode

       HittheRunbutton

       TorunyourapponAndroid:

       HaveanAndroidemulatorrunning(quickestwaytogetstarted),oradeviceconnected

       cdF:\ProjectWorkspace\ReactNative\HelloWorld

       react-nativerun-android

       这堆错误主要是说没有安装C++的命令行环境。而本人经过了2天的时间才解决的这个问题，虽然这个问题看起来比较简单。

       解决方法如下：

       首先要安装VS、

       注意的是在安装VS的过程中需要选上CommonToolsforVisualC++的选项，因为默认是不选择的。这里说明默认不安装

       如果你已经安装了VS，那么你首先打开VS，然后新建一个C++项目，选择安装。

       安装时，会提示选择安装C++，

       最后吧npm的vs版本设置成。打开命令行，输入npmconfigsetmsvs_version

       这样，再次运行react-nativeinitHelloWorld不会报错了。

       运行之前，为了确保小概率出错，请删除原来的HelloWorld文件夹。

       注意一点的是，如果看到命令不断停留在Installingreact-nativepackagefromnpm…，springboot测试源码请按回车键，会自动运行。此处可能为一个bug。

记录React性能优化之“虚拟滚动”技术——react-window

       如果你的应用渲染了长列表（上百甚至上千的数据）时，React官网推荐我们使用“虚拟滚动”技术。这项技术会在有限的时间内仅渲染有限的内容，并奇迹般地降低重新渲染组件消耗的时间，以及创建DOM节点的数量。

       React官网推荐我们使用react-window和react-virtualized这2个热门的虚拟滚动库。它们提供了多种可复用的组件，用于展示列表、网格和表格数据。

       这2个库，出自于同一个作者。react-virtualized是作者对React和窗口概念都不熟悉时写的，加了一些API和添加了太多非必要的功能和组件，后来作者后悔了，但因为一旦向开源项目添加了一些东西，删除它对用户来说是非常痛苦的。所以作者完整重写了react-virtualized，并且更专注于使包装更小和更快。所以react-window是react-virtualized的轻量级替代品。

       我使用的是VariableSizeGrid（可变尺寸网格）。

       问题1：使用itemData进行网格中数据的传递时，当columnCount（网格中的列数）*rowCount（网格中的行数）itemData.length，会出现网格滚动到最后一行时，最后一行没有被渲染。

       方案1：给itemData数组push（columnCount*rowCount-itemData.length）个对象｛true:true｝，然后在组件render时，进行判断return（div/div）

       问题2：网格可以％填充页面的宽度或高度吗？（这个问题作者有在npm上回答过）

       方案2：网格宽高必须传入number类型，所以不能直接写’%’，需要使用react-virtualized-auto-sizer包。

       问题3：这个比较重要，没有提供可以传递方法的API。提供了可以在外层附加自定义属性或事件处理程序的API：outerElementType。但不能满足我想要点击按钮时才触发事件的需求。

       方案3：JavaScript设计模式之观察者模式

开源的Windows系统——ReactOS

       ReactOS是一个开发与WindowsNT和Windows应用程序和硬件驱动程序兼容的开源操作系统的项目。此项目当前虽然只是处于内部测试（alpha）开发状态，但到年1月其中一些子项目已经完成了目标。

       ReactOS主要是由C语言编写。部分组件则由C++编写，例如ReactOS文件浏览器。

       ReactOS的许可协议主要为GNU通用公共许可证，也有少量代码以GNU宽通用公共许可证、BSD许可证之类的开源许可证发行。

       为确保操作系统没有任何一部分是看过泄漏出来的微软Windows源码的人所写，或者逆向工程的过程达不到净室设计标准，一个全盘的源码审查由ReactOS主要开发者下令展开。此审查当前已经结束。

       发展历程

       启动开发

       大约在年时，一群开源软件开发者启动了一个名为FreeWin的项目，旨在实现一个Windows的克隆操作系统。这个项目当时只停留在关于系统实现的讨论上。

       虽然对于FreeWin项目期待很高，但直到年末，项目还没有公开发布任何版本，于是项目协调员JasonFilby联合大家重振该项目并起了一个新名称“ReactOS”，并计划重新实现WindowsNT。年2月ReactOS项目正式启动，开始开发系统内核和基本的驱动程序。

       代码审查

       为了避免版权起诉，ReactOS必须明确地完全区分并且不派生于Windows，这是一个需要非常谨慎工作的目标。年1月日，HartmutBirr在ReactOS开发者邮件列表中指出ReactOS包含有反编译的Windows源码。因此开发者暂时禁止非开发者进入系统。鉴于ReactOS是开放源码软件，此举引起开放源码社群的不满。ReactOS的贡献者没受当时的举动影响。不久后所有软件开发工程都能自由进入了。由于Birr的指摘未能证实，开发者决定审查源码。可能“受污染”的源码会被封锁，直到那些源码经审查后确定无问题。

       大部分的源码已解封，维护和开发都可继续进行，而审查亦同时进行。

       年，源码已经全部解封。审查也已经全部结束。维护和开发得以正常继续。

       参与GoogleSummerofCode

       从年开始，ReactOS项目参与了几次GoogleSummersofCode。例如，在GSoC中，ReactOS指导了一个将lwIP集成到网络堆栈中的学生项目。迄今为止，ReactOS曾在GSoC参与过五次：年，年，年，年和年。年也将参与。

       公开演示

       俄罗斯的政治人物ViktorAlksnis会见了项目协调员AlekseyBragin，AlekseyBragin介绍了该项目并演示了该项目，演示中显示ReactOS在年已经可以运行当时的TotalCommander和MozillaFirefox。它还吸引了时任俄罗斯总统梅德韦杰夫（DmitryMedvedev）的关注。梅德韦杰夫访问

Vite源码解析(三)之热更新篇

       为了提升开发体验，热替换功能使得修改代码后无需刷新页面即可实时生效，避免了频繁的页面重载操作。这一特性在现代化前端框架中被视为一项基本要求，如同 webpack-dev-server 等模块所具备的功能。热替换在 Vite 中的实现主要依赖于 websocket 技术，通过 websocket 实现服务端与浏览器间的高效通信，确保代码更新即时生效。

       热替换的实现涵盖了多种文件类型，如 .vue、.js、.css 等，每种类型的文件更新策略可能有所不同。例如，对于 .vue 文件的热替换，主要是通过更新组件的动态引入和条件渲染来实现，确保仅相关部分的组件状态得到更新，而不会影响到其他未修改的部分。

       在 Vite 的热替换机制中，`import.meta.hot` API 提供了访问热替换相关状态的功能，允许开发者根据具体需求自定义热替换的行为，如处理错误、执行某些特定逻辑等。

       监听文件变化是热替换功能得以实现的基础。通常，框架会利用文件系统监控API，如 Node.js 的 fs.watch 和 fs.watchFile，或更高层次封装的模块如 chokidar，以实时捕捉文件变动事件。在 Vite 中，同样使用这类API，通过 chokidar进行文件系统变动监听，确保一旦文件发生变化，即可触发相应的热替换逻辑。

       在处理css文件的热替换时，主要考虑两种情况：一是修改外部css源文件（例如通过`import`引入或直接修改Vue组件内的`style`标签），二是对组件内部的样式进行直接修改。针对这两种情况，Vite会采用不同的策略来实现样式更新，确保用户界面能够即时响应代码变化，而无需页面重载。

       总结而言，热替换功能在Vite中的实现是一个涉及代码更新策略、文件监听和实时通信技术的综合过程，旨在显著提升前端开发的效率和体验。通过高效地管理文件变动和代码更新，Vite为开发者提供了一种无缝、高效的工作流程，使得开发、调试和迭代过程更为流畅。

用react写windows软件？

       åœ¨windows下用reactnative写的程序可以在ios上用么

       ReactNative结合了Web应用和Native应用的优势，可以使用JavaScript来开发iOS和Android原生应用。在JavaScript中用React抽象操作系统原生的UI组件，代替DOM元素来渲染等。ReactNative使你能够使用基于JavaScript和React一致的开发体验在本地平台上构建世界一流的应用程序体验。ReactNative把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook在多个应用程序产品中使用了ReactNative，并将继续为ReactNative投资。其好处显而易见：减少了人力、节省了时间、避免了iOS与Android版本发布的时间差，开发新功能可以更迅速。下面，我们可以尝试用ReactNative创建一个iOSAPP.在我们开始之前，我建议：你可以在Github里先下载ReactNative的代码框架。里面还有一些示例项目，的游戏，Movies（一个看电影的APP）,SampleApp,TicTacToe(一款游戏)和UIExplorer（能显示出所有用ReactNative替代的控件，如ListView，TabBar，MapView,Slider）），对于学习用如何用ReactNative创建UI,这些都是非常好的例子,尤其是UIExplorerAPP，它几乎用到了每一个您的APP中需要创建的UI控件。回答不容易,希望能帮到您,满意请帮忙采纳一下，谢谢

       windows下搭建reactnatice怎么还装python

       1.安装Python

       1）下载Python

       å»ºè®®å®‰è£…2.7.版本，3.x以上版本不支持。

       æˆ‘安装的路径是：C:\Python

       2）在用户变量中添加：PYTHON_HOME，值：C:\Python如下：

       3）在系统变量Path中添加两个变量值：%PYTHON_HOME%、%PYTHON_HOME%\Scripts（其他系统的界面会不一样，添加的值都一样）

       2.安装git

       1）下载

       2）下载完直接安装就可以了。注意到选择组件这一步骤时，要选择上’UseaTrueTypefontinallconsolewindows’.

       ä¸‹ä¸€æ­¥ï¼Œé€‰æ‹©WindowsCommandPrompt

       ä¸‹ä¸€æ­¥ï¼Œé€‰æ‹©CheckoutWindows-style,commitUnix-stylelineendings

       ä¸‹ä¸€æ­¥ï¼Œé€‰æ‹©UseWindows’defaultconsolewindow

       ä¸‹ä¸€æ­¥ï¼Œå…¨é€‰

       å®Œæˆå®‰è£…

       3.配置android环境

       1）下载AndroidStudio

       æ­¤è½¯ä»¶æ˜¯æ•´ä¸ªandroid编程所需要的

       2）设置环境变量ANDROID_HOME

       åœ¨çŽ¯å¢ƒå˜é‡ä¸­é…ç½®ANDROID_HOME，指定sdk路径，本人配置如下：

       3）配置环境变量path

       åœ¨çŽ¯å¢ƒå˜é‡path中添加2个变量：%ANDROID_HOME%\tools、%ANDROID_HOME%\platform-tools

       4.安装nodejs

       1）到官网上面下载对应的安装文件

       é»˜è®¤å®‰è£…在C:\ProgramFiles\nodejs文件夹下。

       2）建议设置npm镜像以加速后面的过程

       å®‰è£…成功后，我们在命令行分别输入：

       npmconfigsetregistry–global

       npmconfigsetdisturl–global

       3）配置python版本

       åœ¨å‘½ä»¤è¡Œè¾“å…¥npmconfigsetpythonpython2.7

       4.安装ReactNative

       1）安装ReactNative有2种方法，第一种直接上github下载解压，第二种用git命令行下载。

       æœ¬äººç”¨çš„是git命令方法，第二种。

       â‘ åœ¨github上下载解压：

       åœ¨github上下载。然后解压，我们解压在E:\ProgramFiles(自行选择路径)。

       â‘¡ç”¨git命令行下载

       ç”¨å‘½ä»¤è¡Œè¿›å…¥åˆ°E:\ProgramFiles目录，此目录更加用户爱好选择。输入此目录后，会自动下载到当前目录下。

       ç„¶åŽè¾“入命令gitclone

       é€šè¿‡ä¸Šè¿°ä¸¤ç§æ–¹æ³•ï¼Œæœ€ç»ˆçœ‹åˆ°æˆ‘们下载下来的reactnative

       2）安装react-native命令行工具

       åœ¨å‘½ä»¤è¡Œè¾“入：

       npminstall-greact-native-cli

       3.创建HelloWord项目

       1）创建自己的项目路径，我们创建在F:\ProjectWorkspace\ReactNative

       2）CMD命令行到上面路径下，然后输入命令react-nativeinitHelloWorld来创建项目。这里HelloWorld为项目名，读者可根据自己喜好来定义。

       å®‰è£…过程要等待一段时间，这个过程会下载一些包。

       3）如果第2步等待完成之后，没有出现错误，可以省略这一步。

       åœ¨ç­‰å¾…了很长的时间后（大概半个小时），出现了错误，一大推错误，如下

       F:\ProjectWorkspace\ReactNativereact-nativeinitHelloWorld

       ThiswillwalkyouthroughcreatinganewReactNativeprojectinF:\ProjectWorkspace\ReactNative\HelloWorld

       Installingreact-nativepackagefromnpm...

       SettingupnewReactNativeappinF:\ProjectWorkspace\ReactNative\HelloWorld

       bufferutil@1.2.1installF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil

       node-gyprebuild

       F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutilifnotdefinednpm_config_node_gyp(node"C:\ProgramFiles\nodejs\node_modules\npm\bin\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js"rebuild)else(node""rebuild)

       åœ¨æ­¤è§£å†³æ–¹æ¡ˆä¸­ä¸€æ¬¡ç”Ÿæˆä¸€ä¸ªé¡¹ç›®ã€‚若要启用并行生成，请添加“/m”开关。

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppBuild.targets(,5):warningMSB:Couldnotfi

       ndWindowsSDKDirvariablefromtheregistry.TargetFrameworkVersionorPlatformToolsetmaybesettoaninvalidversio

       nnumber.[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil\build\bufferutil.vcxproj]

       TRACKER:错误TRK:未能找到:“CL.exe”。系统找不到指定的文件。

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppCommon.targets(,5):errorMSB:“CL.exe”已退出，代

       ç ä¸º5。[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil\build\bufferutil.vcxproj]

       gypERR!builderror

       gypERR!stackError:`C:\ProgramFiles(x)\MSBuild\.0\bin\msbuild.exe`failedwithexitcode:1

       gypERR!stackatChildProcess.onExit(C:\ProgramFiles\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.js::)

       gypERR!stackatemitTwo(events.js::)

       gypERR!stackatChildProcess.emit(events.js::7)

       gypERR!stackatProcess.ChildProcess._handle.onexit(internal/child_process.js::)

       gypERR!SystemWindows_NT.0.

       gypERR!command"C:\\ProgramFiles\\nodejs\\node.exe""C:\\ProgramFiles\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js""rebuild"

       gypERR!cwdF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\bufferutil

       gypERR!node-vv6.2.0

       gypERR!node-gyp-vv3.3.1

       gypERR!notok

       npmWARNinstall:bufferutil@1.2.1bufferutil@1.2.1install:`node-gyprebuild`

       npmWARNinstall:bufferutil@1.2.1Exitstatus1

       utf-8-validate@1.2.1installF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate

       node-gyprebuild

       F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validateifnotdefinednpm_config_node_gyp(node"C:\ProgramFiles\nodejs\node_modules\npm\bin\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js"rebuild)else(node""rebuild)

       åœ¨æ­¤è§£å†³æ–¹æ¡ˆä¸­ä¸€æ¬¡ç”Ÿæˆä¸€ä¸ªé¡¹ç›®ã€‚若要启用并行生成，请添加“/m”开关。

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppBuild.targets(,5):warningMSB:Couldnotfi

       ndWindowsSDKDirvariablefromtheregistry.TargetFrameworkVersionorPlatformToolsetmaybesettoaninvalidversio

       nnumber.[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate\build\validation.vcxproj]

       TRACKER:错误TRK:未能找到:“CL.exe”。系统找不到指定的文件。

       C:\ProgramFiles(x)\MSBuild\Microsoft.Cpp\v4.0\V\Microsoft.CppCommon.targets(,5):errorMSB:“CL.exe”已退出，代

       ç ä¸º5。[F:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate\build\validation.vcxproj]

       gypERR!builderror

       gypERR!stackError:`C:\ProgramFiles(x)\MSBuild\.0\bin\msbuild.exe`failedwithexitcode:1

       gypERR!stackatChildProcess.onExit(C:\ProgramFiles\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.js::)

       gypERR!stackatemitTwo(events.js::)

       gypERR!stackatChildProcess.emit(events.js::7)

       gypERR!stackatProcess.ChildProcess._handle.onexit(internal/child_process.js::)

       gypERR!SystemWindows_NT.0.

       gypERR!command"C:\\ProgramFiles\\nodejs\\node.exe""C:\\ProgramFiles\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js""rebuild"

       gypERR!cwdF:\ProjectWorkspace\ReactNative\HelloWorld\node_modules\utf-8-validate

       gypERR!node-vv6.2.0

       gypERR!node-gyp-vv3.3.1

       gypERR!notok

       npmWARNinstall:utf-8-validate@1.2.1utf-8-validate@1.2.1install:`node-gyprebuild`

       npmWARNinstall:utf-8-validate@1.2.1Exitstatus1

       HelloWorld@0.0.1F:\ProjectWorkspace\ReactNative\HelloWorld

       `--react@.1.0

       npmWARNoptionalSkippingfailedoptionaldependency/chokidar/fsevents:

       npmWARNnotsupNotcompatiblewithyouroperatingsystemorarchitecture:fsevents@1.0.

       TorunyourapponiOS:

       cdF:\ProjectWorkspace\ReactNative\HelloWorld

       react-nativerun-ios

       -or-

       OpenF:\ProjectWorkspace\ReactNative\HelloWorld\ios\HelloWorld.xcodeprojinXcode

       HittheRunbutton

       TorunyourapponAndroid:

       HaveanAndroidemulatorrunning(quickestwaytogetstarted),oradeviceconnected

       cdF:\ProjectWorkspace\ReactNative\HelloWorld

       react-nativerun-android

       è¿™å †é”™è¯¯ä¸»è¦æ˜¯è¯´æ²¡æœ‰å®‰è£…C++的命令行环境。而本人经过了2天的时间才解决的这个问题，虽然这个问题看起来比较简单。

       è§£å†³æ–¹æ³•å¦‚下：

       é¦–先要安装VS、

       æ³¨æ„çš„是在安装VS的过程中需要选上CommonToolsforVisualC++的选项，因为默认是不选择的。这里说明默认不安装

       å¦‚果你已经安装了VS，那么你首先打开VS，然后新建一个C++项目，选择安装。

       å®‰è£…时，会提示选择安装C++，

       æœ€åŽå§npm的vs版本设置成。打开命令行，输入npmconfigsetmsvs_version

       è¿™æ ·ï¼Œå†æ¬¡è¿è¡Œreact-nativeinitHelloWorld不会报错了。

       è¿è¡Œä¹‹å‰ï¼Œä¸ºäº†ç¡®ä¿å°æ¦‚率出错，请删除原来的HelloWorld文件夹。

       æ³¨æ„ä¸€ç‚¹çš„是，如果看到命令不断停留在Installingreact-nativepackagefromnpm…，请按回车键，会自动运行。此处可能为一个bug。

记录React性能优化之“虚拟滚动”技术——react-window

       å¦‚果你的应用渲染了长列表（上百甚至上千的数据）时，React官网推荐我们使用“虚拟滚动”技术。这项技术会在有限的时间内仅渲染有限的内容，并奇迹般地降低重新渲染组件消耗的时间，以及创建DOM节点的数量。

       React官网推荐我们使用react-window和react-virtualized这2个热门的虚拟滚动库。它们提供了多种可复用的组件，用于展示列表、网格和表格数据。

       è¿™2个库，出自于同一个作者。react-virtualized是作者对React和窗口概念都不熟悉时写的，加了一些API和添加了太多非必要的功能和组件，后来作者后悔了，但因为一旦向开源项目添加了一些东西，删除它对用户来说是非常痛苦的。所以作者完整重写了react-virtualized，并且更专注于使包装更小和更快。所以react-window是react-virtualized的轻量级替代品。

       æˆ‘使用的是VariableSizeGrid（可变尺寸网格）。

       é—®é¢˜1：使用itemData进行网格中数据的传递时，当columnCount（网格中的列数）*rowCount（网格中的行数）itemData.length，会出现网格滚动到最后一行时，最后一行没有被渲染。

       æ–¹æ¡ˆ1：给itemData数组push（columnCount*rowCount-itemData.length）个对象｛true:true｝，然后在组件render时，进行判断return（div/div）

       é—®é¢˜2：网格可以％填充页面的宽度或高度吗？（这个问题作者有在npm上回答过）

       æ–¹æ¡ˆ2：网格宽高必须传入number类型，所以不能直接写’%’，需要使用react-virtualized-auto-sizer包。

       é—®é¢˜3：这个比较重要，没有提供可以传递方法的API。提供了可以在外层附加自定义属性或事件处理程序的API：outerElementType。但不能满足我想要点击按钮时才触发事件的需求。

       æ–¹æ¡ˆ3：JavaScript设计模式之观察者模式

开源的Windows系统——ReactOS

       ReactOS是一个开发与WindowsNT和Windows应用程序和硬件驱动程序兼容的开源操作系统的项目。此项目当前虽然只是处于内部测试（alpha）开发状态，但到年1月其中一些子项目已经完成了目标。

       ReactOS主要是由C语言编写。部分组件则由C++编写，例如ReactOS文件浏览器。

       ReactOS的许可协议主要为GNU通用公共许可证，也有少量代码以GNU宽通用公共许可证、BSD许可证之类的开源许可证发行。

       ä¸ºç¡®ä¿æ“ä½œç³»ç»Ÿæ²¡æœ‰ä»»ä½•ä¸€éƒ¨åˆ†æ˜¯çœ‹è¿‡æ³„漏出来的微软Windows源码的人所写，或者逆向工程的过程达不到净室设计标准，一个全盘的源码审查由ReactOS主要开发者下令展开。此审查当前已经结束。

       å‘展历程

       å¯åŠ¨å¼€å‘

       å¤§çº¦åœ¨å¹´æ—¶ï¼Œä¸€ç¾¤å¼€æºè½¯ä»¶å¼€å‘者启动了一个名为FreeWin的项目，旨在实现一个Windows的克隆操作系统。这个项目当时只停留在关于系统实现的讨论上。

       è™½ç„¶å¯¹äºŽFreeWin项目期待很高，但直到年末，项目还没有公开发布任何版本，于是项目协调员JasonFilby联合大家重振该项目并起了一个新名称“ReactOS”，并计划重新实现WindowsNT。年2月ReactOS项目正式启动，开始开发系统内核和基本的驱动程序。

       ä»£ç å®¡æŸ¥

       ä¸ºäº†é¿å…ç‰ˆæƒèµ·è¯‰ï¼ŒReactOS必须明确地完全区分并且不派生于Windows，这是一个需要非常谨慎工作的目标。年1月日，HartmutBirr在ReactOS开发者邮件列表中指出ReactOS包含有反编译的Windows源码。因此开发者暂时禁止非开发者进入系统。鉴于ReactOS是开放源码软件，此举引起开放源码社群的不满。ReactOS的贡献者没受当时的举动影响。不久后所有软件开发工程都能自由进入了。由于Birr的指摘未能证实，开发者决定审查源码。可能“受污染”的源码会被封锁，直到那些源码经审查后确定无问题。

       å¤§éƒ¨åˆ†çš„源码已解封，维护和开发都可继续进行，而审查亦同时进行。

       å¹´ï¼Œæºç å·²ç»å…¨éƒ¨è§£å°ã€‚审查也已经全部结束。维护和开发得以正常继续。

       å‚与GoogleSummerofCode

       ä»Žå¹´å¼€å§‹ï¼ŒReactOS项目参与了几次GoogleSummersofCode。例如，在GSoC中，ReactOS指导了一个将lwIP集成到网络堆栈中的学生项目。迄今为止，ReactOS曾在GSoC参与过五次：年，年，年，年和年。年也将参与。

       å…¬å¼€æ¼”示

       ä¿„罗斯的政治人物ViktorAlksnis会见了项目协调员AlekseyBragin，AlekseyBragin介绍了该项目并演示了该项目，演示中显示ReactOS在年已经可以运行当时的TotalCommander和MozillaFirefox。它还吸引了时任俄罗斯总统梅德韦杰夫（DmitryMedvedev）的关注。梅德韦杰夫访问