- 博客(92)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
2286
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
682
原创 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
758
原创 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
519
原创 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
855
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
678
原创 使用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
606
原创 React Native搭建基础环境+Redux全局配置
备注：本基础环境建立在一位慕课大佬讲解的项目基础上，通过详细的阅读其源码，重新构建出来的，风格类似，写出来仅仅是为了防止以后遗忘，以及尽可能帮助到一些初学者！不喜勿喷，拜托????可到github上查看源代码：https://github.com/volonkou/BaseApp一、项目基础环境构建1.根据官方文档先init一个项目出来：中文文档，有任何问题请详细查看文档哈init命令：（最新版的react native包含CocoaPods，初始化时间有点长，得耐心等待一会）npx react-
2020-07-17 11:09:15
505
原创 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
1064
原创 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
1695
原创 三个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
4289
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
530
原创 JavaScript中的6种报错类型
一、概述js中的控制台的报错信息主要分为两大类，第一类是语法错误，这一类错误在预解析的过程中如果遇到，就会导致整个js文件都无法执行。另一类错误统称为异常，这一类的错误会导致在错误出现的那一行之后的代码无法执行，但在那一行之前的代码不会受到影响。二、错误类型1.SynataxError: 错误类型变量命名不符合 JavaScript 语法规范：以字母、下划线、$开头；区分大小写；不...
2020-04-10 10:40:37
494
原创 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
1846
原创 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
124
原创 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
1220
原创 Taro小程序设置线上版本更新后，用户打开应用自动更新
在根目录app.jsx文件中的componentDidMount方法中添加代码//判断目前微信版本是否支持自动更新if(Taro.canIUse("getUpdateManager")){ const update=Taro.getUpdateManager(); update.onCheckForUpdate((res)=>{ //检测是否有新版...
2020-04-07 13:56:08
1205
原创 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
234
原创 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
916
原创 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
126
原创 使用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
1747
原创 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
1039
原创 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
6622
原创 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
903
原创 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
906
React Native 快速搭建商城项目基础结构帖子附件代码
2019-11-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人