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把重点放在所有开发人员关心的分析wrk 源码下载平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。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目录，此目录更加用户爱好选择。输入此目录后，vc 连接access源码会自动下载到当前目录下。

       然后输入命令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”开关。97无极源码网站

       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…，jetty启动源码分析请按回车键，会自动运行。此处可能为一个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）的关注。梅德韦杰夫访问