- 博客(28)
- 收藏
- 关注
RSS订阅原创 解决reactNative运行报错：Unknown argument type ‘ _attribute__‘ in method -[ RCTAppState gerCurrnetAppState:
解决reactNative运行报错
2022-07-05 16:05:27
397
原创 在reactNative中使用什么工具进行单元测试？
什么是单元测试？对于前端来说，常见的有单元测试、功能测试、UI 测试 都有各自的定义。单元测试：对一个模块、一个函数或者一个类来进行正确性检验 （需要通过写代码去实现，我们经常听到的 代码覆盖率 也是单元测试非常重要的一点）功能测试或 UI测试：通常来说，人工验证就可以，不需要写代码RN 单元测试RN是一个UI框架，可以在iOS 和Android 平台实现跨端，那么首先想到的是，官方提供的配套工具。主流工具1.jest：Facebook 官方开发，ReactNative 项目本身也是使用 Je
2022-04-26 17:49:41
924
原创 git统计项目某时间区间的代码修改量/总代码量
步骤前往项目根路径下打开（Git Bash）工具获取某时间区间的代码修改量 git log --since=2021-12-01 --until=2021-12-31 --pretty=tformat: --numstat | awk '{ add += $1; subs += $2; loc += $1 - $2 } END { printf "added lines: %s, removed lines: %s, total lines: %s\n", add, subs, loc }'
2022-01-06 14:36:59
601
原创 js对数组对象中根据ASCII对某个key进行排序
export function compare(obj1, obj2) { let val1 = obj1.paramKey; let val2 = obj2.paramKey; if (val1 < val2) { return -1; } else if (val1 > val2) { return 1; } else { return 0; }}let arr = [ { paramKey: "Aad".
2021-12-15 15:43:08
1505
原创 javaScript解析Url参数拼接
getUrlJoin(url) { if (url) { let arr = url.split("?")[1].split("#")[0].split("&"); let resObj = {}; let resArr = []; arr.forEach(item => { let [key, value = ""] = item.split("="); resArr.push({ paramKey: key, .
2021-11-22 14:59:32
1020
原创 判断字符串是否为json格式
function isJSON(str) { if (typeof str == "string") { try { JSON.parse(str); return true; } catch (e) { return false; } } else { return false; }}
2021-11-22 14:55:33
1117
原创 Vue中使用FormData传参，复杂List不能解析
data数据结构import axios from 'axios'import qs from 'qs'let data = { risk: '28817873', stakeList: [ {startTime: '10:00:00', endTime: '12:00:00', type: 'FREE'}, {startTime: '12:00:00', endTime: '15:00:00', type: 'LUNCH'}, {startTime: '15:00
2020-10-09 09:55:40
1840
2
原创 解决reactNative高版本ART组件报错
基于rn版本0.51.1 react版本16使用组件ARTimport React from 'react';import { Dimensions, ART } from 'react-native';const width = Dimensions.get('window').width;const path = ART.Path();path.moveTo(1, 1);path.lineTo(width, 1); <ART.Surface width={width} he.
2020-07-30 10:49:22
666
原创 解决rn ios使用react-native-amap-geolocation集成高德地图报错问题
最近使用rn获取高德定位踩坑，rn中默认内置组件navigator.geolocation可以获取定位信息（注意默认百度坐标系，可能还需要转换坐标系），此时部分android机中会有兼容性问题，导致获取位置信息会超时，这时采用第三方组件库react-native-amap-geolocation集成具体如下：1、安装 yarn add react-native-amap-geolocation2、链入至原生 androidreact-native link react-native-amap-ge
2020-06-05 11:55:13
2207
原创 前端基础知识整理
一、JS相关1、事件模型原始事件模型（DOM0级）在原始事件模型中，事件发生后没有传播的概念，没有事件流，事件发生后马上处理。监听函数只是元素的一个属性，通过元素的属性值绑定监听器。优点：所有浏览器都兼容。缺点：1、逻辑与显示没有分离。2、相同的监听函数只能绑定一个，后绑定的会覆盖前面的。3、无法通过冒泡和委托等机制完成更多得到功能。IE事件模型IE事件模型共有两个过程，1）事件处理...
2020-02-18 17:26:20
198
原创 解决react-native-swiper Android 不显示问题
最近在rn项目中做了一个图片轮播的功能，ios展示正常，在Android机型上不显示，解决如下：import React from 'react';import { Text, View, Dimensions, Platform, ScrollView, Image } from 'react-native';import Swiper from 'react-native-swiper'...
2020-02-18 11:43:25
608
原创 reactNative 踩坑ListView没有重新渲染的问题
最近在使用ListView 做一个列表全选单选功能其中发现选中列表下改元素但是state没有发生改变，此时发现是组件没有重新渲染 解决方案如下：import React, { Component } from 'react';import { StyleSheet, View, TouchableOpacity, Dimensions, ListView, Text, Image...
2019-12-25 11:18:34
534
原创 webpack 的概念和基础使用
01 webpack 的概念和基础使用webpack 是一个 JS代码模块化对的打包工具，它强大的扩展能力，随着社区的发展，逐渐成为一个功能完善的构建工具。安装和使用1 npm install webpack webpack-cli -g // npm2 yarn global add webpack webpack-cli // yarn 3 webpack --help...
2019-11-27 10:19:01
347
原创 H5 webRTC简单实现视频调用
最近在做一个直播功能，查阅了webRTC相关资料，下面是简单实现的栗子哟(基于vue.js)！子组件<template> <video id="rtc"></video></template><script>export default { name: "LiveDetails", data() { r...
2019-11-25 09:47:58
2517
原创 解决reactNative navigator.geolocation.getCurrentPosition()方法获取经纬度不准确
reactNative 获取经纬度踩坑navigator.geolocation.getCurrentPosition() 百度地图定位不准的问题最近在做rn的项目要获取经纬度，用到了navigator.geolocation.getCurrentPosition()方法，默认获取的是百度地图坐标系**(经纬度属于WGS84坐标，需要做转换)**，但是后端之前录入的数据是通过高德录入，此时会存...
2019-11-20 14:45:26
5219
5
原创 js去重的方法
一、简单数组去重（IE8以下不支持数组的indexOf()方法）function isDuplicate(arr) { var temp = [] //临时数组 for (var i = 0; i < arr.length; i++) { if (temp.indexOf(arr[i]) == -1) { temp.push(arr[i]) } ...
2019-09-23 21:35:55
1216
原创 计算机底层存储
关于计算机底层存储1、计算机存储信息的最小单位是：比特(bit)比特：存放一位二进制数，即 0 或 1，最小的存储单位。2、计算机存储容量基本单位是：字节1 byte = 8 bit1byte = 1B1KB = 1024B1MB = 1024KB1GB = 1024MB1TB = 1024GB TB: 万亿字节1PB = 1024TB PB: 千万亿字节3、进位率...
2019-08-25 17:55:16
766
原创 React Native 自定义弹框
react-native 自定义弹框安装- react-native-root-siblings https://www.npmjs.com/package/react-native-root-siblings npm install react-native-root-siblings --save可以作为公共通用方法：import React, { Component } fro...
2019-08-23 15:27:57
721
原创 JavaScript的解释引擎
JavaScript解释引擎看完本文，你就可以理解下面两个实例的原理！fun()console.log(num)function fun() { num = 20}// output: 20var num = 10fun()function fun() { console.log(num) var num = 20}// output: un...
2019-08-23 14:40:40
477
原创 使用Javascript如何优雅的编写异步代码
使用Javascript如何优雅的编写异步代码async / await 是一种与 Promise协作的特殊的语法糖。它使得我们可以像写同步代码一样书写异步代码。仅此而已本文主要内容Callback / Promise / Generator / Async / Await几个常见概念同步循环异步循环一、Callback / Promise / Generator / As...
2019-08-23 14:11:54
259
原创 浏览器缓存机制
浏览器缓存机制缓存可以减少网络IO消耗，提高访问速度。浏览器缓存是一种操作简单，效果显著的前端性能优化手段！对于这个操作的必要性，chrome官方给出的解释似乎更有说服力。很多时候，大家倾向于将浏览器缓存理解为“HTTP缓存”。但事实上浏览器缓存机制有4个方面，它们按照获取资源请求时的优先级依次排列如下：1. Memory Cache2. Service Worker Cache3. ...
2019-07-17 11:24:50
114
原创 ie7设置overflow属性失效解决方法
在项目中遇到 IE7 浏览器设置 overflow:hidden , overflow: auto; 都无效 ！父元素设置固定宽高属性并加 overflow属性 (意图使超出部分能够隐藏或者滚动)， 子元素设置了position:relative 或position:absolute属性 ，ie7浏览器下超出父元素的子元素区域部分不能被隐藏掉！解决方法：给元素也加上position:rel...
2019-07-12 13:43:30
723
原创 解决IE7 & IE8 存储cookie问题
解决IE7 & IE8 存储cookie问题最近在做一个项目，需要兼容比较低版本的浏览器，现在竟然还有人用xp系统的IE7 ！！！！听到这个消息的时候我整个人都不好了。其中某个功能需要用cookie存储和清除，发现在ie8及以一下没有效果 。解决方法：/** * 设置cookie * @param {String} key * @param {String} value * ...
2019-07-12 11:37:57
845
2
原创 react native 获取 view 高度
rn 获取view 高度onLayout = (event) => { const viewHeight = event.nativeEvent.layout.height; }render() { return ( <View onLayout={(event) => this.onLayout(event)}></View...
2019-01-29 11:53:06
3761
原创 react-native-picker自定义年or月组件
前段时间一直在做rn的项目，其中用到react-native-picker，想和大家分享一下废话少说，直接上代码import React, { Component, PureComponent } from 'react';import cloneDeep from 'lodash/cloneDeep';import { Text, TouchableOpacity, Sty...
2019-01-28 17:31:40
1733
1
原创 react native Android 打Release包
Android 打Release包 （android studio 环境）1.生成静态JS Bundle文件1.1:首先在本地修改assetPathUtils.jsassetPathUtils.js文件路径：node_modules\react-native\local-cli\bundle\assetPathUtils.js修改：getAndroidAssetSuffix方法因为Gr...
2019-01-24 17:35:43
819
原创 React Native 自定义radio 单选or多选
React Native 自定义radio 单选or多选//自定义 radioimport React, { PureComponent } from 'react';import PropTypes from 'prop-types';import { View, Text, StyleSheet, TouchableOpacity, Image, Dimensions } from...
2019-01-24 17:11:11
739
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人