自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(86)
  • 资源 (1)
  • 收藏
  • 关注

原创 react native中添加自定义字体

1、在项目根目录下,创建文件夹assets/fonts,并且把所需要的字体文件(.ttf)放进来,2.ios端(1)将字体文件添加到工程目录中,在工程中的项目文件下下创建Fonts文件夹,将字体文件添加进去(2)在info.plist中添加<key>UIAppFonts</key> <array> <string>Barlow-Regular.ttf</string> <string>Barlow-Black.tt

2020-12-07 10:31:27 27

原创 git返回上个版本

然后会出现不同版本,用于回退使用,最开始前面一长串的就是版本IDgit log --pretty=oneline恢复到历史版本git reset --hard 版本id将修改推到远程服务器git push -f -u origin master

2020-12-03 11:31:00 56

原创 react native 做用户列表

需求:从API上请求下来的用户数据,做成一个类似通讯录的模式请求下来的数据格式://获取数据的方法CustomerList().then(res => { let data = res.data var letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ#".split(""); var segs = []; // 存放数据 var res = {};

2020-12-03 11:27:31 12

原创 react narive获取本地文件并上传到服务器

工作中遇到要在APP中上传Excel的需求,找了老半天,试过react-native-fs,但是不好用,要么就是只能上传图片的,后来发现这个第三方库完美的符合需求,他不仅可以上传Excel,基本上现有的文件他都可以吧!具体查看文档!这个库就是:react-native-document-picker用法举例:先install下来:npm i --save react-native-document-picker在iOS文件夹下 pod安装pod install导入文件import Docu

2020-12-03 10:55:58 34

原创 Git tag用法

1.显示所有的taggit tag2.查看某个版本系列的taggit tag -l 'v1.0*'3.创建标签git tag -a v1.0 -m "内容"4.查看标签的详情,可以看到你commit的内容git show v1.05.看看所有tag以及提交的内容git tag -l -n5.推送标签git push origin v1.06.删除标签删除本地git tag -d v1.0删除远程的git push origin :refs/tags/v1.0

2020-11-21 08:58:22 31

原创 js 递归json树 根据 子id 查 父id

