- 博客(92)
- 资源 (1)
- 收藏
- 关注
原创 React+Electron快速创建并打包成桌面应用
npm start之后浏览器会自动打开网址 http://localhost:3000/ ,出现react项目的页面了。首先使用creat-react-app脚手架来创建一个react项目。npm run electron-start之后会自动出现桌面应用。然后打包react代码,根目录会多出一个build文件夹。1.在项目根目录新建main.js。2.配置package.json。3.启动electron。
2022-11-30 15:10:04 2291 6
原创 React Hooks 异步操作踩坑记
React Hooks 是 React 16.8 的新功能,可以在不编写 class 的情况下使用状态等功能,从而使得函数式组件从无状态的变化为有状态的。 React 的类型包 @types/react 中也同步把 React.SFC (Stateless Functional Component) 改为了 React.FC (Functional Component)。通过这一升级,原先 class 写法的组件也就完全可以被函数式组件替代。虽然是否要把老项目中所有类组件全部改为函数式组件因人而异,但新写
2021-06-28 16:25:15 688
原创 ReactNative 在IOS模拟器上 图片不显示
Xcode升级后,ReactNative 在IOS模拟器上看不到图片(静态图片和网络图片)解决方法1、第一种:修改node_modules中react-native/Libraries/Image/RCTUIImageViewAnimates.m文件if(_currentFrame){ //275行 layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_c
2021-02-25 11:51:07 763
原创 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 1464
原创 git返回上个版本
然后会出现不同版本,用于回退使用,最开始前面一长串的就是版本IDgit log --pretty=oneline恢复到历史版本git reset --hard 版本id将修改推到远程服务器git push -f -u origin master
2020-12-03 11:31:00 520
原创 react native 做用户列表
需求:从API上请求下来的用户数据,做成一个类似通讯录的模式请求下来的数据格式://获取数据的方法CustomerList().then(res => { let data = res.data var letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ#".split(""); var segs = []; // 存放数据 var res = {};
2020-12-03 11:27:31 181
原创 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 863 2
原创 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 262
原创 js 递归json树 根据 子id 查 父id
数据: let dataArr = [ { "id": 1, "children": [ { "id": 2, "children":[ { "id": 3 } ] } ] }, { "id": 4, "children": [ {
2020-11-06 15:52:40 684
原创 使用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 2575
原创 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 609
原创 React Native搭建基础环境+Redux全局配置
备注:本基础环境建立在一位慕课大佬讲解的项目基础上,通过详细的阅读其源码,重新构建出来的,风格类似,写出来仅仅是为了防止以后遗忘,以及尽可能帮助到一些初学者!不喜勿喷,拜托????可到github上查看源代码:https://github.com/volonkou/BaseApp一、项目基础环境构建1.根据官方文档先init一个项目出来:中文文档,有任何问题请详细查看文档哈init命令:(最新版的react native包含CocoaPods,初始化时间有点长,得耐心等待一会)npx react-
2020-07-17 11:09:15 508
原创 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 1068
原创 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 1697
原创 三个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 604
原创 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 4290 4
原创 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 286
原创 js+flex快速实现页面瀑布流显示模式
场景:请求到数据之后打算使用瀑布流形式展示在请求到数据之后,来创建瀑布流所需要的数据格式//数据处理方法_CreateFlexList=(list)=> { //要现实的列数,可以动态设置 let columnCount = 2; let FlexList = []; // 创建列数空数组 for (le...
2020-05-07 10:19:44 531
原创 JavaScript中的6种报错类型
一、概述js中的控制台的报错信息主要分为两大类,第一类是语法错误,这一类错误在预解析的过程中如果遇到,就会导致整个js文件都无法执行。另一类错误统称为异常,这一类的错误会导致在错误出现的那一行之后的代码无法执行,但在那一行之前的代码不会受到影响。二、错误类型1.SynataxError: 错误类型变量命名不符合 JavaScript 语法规范:以字母、下划线、$开头;区分大小写;不...
2020-04-10 10:40:37 495
原创 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 1848
原创 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 125
原创 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 1224
原创 Taro小程序设置线上版本更新后,用户打开应用自动更新
在根目录app.jsx文件中的componentDidMount方法中添加代码//判断目前微信版本是否支持自动更新if(Taro.canIUse("getUpdateManager")){ const update=Taro.getUpdateManager(); update.onCheckForUpdate((res)=>{ //检测是否有新版...
2020-04-07 13:56:08 1209
原创 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 235
原创 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 350
原创 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 118
原创 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 125
原创 计算两个经纬度之间的距离
结果为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 918
原创 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 129
原创 使用nrm管理npm源
首先安装nrmnpm install nrm -g查看nrm命令nrm -hls查看所有的npm源current查看当前使用的use使用某个源add添加私有
2019-12-13 14:54:53 156
原创 node 使用nodemon自启动服务
安装nodemonnpm install nodemon -D修改启动命令"start": "nodemon demo.js",重新启动即可
2019-12-13 14:45:21 1748
原创 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 1040
原创 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 6627
原创 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 140
原创 React Native Android打包时报错:Execution failed for task ':app:lintVitalRelease'.
报错截图:解决方案:在android/build.gradle文件中的android方法下加上以下方法即可:lintOptions { checkReleaseBuilds false abortOnError false }
2019-08-23 17:16:48 905
原创 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 907
React Native 快速搭建商城项目基础结构帖子附件代码
2019-11-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人