学习笔记666

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

身份证号码校验function testid(id) { // 1 "验证通过!", 0 //校验不通过 // id为身份证号码 var format = /^(([1][1-5])|([2][1-3])|([3][1-7])|([4][1-6])|([5][0-4])|([6][1-5])|([7][1])|([8][1-2]))\d{4}(([1][9]\d{2})|([2]\d{3}))(([0][1-9])|([1][0-2]))(([0][1-9])|([1-2][0-9

在数组对象中去掉重复的对象:export function deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); keys.sort(function(a, b) { return (Number(a) - Number(b)); }); var str = ''; for (var j =.

有同学在看 Vue 官方文档时，对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容，可能会有所理解，不过有些同学可能看到这个标题之后就选择跳过了，因此这里简述如下：Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结...

问题1: react-native-collapsible---->undefined is not an object evaluating reactNative.View.propTypes解决方案 升级 react-native-collapsible问题2:antd-mobile-rn undefined is not an object (evaluating' react.PropTypes.bool')解决方案 npm install @ant-design/reac...

Unhandled JS Exception: TypeError: TypeError: Cannot read property 'contain' of undefinedRN版本升级 : resizeMode={Image.resizeMode.center} 改成 resizeMode={'center'}

error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening .xcworkspace解决方案:重新build clean

error: bundling failed: Error: Unable to resolve module `../../image/Task/xxx@2x.png` from `/Users/xxxx/TaskDetails.js`: The module `../../image/Task/weixin@2x.png` could not be found from `/Users/xxx.js`. Indeed, none of these files exist:* `weixin@2x.pn

先看一段代码/** * 按钮点击事件 * @param {number} status 活动状态：1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */const onButtonClick = (status)=>{ if(status == 1){ sendLog('processing') ...

方法一：直接定义并且初始化，这种遇到数量少的情况可以用var _TheArray = [[“0-1”,“0-2”],[“1-1”,“1-2”],[“2-1”,“2-2”]]方法二：未知长度的二维数组var tArray = new Array(); //先声明一维for(var k=0;k<i;k++){ //一维长度为i,i为变量，可以根据实际情况改变tArray[k]=new ...

1.初级方法var week = new Date().getDay(),str='今天是星期';if(week === 0){str += '日'}...或者switch..2.中级方法var week = new Date().getDay(),arr = [‘日’, ‘一’, ‘二’, ‘三’, ‘四’, ‘五’, ‘六’],str = ‘今天是星期’+arr[week];...

<div id="vue"> <h1>test: {{site}}</h1> <h1>url: {{url}}</h1> <h1>函数{{details()}}</h1></div><script type="text/javascript">var data...

希望可以帮助大家使用和了解redux-persist的相关能力接入npm i --save redux-persist如果你使用了immutablenpm i --save redux-persist-immutable使用// store.js import { persistStore, autoRehydrate } from 'redux-persist'// or// i...

简介一个react-native视频播放组件，可以实现视频播放的效果。 要求react-native版本 >= 0.40.0；对于RN支持0.19.0 - 0.39.0，请使用1.0之前的版本。最新版本(3.0.0)改动3.0版对现有行为进行了许多更改。 请参阅#更新目录安装使用更新一、安装使用npm安装依赖库：npm...

react-navigationreact-navigation 是今年1月份新出的一款react-native导航组件, 才几个月github就三千多star, 半官方身份, fb推荐使用, 据称性能和效果跟原生差不多. 可能是react-native导航组件的未来主流. 但现在还是beta版本(最新v...

本文篇幅较长，建议点赞保存再看，也便于日后翻阅。创建一个数组: // 字面量方式: // 这个方法也是我们最常用的，在初始化数组的时候 相当方便 var a = [3, 11, 8]; // [3,11,8]; // 构造器: // 实际上 new Array === Array,加不加new 一点影响都没有。 var a = Array(); // []...

for循环里的定时器引发的思考 在学习js的时候，或者面试的时候，会经常碰到这一道经典题目：for(var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); });}console.log('a');熟悉这道题目的人立马就可以说出...

使用场景举例：接口返回一个数组对象，展示时每行固定显示n个，则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。a.数组元素为基本类型： let baseArray = [1, 2, 3, 4, 5, 6, 7, 8]; len len = baseArray.length;...

版权声明： https://blog.csdn.net/xyphf/article/details/51830770 我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢，今天我们来一起尝试一下！ &lt;s...

尤雨溪之前在微博发布消息，不再继续维护vue-resource，并推荐大家开始使用 axios 。一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：https://hzzly.github.io/2017/03/12/axios%E5%9C%A8vue%E4%B8%AD%E7%9A%84%E7%AE%...

因为在现在0.50包括之前的ReactNative版本，Image组件必须要设置宽高才能显示。所以在图片宽高不确定的情况下，如何来让图片自适应屏幕高度呢？需求原因：因为做商城详情页面的图片长短不一，所以要自适应图片显示高度。这个需求就产生了。以下方法：getSize方法 传入imageUri（图片的uri路径，支持本地和网络路径）Image.getSize(ima...

var arr = [{ data: 21, weather:'晴' }, { data: 111, weather:'小雨' }, { data: 32, weather:'大雨' }, { ...

JS只能输入数字，数字和字母等的正则表达式1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />2.只能输入数字,能输小数点.<input onkeyup...

DOM0事件模型      事件模型在不断发展，早期的事件模型称为DOM0级别。     DOM0事件模型，所有的浏览器都支持。     直接在dom对象上注册事件名称，就是DOM0写法，比如：1 document.getElementById("test").onclick = function(e){};     意思就是注册一个onclic

1.首先访问一个域名，你的浏览器去连接ISP服务商获取这个域名对于真正的IP地址2.把你的访问地址转换成 http/https协议：ip地址：端口号：路径3.tcp开始三次握手，像打电话提前确认一样{client:喂，在家吗？明天去你家service:在家来吧client:好的，明天见}4.确认网络服务器是通的，那么tcp复杂拆分内容，ip复杂每一个包盖章，发送给服务端5.服务端...

一、数组转字符串需要将数组元素用某个字符连接成字符串，示例代码如下：var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c = a.join(''); //abcde二、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下：var str =...

JavaScript 是面向对象的语言，引用数据类型都是对象，包括函数也是对象，同时还可以通过 Object 对象自定义对象。但是，和其他面向对象语言（如 Java 等高级语言）比，也有很大差异，JS 中没有类或接口的概念，即不能直接定义抽象的类，也不能直接实现继承。不过，为了编程的方便，我们可以在 JS 中模拟类和继承的行为。创建对象实例或类（虽然没有类的概念，但是可以把用于创建新对象的对象...

JavaScript内置对象原型图图一：原型链图 图二：内置对象及原型链图（含属性） ...

<html lang="en"><head> <meta charset="UTF-8"> <title>vue</title><script src="./vue.js"></script>// 引入vuejs文件 https://cdn.jsdelivr.net/npm/vue</...

有同学在看 Vue 官方文档时，对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。其实如果看一下深入响应式原理 - vue.js中的有关内容，可能会有所理解，不过有些同学可能看到这个标题之后就选择跳过了，因此这里简述如下：Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick ...

今天试了一下Vuex,感觉跟Redux的实现思想类似。再此，简单地总结一下。什么是Vuex在Vue中，多组件的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来，应用统一的方式进行处理，在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理...

如下是简单cookie操作，当前仅限前端实例要注意的有两点：1、cookie内容存贮的名称2、删除cookie是通过设置过期为过去时间实现的<body><div id="app"> <button @click="clearCookie()"> 清除cookie </button></div&...

/** * @flow *//* eslint react/no-did-mount-set-state: 0 */import React, { Component } from 'react'import { Text, View, Animated, Easing, StyleSheet, TouchableOpacity,} from 'react-na...

解决方法：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...

registerUser: function (user, success, fail) { API.registerUser(user, function(userServer){ var localUser = UserLocalStorage.serverUserToLocalUser(userServer); UserLocalStorage.

一、组件说明：该组件同时适配Android和IOS平台。二、组件介绍1.首先需要安装组件:npm install react-native-device-info --save2.IOS初始化:打开Xcode——>右击Libraries——>选择文件到当前项目，进入到node_modules/react-native-device-info——>添加.xcodepr

1第一件要做的事当然是安装依赖啦，通过终端进入项目所在目录，写入npm install redux-form安装依赖（前提：已成功配置node的运行环境，并且已安装好react和redux的相关依赖）2在入口文件中写入以下代码：import { createStore, combineReducers } from 'redux'import { reducer as for

React Native的导航有两种，一种是iOS和Android通用的叫做Navigator，一种是支持iOS的叫做NavigatorIOS。我们这里只讨论通用的Navigator。会了Navigator，NavigatorIOS也就不是什么难事了。本文所使用的是React Native 0.34。FB团队更新的太快了，我会在后续出现大的改动的时候更新本文以及代码。Navigat

如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。var sum = (num1, num2) => { return num1 + num2; } //此时eslint语法检测会报错需要写成：var sum = (num1, num2) => num1 + num2 //默认返回值由于大括号被解释为代码块，所以如果