reactJS
关注
分享
扫一扫
学习笔记999
装逼得逼，求仁成仁，念念不忘，必有回响
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js 数组对象筛选出相同的数据并合并
const arr1 ={name: “001”,img: require("./images/silver_outstanding_01.png"),}]const arr2 = const arr1 ={medalName: “001”,time: “2022”,}]arrAdd(arr1, arr2) {let arr = [];arr2.filter(item => arr1.some(ele=> {if(ele.name === item.medalNam原创 2022-03-29 14:28:01 · 1856 阅读 · 0 评论 -
react-native-swiper 轮播最后一张图跑到第一章
componentDidUpdate() { const scrollView = this.scrollView scrollView.scrollBy(0, false) }<Swiper ref={(e) => { this.scrollView = e }} //加上这句 防止最后一张跑到第一张 shows...原创 2020-04-23 22:43:27 · 1079 阅读 · 0 评论 -
npm 删除模块查看淘宝镜像清除缓存一系列的操作
npm install rimraf -grimraf node_modulesrimraf是删除模块npm cache clean --force 清理缓存npm prune 删除多余的包npm cache verify 清除缓存rm -rf node_modules && npm install` 删除模块并安装package.json的插件...原创 2018-07-30 14:19:47 · 3245 阅读 · 0 评论 -
github常见操作和常见错误！错误提示：fatal: remote origin already exists.
如果输入$ git remote add origin git@github.com:djqiang（github帐号名）/gitdemo（项目名）.git 提示出错信息：fatal: remote origin already exists. 解决办法如下： 1、先输入$ git remote rm origin 2、再输入$ git remote ad...转载 2018-08-17 18:15:57 · 209 阅读 · 0 评论 -
javascript中filter的用法
filterfilter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数，可以这么写：1 var arr = [1...原创 2018-09-04 10:44:09 · 624 阅读 · 0 评论 -
React Native 日常报错 'config.h' file not found
解决方法：cd node_modules/react-native/third-party/glog-0.3.4../../scripts/ios-configure-glog.sh12clean the project and build again, the error is gone其实执行 .sh 命令之后Terminal界面的一些处理流程，我们不难看出，这个命令是check .h...转载 2018-10-24 10:59:24 · 225 阅读 · 0 评论 -
react-native多图上传 react-native-image-picker图片上传之多个上传图片
话不多说 直接贴代码, 如有疑问 下方留言或者发邮箱引入需要的组件import ImagePicker2 from 'react-native-image-picker';import RNHeicConverter from 'react-native-heic-converter';// RNHeicConverter图片转换 IOS11之后 有HEIC图片需要转换 不然显示不出来 ...原创 2018-10-31 17:07:35 · 4682 阅读 · 4 评论 -
react-native 走马灯效果
/** * @flow *//* eslint react/no-did-mount-set-state: 0 */import React, { Component } from 'react'import { Text, View, Animated, Easing, StyleSheet, TouchableOpacity,} from 'react-na...原创 2018-11-07 16:26:39 · 3880 阅读 · 3 评论 -
localStorage的过期时间设置的方法
版权声明： https://blog.youkuaiyun.com/xyphf/article/details/51830770 我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢，今天我们来一起尝试一下！ <s...转载 2018-11-19 16:55:54 · 1484 阅读 · 0 评论 -
js一维数组转二维数组
使用场景举例：接口返回一个数组对象，展示时每行固定显示n个，则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。a.数组元素为基本类型： let baseArray = [1, 2, 3, 4, 5, 6, 7, 8]; len len = baseArray.length;...原创 2018-12-25 21:46:28 · 2073 阅读 · 1 评论 -
JS数组遍历删除添加转换排序填充扩展运算符去重查找
本文篇幅较长，建议点赞保存再看，也便于日后翻阅。创建一个数组: // 字面量方式: // 这个方法也是我们最常用的，在初始化数组的时候 相当方便 var a = [3, 11, 8]; // [3,11,8]; // 构造器: // 实际上 new Array === Array,加不加new 一点影响都没有。 var a = Array(); // []...转载 2019-04-11 16:49:03 · 617 阅读 · 0 评论 -
react-native新导航组件react-navigation详解
react-navigationreact-navigation 是今年1月份新出的一款react-native导航组件, 才几个月github就三千多star, 半官方身份, fb推荐使用, 据称性能和效果跟原生差不多. 可能是react-native导航组件的未来主流. 但现在还是beta版本(最新v...转载 2019-04-11 16:52:14 · 677 阅读 · 0 评论 -
react-native之 redux-persist 数据存储
希望可以帮助大家使用和了解redux-persist的相关能力接入npm i --save redux-persist如果你使用了immutablenpm i --save redux-persist-immutable使用// store.js import { persistStore, autoRehydrate } from 'redux-persist'// or// i...原创 2019-04-22 17:37:49 · 1853 阅读 · 0 评论 -
Input 只能输入数字，数字和字母等的正则表达式
JS只能输入数字，数字和字母等的正则表达式1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />2.只能输入数字,能输小数点.<input onkeyup...原创 2019-05-10 17:42:02 · 8466 阅读 · 0 评论 -
eslint语法检查
"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-bitwise": 0,//禁止使用按位运算符 "no-caller": 1,//禁止使用arguments.caller或arguments.callee "no-catch-shadow": 2,//禁止catch子句参数...转载 2018-04-09 18:20:36 · 733 阅读 · 0 评论 -
git remote prune origin
在你经常使用的命令当中有一个git branch –a 用来查看所有的分支，包括本地和远程的。但是时间长了你会发现有些分支在远程其实早就被删除了，但是在你本地依然可以看见这些被删除的分支。你可以通过命令，git remote show origin 来查看有关于origin的一些信息，包括分支是否tracking。Local refs configured for ‘git push’，这一栏说明...转载 2018-04-02 10:59:22 · 780 阅读 · 0 评论 -
JavaScript模块规范commonJS/AMD/UMD/CMD
转载 2017年03月21日 10:34:00JavaScript模块规范在任何一个大型应用中模块化是很常见的，与一些更传统的编程语言不同的是，JavaScript （ECMA-262版本）还不支持原生的模块化。Javascript社区做了很多努力，在现有的运行环境中，实现"模块"的效果。通行的JavaScript模块规范主要有两种：CommonJS、AMD、UMD、CMD等CommonJSCom...转载 2018-04-09 10:14:23 · 492 阅读 · 0 评论 -
详解js的六大数据类型
js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）。下面就跟着小编一起来看下吧js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）。前面说到js中变量是松散类型的原创 2017-04-20 17:21:04 · 467 阅读 · 0 评论 -
react-native-pushy 热更新 第一章
# 快速入门-准备工作首先你应该有一个基于React Native开发的应用，我们把具有package.json的目录叫做你的"应用根目录"。如果你还没有初始化应用，请参阅[开始使用React Native](http://reactnative.cn/docs/getting-started.html#content)。所以我们也假设你已经拥有了开发React Native应用的一切原创 2018-01-02 17:53:29 · 531 阅读 · 0 评论 -
git 还原
在当前分支commit了 git reflog 查找到ID号然后 git reset ID号 ^然后 git stash 切换你所要用的分支最后 git stash pop子向外传递数据，首先定义一个prop然后父组件接受这个prop (已函数的形式去传)《child child={this.fater} /》原创 2017-12-28 17:55:44 · 209 阅读 · 0 评论 -
箭头函数esLint的语法检测Unexpected block statement surrounding arrow body
如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。var sum = (num1, num2) => { return num1 + num2; } //此时eslint语法检测会报错需要写成：var sum = (num1, num2) => num1 + num2 //默认返回值由于大括号被解释为代码块，所以如果原创 2017-12-29 17:01:45 · 32974 阅读 · 0 评论 -
react-native 导航navigator
React Native的导航有两种，一种是iOS和Android通用的叫做Navigator，一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator，NavigatorIOS也就不是什么难事了。本文所使用的是React Native 0.34。FB团队更新的太快了，我会在后续出现大的改动的时候更新本文以及代码。Navigat原创 2018-01-15 17:35:18 · 277 阅读 · 0 评论 -
redux-form
1第一件要做的事当然是安装依赖啦，通过终端进入项目所在目录，写入npm install redux-form安装依赖（前提：已成功配置node的运行环境，并且已安装好react和redux的相关依赖）2在入口文件中写入以下代码：import { createStore, combineReducers } from 'redux'import { reducer as for转载 2018-01-23 17:39:48 · 447 阅读 · 0 评论 -
react-native获取设备信息组件（react-native-device-info）
一、组件说明：该组件同时适配Android和IOS平台。二、组件介绍1.首先需要安装组件:npm install react-native-device-info --save2.IOS初始化:打开Xcode——>右击Libraries——>选择文件到当前项目，进入到node_modules/react-native-device-info——>添加.xcodepr原创 2018-01-16 17:01:08 · 1839 阅读 · 0 评论 -
react-native 之 ref 的使用
react-native 之 ref 的使用，在react-native中可以通过 ref属性来获取组件，并设置组件的属性及其方法，实例如下123456789101112131415161718192021原创 2018-01-16 17:17:46 · 3646 阅读 · 0 评论 -
Redux API 和 Redux 源码结构
Redux APIexport { createStore, //创建一个state用来存储状态树 combineReducers, //合并reducer bindActionCreators, //将dispatch和action结合 applyMiddleware, //调度中间件来增强store，例如中间件redux-t原创 2018-01-08 17:14:41 · 329 阅读 · 0 评论 -
关于redux-form不能输入的问题
import { combineReducers } from 'redux';import { reducer as forms } from 'redux-form';import otherReducer from './otherReducer';export default combineReducers({ otherReducer, forms });请注意，我正在导入re原创 2018-01-29 16:09:18 · 676 阅读 · 0 评论 -
react native 多语言国际化组件react-native-i18n Xcode配置
首先安装，运行：npm install react-native-i18n --save在Xcode Libraries Add files to node_modules找到RNI18n.xcodeproj添加进去即可，之后在target点击 Build Phases找到Link Binary With Libraries添加libRni18.a文件就可以啦.接下来npm start原创 2018-02-07 17:54:35 · 2435 阅读 · 0 评论 -
react-native onPress
onPress 的正确使用姿势一般的 ListView 中每个 Row 的点击会对应一个 onPress 的事件，例如 push 到下一个 View，这种情况使用 onPress={this.handlePress} ，然后在 handlePress里进行响应的操作就 OK 了。在显示 Github 时间线的时候，每个 Row 里会提到多个用户名和仓库名，点击用户名和仓库名时需要做不同的处理。最容...原创 2018-03-20 10:36:38 · 10709 阅读 · 0 评论 -
【React Native】常见的函数绑定方法
[html] view plain copy<span style="font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255);">函数绑定： 函数进行 bind（绑定） 可以确保在函数中的 this 作为组件实例的引用,也就是说你想在自定义的函数中使用this，那么请先进行将此函数bind(t...原创 2018-03-20 10:52:48 · 584 阅读 · 0 评论 -
JS异步加载
js加载的缺点：加载工具方法没必要阻塞文档，过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载，用到再加载，不用不加载，。 默认正常模式下下，JS是同步加载的，即优先加载JS，只有当JS文件下载完，dom和css才开始加载，当某些时候我们需要JS异步加载，我们可以通过以下方式来设置异步加载,不同情况下选取不同方式即可原创 2017-04-20 17:03:08 · 340 阅读 · 0 评论