数据: let dataArr = [ { "id": 1, "children": [ { "id": 2, "children":[ { "id": 3 } ] } ] }, { "id": 4, "children": [ {

2020-11-06 15:52:40 79

原创 使用formData格式上传数据时,查看formdata每一项的值

//第一种for (var value of formData.values()) {console.log(value);}//第二种for (var [a, b] of formData.entries()) {console.log(a, b);}

2020-08-04 10:46:56 846

原创 React Native0.59以前版本上架失败,邮件提示ITMS-90809

邮件提示内容:ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability. Learn more (https://developer.apple.com/documentation/uikit/uiwebview).看到这个不要慌,是老版本的RN 使用的UIWebVie

2020-07-20 22:12:58 215

原创 React Native搭建基础环境+Redux全局配置

备注:本基础环境建立在一位慕课大佬讲解的项目基础上,通过详细的阅读其源码,重新构建出来的,风格类似,写出来仅仅是为了防止以后遗忘,以及尽可能帮助到一些初学者!不喜勿喷,拜托????可到github上查看源代码:https://github.com/volonkou/BaseApp一、项目基础环境构建1.根据官方文档先init一个项目出来:中文文档,有任何问题请详细查看文档哈init命令:(最新版的react native包含CocoaPods,初始化时间有点长,得耐心等待一会)npx react-

2020-07-17 11:09:15 118

原创 Xcode版本问题:Unknown argument type ‘__attribute__‘ in method -[RCTAppState getCurrentAppState:error:].

遇到的问题:Xcode版本升级后,在Xcode上点击build时遇到以下问题:Unknown argument type '__attribute__' in method -[RCTAppState getCurrentAppState:error:]. Extend RCTConvert to support this type.如图:解决的方法:1.在Xcode中打开:Xcode打开RCTModuleMethod.mm文件:路径Libraries->React.xcodeproj-

2020-07-11 09:29:50 329

原创 react 读取excel中的内容并解析成json格式的

引用xlsx库来完成这个功能下载库:npm下载可能会报错,用yarn正常npm install xlsx --save//oryarn add xlsx模块导入:import XLSX from 'xlsx';基础代码: <input type="file" onChange={this.HandleImportFile} />处理逻辑:HandleImportFile = (e) => { let { files } = e.target //

2020-07-07 17:42:32 427

原创 三个json数组之间的数据一一匹配组合

需求:将以下三个json数组的数据一一匹配组合["S","M","L"],["R","B"],["X","Y","Z"]代码实现: Zuhe = (data) => { let heads = data[0]; for (var i = 1, len = data.length; i < len; i++) { heads = this.addNewType(heads, data[i]); } return heads; } a

2020-07-07 16:11:47 174

原创 react native字体图标react-native-vector-icons的使用

GitHub地址:https://github.com/oblador/react-native-vector-icons图标参考地址:https://oblador.github.io/react-native-vector-icons/一、下载和引用yarn add react-native-vector-icons# RN >= 0.60npx pod-install# RN < 0.60react-native link react-native-vector-icons

2020-07-05 16:56:01 432 2

原创 node爬虫抓取拉勾网数据

初始化:1.安装了node2.新建一个文件夹3.在该文件夹中初始化node应用npm init 安装依赖:使用express框架使用superagent库:superagent 是一个轻量级、渐进式的请求库,内部依赖 nodejs 原生的请求 api,适用于 nodejs 环境使用cheerio库:cheerio 是 nodejs 的抓取页面模块,为服务器特别定制的,快速、灵活、实施的 jQuery 核心实现。适合各种 Web 爬虫程序。node.js 版的 jQuery

2020-06-27 21:41:54 118

原创 js+flex快速实现页面瀑布流显示模式

场景:请求到数据之后打算使用瀑布流形式展示在请求到数据之后,来创建瀑布流所需要的数据格式//数据处理方法_CreateFlexList=(list)=> { //要现实的列数,可以动态设置 let columnCount = 2; let FlexList = []; // 创建列数空数组 for (le...

2020-05-07 10:19:44 121

原创 JavaScript中的6种报错类型

一、概述js中的控制台的报错信息主要分为两大类,第一类是语法错误,这一类错误在预解析的过程中如果遇到,就会导致整个js文件都无法执行。另一类错误统称为异常,这一类的错误会导致在错误出现的那一行之后的代码无法执行,但在那一行之前的代码不会受到影响。二、错误类型1.SynataxError: 错误类型变量命名不符合 JavaScript 语法规范:以字母、下划线、$开头;区分大小写;不...

2020-04-10 10:40:37 102

原创 JavaScript 中 new 操作符执行时走了哪些步骤

一、场景我们在使用JavaScript是,会经常碰上new这个操作符来进行实例化,我们来看一下new 这个操作符执行时走了哪些步骤二、实例function A(name){ this.name = name ;};var zhangsan = new Person('张三');var zhangsans = new Person('张三');console.log(zhan...

2020-04-08 10:51:53 450

原创 Hexo+github搭建个人博客之本机博客搭建及发布

首先选择一个文件夹存放你博客,切换到该文件夹内,Windows右键选择Git Bash,Mac直接在终端切换到该文件夹安装hexo-cli//这条命令是安装全局库,不一定在该文件夹内执行npm install -g hexo-cli初始化hexo项目(可能会有点慢,耐心等待,如果网络问题init错误的话,可以再来一遍)//blog是初始化文件的名称hexo init blog...

2020-04-07 17:36:09 50

原创 github如何配置SSH key

一、设置git的user name和emailgit config --global user.name "github的注册名称"git config --global user.email "github的注册邮箱"二、检查是你电脑本地否存在SSH Keycd ~/.sshls//看是否存在 id_rsa 和 id_rsa.pub文件,如果存在,说明已经有SSH Key我...

2020-04-07 17:14:23 74

原创 Taro小程序设置线上版本更新后,用户打开应用自动更新

在根目录app.jsx文件中的componentDidMount方法中添加代码//判断目前微信版本是否支持自动更新if(Taro.canIUse("getUpdateManager")){ const update=Taro.getUpdateManager(); update.onCheckForUpdate((res)=>{ //检测是否有新版...

2020-04-07 13:56:08 381

原创 React 富文本编辑器

参考网站:https://braft.margox.cnGitHub:https://github.com/margox/braft-editor# Install using yarnyarn add braft-editor# Install using npmnpm install braft-editor --save代码引入:import 'braft-editor/di...

2020-04-07 13:44:17 98

原创 CSS快速将网站变灰色

思路:给整个网站加一层灰度滤镜即可方法:在全局给html标签加个样式可解决缺点:治不了 ie1.快捷方法-webkit-filter: grayscale(.95);2.更高兼容性 -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); ...

2020-04-04 18:06:37 67

原创 Hexo+github搭建个人博客之基础环境配置

参考网站:https://braft.margox.cnGitHub:https://github.com/margox/braft-editor# Install using yarnyarn add braft-editor# Install using npmnpm install braft-editor --save代码引入:import 'braft-editor/di...

2020-03-26 09:58:43 47

原创 React父组件调用子组件的方法

import React, {Component} from 'react';export default class Parent extends Component { render() { return( <div> <Child onRef={this.onRef} /> ...

2020-03-23 22:46:12 43

原创 计算两个经纬度之间的距离

结果为km // 获取两个经纬度之间的距离 GetDistance = (lat1, lng1, lat2, lng2) => { var radLat1 = lat1 * Math.PI / 180.0; var radLat2 = lat2 * Math.PI / 180.0; var a = radLat1 - radLat2; var b = ...

2020-03-23 14:43:52 332

原创 express简单使用

安装express框架npm install express -Sexpress引入使用Hello world exampleconst express = require('express')const app = express()app.get('/', (req, res) => res.send('Hello World!'))app.listen(3000, ...

2019-12-13 15:29:53 40

原创 使用nrm管理npm源

首先安装nrmnpm install nrm -g查看nrm命令nrm -hls查看所有的npm源current查看当前使用的use使用某个源add添加私有

2019-12-13 14:54:53 47

原创 node 使用nodemon自启动服务

安装nodemonnpm install nodemon -D修改启动命令"start": "nodemon demo.js",重新启动即可

2019-12-13 14:45:21 337

原创 node启动web服务

安装好node之后npm init -y新建一个js文件demo.js,编写启动服务代码const http=require('http');const server=http.createServer((req,res)=>{ res.end("hello word111333")})server.listen(3000,'127.0.0.1',()=>{ ...

2019-12-13 14:42:14 344

原创 js判断一个数组中含有另一个数组的某一项

let A=[1,2,3,4,5,6], B=[8,10,6,7,8]; A.find(item=>B.includes(item))如果没有相同项,结果是undefined

2019-12-06 10:26:39 1615

原创 React Native 快速搭建商城项目基础结构

一、init指定项目版本(如果直接使用最新版可不要后缀 --verbose --version 0.52.0)react-native init demo --verbose --version 0.52.0二、引入必要插件cd demo/npm install axios react-native-elements react-native-vector-icons react-n...

2019-11-15 15:28:24 39

原创 React Native Android打包时报错:Execution failed for task ':app:lintVitalRelease'.

报错截图:解决方案:在android/build.gradle文件中的android方法下加上以下方法即可:lintOptions { checkReleaseBuilds false abortOnError false }

2019-08-23 17:16:48 529

原创 React Native在使用react-navigation,android编译时报错:react-native-gesture-handler:compileReleaseJavaWithJava

错误描述:React Native在使用react-navigation时要使用到react-native-gesture-handler,但是在android编译时会报错:react-native-gesture-handler:compileReleaseJavaWithJava解决方案:在项目根目录输入命令:npm i jetifiernpx jetify...

2019-08-19 10:34:49 655

原创 使用alita 将React Native项目转化为小程序

1.通过npm全局安装alitanpm install -g @areslabs/alita2.官方文档说明可以直接通过react native init一份项目直接转化,不过试了试,有问题,小程序一直报未找到入口文件 app.js,所以尽量使用alita官方提供的examples文件,所以可以clone一份HelloWorldRN,将文件名改为你的项目名就可以了:比如Demo3.使用命令...

2019-08-14 10:15:31 964 1

原创 react native:运行react-native run-ios报错Error: Could not find iPhone X simulator解决办法

报错代码:Found Xcode project ****.xcodeprojCould not find iPhone X simulatorError: Could not find iPhone X simulator at resolve (/Users/路径/node_modules/react-native/local-cli/runIOS/runIOS.js:149...

2019-08-08 10:53:24 1459

原创 react native打包是报错:com.android.builder.internal.aapt.AaptException: libpng error: Not a PNG file

在终端的报错信息:> Task :app:mergeReleaseResources Error: java.util.concurrent.ExecutionException: com.android.builder.internal.aapt.AaptException: libpng error: Not a PNG fileFAILURE: Build failed wi...

2019-08-07 17:12:45 111

原创 react-native run-android 时报错 AAPT: error: resource android:attr/fontVariationSettings not found.

解决方案:在android/app/build.gradle文件中加入以下代码configurations.all { resolutionStrategy { force 'com.google.android.gms:play-services-gcm:16.1.0' force 'com.google.android.gms:play-serv...

2019-08-06 18:01:18 998

原创 最新版React-navigation报错:Invariant Violation: The navigation prop is missing for this navigator.

使用createStackNavigator这个组件时出现了如下错误:错误原因:在react-navigationV3中,需要手动添加createAppContainer解决方案:

2019-07-24 16:28:33 390

原创 react-navigation禁止侧滑

在createStackNavigator后加上一下方法: defaultNavigationOptions: { gesturesEnabled: false, },

2019-07-11 15:42:53 1308

原创 React Native视频加字幕(内加外)

直接贴代码吧:import React from 'react';import {View, ScrollView} from 'react-native';import axios from "axios"import {Header} from "../common/ItemHeader";import Video, {TextTrackType} from 'react-nativ...

2019-06-25 17:28:28 186

React Native 快速搭建商城项目基础结构帖子附件代码

React Native 快速搭建商城项目基础结构帖子附件代码,下载此代码配合帖子流程,可以在搭建React Native 商城项目或者其他项目搭建的时候快速建成!

2019-11-15

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除