前言 你需要做两件事 gem换源 pod repo 换源 实战 如果你已经成功安装了CocoaPods。那么这里你需要卸载它。gem换源1、 卸载CocoaPods 查看gem安装的东西 gem list 下面一般就是gem安装的一些依赖。 *** LOCAL GEMS ***activesupport (4.2.11.1)atomos (0.1.3)bigdecimal (1.2.8)
安装react-app-rewired 由于新的 react-app-rewired@2.x 版本的关系，还需要安装 customize-cra。但是我们这里不需要安装 react-app-rewired@2.x。只需要安装 react-app-rewired@2.0.2-next.0这个版本就可以了。 yarn add react-app-rewired@2.0.2-next.0 --save-dev //这个版本比
1.在入口文件 aap.tsx import { Events } from '@tarojs/taro' globalData = { event:new Events() } 2.发射事件 function tt(){ const event = Taro.getApp()?.$app?.globalData?.event;
1. brew安装node brew会报错无法直接安装, 需要去github下载zip包, 然后解压到usr/local 指定目录下(提前删除同名空文件夹). brew安装完了可以用brew 安装node 和watchman, 也可以用其他方式去各自官网下载. 但是brew迟早都得装. 2. 安装yarn, 安装node时候会询问是否安装n
报错信息： error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class. Run CLI with --verbose flag
原教程视频：ttps://www.bilibili.com/video/BV1wy4y1D7JT?p=2&spm_id_from=pageDriver 目录 一、组件的生命周期 1.1、生命周期概念 1.2、生命周期流程图（旧） 1.3、生命周期流程图（新） 1.3.1、getDerivedStateFromProps 1.3.2、getSnapshotBeforeUpdata 二、React 脚手架 2.1
1、props 父组件引起props变化。正常的进行渲染。 内侧想让props变化，就得写回调。onClose，onCallBack，典型的是弹框的应用 。 visable的属性，交叉变量，内测也用，外侧也用 外侧可以读写，内部只能读，造成了内外能力不统一，这类的父子或者兄弟关系只是层级结构关系，并非绝对的受控关系
1、props 父组件引起props变化。正常的进行渲染。 内侧想让props变化，就得写回调。onClose，onCallBack，典型的是弹框的应用 。 visable的属性，交叉变量，内测也用，外侧也用 外侧可以读写，内部只能读，造成了内外能力不统一，这类的父子或者兄弟关系只是层级结构关系，并非绝对的受控关系和管理
RN下面Android平台下的DeepLink 的配置与使用 AndroidManifest.xml的配置 路径： android/app/src/main/AndroidManifest.xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.payment"> <uses-permission android:name=&
关于开发调试ReactNative的笔记 React Develop Tool 命令报错 emulator -avd xxx 原因，不明，但是采用Android API 版本小于28 的就没问题。当然虽然报错，也是可以用的。这个命令一开始无法使用，Android SDK 里面有两个emulator.exe, 一个在 Tools\emulator.exe, 一个在emulators\emul
React 从react16.8之后，出现了fiber链表，将递归渲染组件树变成可打断的渲染（使用链表串联关系）,他是一个承载各种节点信息的工作单元，也是一个对象 一开始function组件没有状态，通过fiber节点添加memorizedState 属性用来存储数据，然后在 function 组件里面通过 api 来使用这些数据，这些
什么是生命周期？ 从出生到成长，最后到死亡，这个过程的时间可以理解为生命周期。 React中的组件也是这么一个过程。 React的生命周期分为三个阶段：挂载期（也叫实例化期）、更新期（也叫存在期）、卸载期（也叫销毁期）。 在每个周期中React都提供了一些钩子函数。 生命周期的描述如下： 挂载期：一个组
壹 ❀ 引 虚拟DOM（Virtual DOM）在前端领域也算是老生常谈的话题了，若你了解过vue或者react一定避不开这个话题，因此虚拟DOM也算是面试中常问的一个点，那么通过本文，你将了解到如下几点： 虚拟DOM究竟是什么？ 虚拟DOM的优势是什么？解决了什么问题？ 虚拟DOM的性能比操作原生DOM要快吗？ react中
react18中swiper导致的报错 在nextjs中使用swiperjs，当升级react版本到18.x后，报错： Cannot read properties of undefined (reading 'wrapperClass') 当前版本信息： "next": "^12.1.7-canary.30", "react": "^18.2.0-next-e531a4a62-20220505", &
低版本node与swiper版本导致的错误 最近在nextjs项目中使用swiper，版本信息如下： node版本12.9.1 "next": "11.1.0", "swiper": "7.4.1", 项目打包后报错： (node:159) ExperimentalWarning: The ESM module loader is experimental. > Build error occurred file:/
if(res.status===200){ res.data.key = this.state.defaultcardNum let newArr = this.state.dataSource newArr.splice(this.state.defaultcardNum,1,res.data) this.setState({ dataS
代码: componentDidMount() { window.addEventListener('scroll', this.handleScroll); } handleScroll = (e) => { console.log(e); } 解决方案: window.addEventListener('scroll', this.handleScroll)添加一个true,即
一、react入门 1.1 React的基本认识 1）、Faceboock开源的一个js库 2）、一个用来动态构建j用户界面的s库的 3）、React的特点： Declarative(声明式编码) Component-Based(组件式编程) Learn Once, Write Anywhere(支持客户端服务器渲染) 高
所谓AR(Augmented Reality), 即增强现实，是一种将通过计算机渲染出的虚拟图像与真实世界巧妙融合的手段，背后广泛运用了多媒体、三维建模、实时跟踪、智能交互、传感等多种计算机技术，将程序代码生成的文字、图像、三维模型、音乐、视频等虚拟信息模拟仿真后，显示在终端用户通过移动设
笔者之前的文章 使用 JavaScript 开发AR(增强现实)移动应用的预备知识和环境搭建，介绍了使用增强现实开发库 ViroReact 进行应用开发所需掌握的一些最基础的概念和环境搭建步骤。 本文开始详细介绍使用 ViroReact 进行编码开发的技术细节。 按照本文步骤开发而成的应用效果，可以从下
create-react-app 创建React 默认不支持less 且webpack配置默认不可见 需要手动配置第一步：打开下载webpack React项目配置文件 注意：必须是全新的项目或者已经提交的项目 运行完成后项目根目录会增加 config 和 scripts目录 npm run eject 第二步： 安装less解析依赖 npm i less
受控组件 受控组件的步骤： 1.在state中添加一个状态，作为表单元素的value值(控制表单元素值的来源) 2.给表单元素绑定change事件，将表单元素的值设置为state的值（这样就可以控制表单元素值的变化） 受控组件的简单使用 index.js import React from 'react'; //这个是react这个包，我们是
事件绑定 语法：on +事件名= { ()=>{ do something }} <!-- 点击事件 --> onClick={ () => { } } 注意的是：React采用的是驼峰命名法。 需要注意的是：在类组件中和函数组件中绑定事件是不同的哈 在类组件中绑定事件 <!-- 点击事件 --> import React from "react"; class Hello
发包方式1 不用本地编译，直接将组件tsx等，发到npm上。 优点是非常的方便组件开发，几乎不用任何多余处理。 缺点是需要在项目引用的时候进行手动配置此node_modules/YourCmp进行编译（默认情况下，项目都会忽略node_modules里的代码编译），具体配置如下 webpack.config.js 修改rules字段，让只
前言 我想大部分人的前端测试，都是运行项目，直接在浏览器上操作，看看功能正不正常。虽然明明有测试库可以使用，但是因为“要快”的原因，让好好做测试变成了一件影响效率的事。 因为这种无奈的原因而放弃测试，实在是很可惜。这种原因也并不能够说明测试没有必要，测试仍然是需要重视的东西
