jjsnc

原创 Vue DevTools 旧版（支持 Vue 2 和 Vue 3）

【代码】Vue DevTools 旧版（支持 Vue 2 和 Vue 3）

原创 cnpm安装问题解决方案

【代码】cnpm安装问题解决方案。

原创 Could not resolve all files for configuration ‘:app:androidJdkImage

【代码】Could not resolve all files for configuration ‘:app:androidJdkImage。

原创 VSCode 插件

Alt + ]

原创 phpmyadmin 安装

【代码】phpmyadmin 安装。

原创 安装和配置 Apache 及 PHP

【代码】安装和配置 Apache 及 PHP。

原创 Android 模拟器系统镜像选择指南

在选择 Android 模拟器的系统镜像时，根据实际需求选择合适的版本。

原创 React Native中的核心技术概念

这些技术概念（Fabric、TurboModules、CodeGen、JSI 和 Hermes）构成了React Native架构的核心部分，共同推动着React Native的性能提升和功能扩展。它们通过优化渲染流程、原生模块调用、代码生成、JavaScript与原生代码之间的交互，以及JavaScript引擎本身，为React Native提供了一个更为高效、灵活和可靠的开发平台。随着这些技术的不断成熟，开发者能够更加高效地构建跨平台的移动应用，同时也能够享受更流畅的用户体验和更短的开发周期。

原创 更新本地 specs 仓库时，出现 SSL 证书验证失败错误 临时解决方案

【代码】更新本地 specs 仓库时，出现 SSL 证书验证失败错误 临时解决方案。

原创 如何删除Mac上的系统数据

在Mac上删除系统数据时，需要小心操作。错误的删除可能会导致系统不稳定或丢失重要文件。系统数据通常包括操作系统文件、缓存、日志、临时文件等。

原创 Redux 在 React Native 中的使用流程

Reducer 是纯函数，用于描述如何根据 action 更新应用的状态。我们在中定义 reducer。在这里，我们创建了一个简单的来处理增减计数的操作。安装依赖：安装redux和。创建 Store：使用创建 Redux store。定义 Reducers：编写 reducers 来处理不同的 actions。创建 Actions：定义用于修改状态的 actions。提供 Store：通过Provider。

原创 react-native-reanimated 安装步骤

完成上面信息如果还报错 请按照以下步骤。

原创 生态：React Native

尽管资料已有两年，但大部分内容至今仍然适用。视频形式适合新手，能带着一步步操作学习。适合想快速了解 React Native 中各种概念的新手。这是优达学院最受欢迎的 React Native 视频课程，内容详细且完整，适合新手。

原创 iOS 环境搭建教程

本文档将详细介绍如何在 macOS 上搭建 iOS 开发环境，以便进行 React Native 开发。（为了保证环境一致 全部在网络通畅的情况下运行）

原创 使用 rbenv 切换 Ruby 版本

局部切换是针对当前目录的。全局切换会影响系统中所有的终端会话。来管理和切换不同的 Ruby 版本。通过这些步骤，你就可以使用。

原创 创建 React Native 项目

Android 依赖安装是使用。目录，需要返回到项目根目录。切换好源之后，你需要进入。

原创 Android环境搭建

执行以下命令来安装 Homebrew：检测是否安装成功：第二步：安装 Node 和 NPM，搭建 JavaScript 环境安装 Node：安装完成后，检查 Node 和 NPM 是否安装成功：为保证后续网络的畅通，将 CNPM 的 registry 设置为淘宝源：如果想要切换回默认的官方 NPM 源，可以使用：你可以通过以下命令检查当前的 registry 设置：第三步：安装 Watchman 工具安装 Watchman：安装完成后，通过以下命令检查是否安装成功：第四步：安装 Jav

原创 为什么选择 React Native 作为跨端方案

我深刻地知道，没有完美的跨端技术，只有适合的场景。脱离适用场景去谈跨端技术没有什么意义。

原创 工程化与团队协作：让我们合作开发一个大型React项目

【代码】工程化与团队协作：让我们合作开发一个大型React项目。

原创 测试金字塔与React单元测试

【代码】测试金字塔与React单元测试。

原创 静态类型语言与动态类型语言对比分析

方面静态类型动态类型类型检查编译时检查，可靠性高运行时检查，灵活性高开发效率初期较慢，大型项目更高效初期较快，大型项目效率较低错误发现编译时发现，减少运行时错误运行时发现，bug 修复成本更高性能性能优化潜力大性能相对较低代码灵活性约束性强，不够灵活高度灵活，但可能引入隐患团队协作更适合团队开发小型团队或个人项目较适合适用场景大型系统、复杂逻辑、长生命周期项目快速原型、脚本、小型项目。

原创 React.memo 的使用

默认情况下，React.memo使用浅比较Object.is）比较 props。如果组件有复杂 props（如对象、数组等），可以通过提供自定义比较函数来控制比较逻辑。React.memo是优化函数组件性能的有效工具，适用于 props 不经常变化的场景。但需要谨慎使用，避免因为错误的比较逻辑或过度优化而增加复杂性。

原创 性能优化 Hooks：useMemo 和 useCallback

如果后续通过文本框输入的方式修改 num 的值，如 ‘40’ ， ‘40’ 与上次的 ‘0’ 不同，则 useMemo 再次计算 fibonacci(40) ，返回 102334155 ，如果后续其他 state 发生了改变，但 num 的值保持 ‘40’ 不变，则 useMemo 不会执行工厂函数，直接返回缓存中的 102334155 ，减少了组件性能损耗。记忆化（Memoization），对于计算量大的函数，通过缓存它的返回值来节省计算时间，提升程序执行速度。

原创 useEffect

【代码】useEffect。

原创 useReducer

【代码】useReducer。

原创 useState 的更新函数

【代码】useState 的更新函数。

原创 ES2015 的数组解构语法 使用例子

4: 默认值 如果数组的某个位置是 undefined，你可以为该位置设置默认值。3： 赋值给新的变量名。

原创 React Hooks 有哪些？

【代码】React Hooks 有哪些？

原创 纯组件 PureComponent

【代码】纯组件 PureComponent。

原创 纯函数概念

【代码】纯函数概念。

原创 组件生命周期：React新老版本中生命周期的演化

原创 常见的 CSS-in-JS 库

后记 CSS-in-JS 优缺点。

原创 组件拆分尽量遵守的基本原则

【代码】组件拆分尽量遵守的基本原则。

原创 JSX 是react 专有的吗

JSX（JavaScript XML）是一种 JavaScript 的语法扩展，允许在 JavaScript 中使用类似 HTML 的标签结构，便于描述用户界面。例如，像 Preact 和 Vue 等框架也支持通过 Babel 等编译工具解析 JSX，虽然 Vue 社区普遍采用模板语法，但使用 JSX 同样是可行的。总体来说，JSX 是一个通用的 JavaScript 语法扩展，只是由于 React 推广和支持最广泛，人们通常会把它和 React 绑定在一起。

原创 JSX 元素加入 props，不同类型元素的 props 有什么所区别

【代码】JSX 元素加入 props，不同类型元素的 props 有什么所区别。

原创 JSX 元素类型

【代码】JSX 元素类型。

原创 React 命名规则

【代码】React 命名规则。

原创 JSX 和 React.createElement 和React 之间的关系

【代码】JSX 和 React.createElement 和React 之间的关系。

原创 React 函数式更新 和 数据拷贝更新对比

【代码】React 函数式更新 和 数据拷贝更新对比。

原创 flex: 1 1 0； 和 flex-basis: 0； 设置有什么区别

【代码】flex: 1 1 0；和 flex-basis: 0；设置有什么区别。