项目开发
文章平均质量分 61
henuGM
心要静,才能成为高手
展开
-
MAC中老版本react-native项目运行的报错总结
项目build:error:'React/RCTBridgeDelegate.h' file not found解决方法:pod install:[!] /bin/bash -c set -e #!/bin/bash # Copyright (c) Facebook, Inc. and its affiliates.解决方法:这个是xcode未指定命令行tool或者有多个tool造成的,在xode->Preference->Location中选用确定的xcode...原创 2022-03-10 18:41:25 · 3673 阅读 · 1 评论 -
给JSON-Server添加中间件
需要添加的中间件:middleware.js:module.exports=(req,res,next)=>{ if(req.method==='POST'&&req.path==='/login'){ if(req.body.username==='jack'&&req.body.password==='123123'){ return res.status(200).json({原创 2022-02-12 15:17:42 · 1277 阅读 · 0 评论 -
使用泛型控制Typesript项目中的类型保持与any替代的问题
Typescript与Javascript的区别在于:ts是强类型,而js是弱类型。在ts中每一个函数或者组件获得的参数都需要确定类型,这样我们就可以在静态页面中通过ts党的报错直接解决大部分bug,避免了js弱类型,只能在代码运行中报错的问题。而在ts中,我们也应该避免使用any,any就意味着这个参数可以是任意类型,在运行代码时容易发生错误。export const useDebounce = (value: any, d...原创 2022-02-12 14:00:08 · 802 阅读 · 0 评论 -
使用Debounce对频繁数据的请求操作进行处理
在有查询功能的项目中,只要输入框值的改变,请求出来的数据都会不同。而对于即时查询功能,也就是一旦在输入框中值,数据即时请求且即时展示的项目,我们往往在输入几个关键字的时候触发多次请求. 这种即时查询系统,在react项目中一般都是使用useEffect对输入框的值的改变进行处理。例子:在输入物料管理系统这六个字的时候,我们就发送了三次请求,这对整个系统的稳定是不利的。在这里我们使用debou...原创 2022-02-11 15:15:03 · 1229 阅读 · 0 评论 -
使用.env与qs.stringify()对接口进行处理
例子:已知现在是通过两个值来对本地server请求数据。http://localhost:3001/projects?name=%E9%AA%91%E6%89%8B&personId=1name是转译过的,在这里我们是要使用name和personId从服务端请求值,所以这里的处理比较重要。 1、如果我们是在本机设置的mock-server进行接口测试,我们应该把测试的接口与最后正式使用的接口区...原创 2022-02-11 14:11:49 · 566 阅读 · 0 评论 -
使用.env从项目中提取需更换的值
日常开发中,前端与后端开发进度不一,如果后端开发较慢,前端所需接口需要我们自己去mock,这里我们使用的接口就是自己本机上的接口,在后端开发完毕后,我们需要将这个接口换回来。如果这个接口在项目中多次出现,且项目极其复杂,那么我们就需要将这种数据提出来。在项目根目录下,新建文件“.env”与“.env.development”在.env.development中这样写:REACT_APP_API_URL=http://local...原创 2022-02-10 15:26:14 · 723 阅读 · 0 评论 -
使用JSON Server在项目中配置Mock数据以及json server的基本数据操作
1、项目根目录下键入:yarn add json-server -D等待安装成功。2、在项目根目录下新建文件夹“__json_server_mock__”.这个文件夹名字前后代两个杠,代表这个文件夹实际与本项目代码关系不大。3、在此新建文件夹中创建文件“db.json”,写入:{ "user":[]}4、再在package.json中找到以下代码,并添加代码:"scripts": { "start": "react-scripts start",原创 2022-02-10 14:00:22 · 8572 阅读 · 0 评论 -
react-native项目中设置监听
在需要根据监听内容发生改变的文件中的componentDidMount中写下如下代码: componentDidMount() { this.subscription = DeviceEventEmitter.addListener('Key', (data) => {//内容 });在需要设置监听的地方这样写可以传参: DeviceEventEmitter.emit('Key', '待传参数')...原创 2022-01-20 22:56:38 · 982 阅读 · 0 评论 -
React+express全栈商城项目
一、前端部分:技术栈:react,react-bootstrap思路:在使用npm init建立起来的node项目中创建文件夹建立前端,这是前后端不分离,前后端分离也差不多就这样 将react初始项目src文件夹中文件大部分删除,留下app.js,index.js,index.css,reportWebVitals 下载react-bootstrap,并引入文件bootstrap.min.css 下载react-router-dom,在入口文件App.js中引入路由,使得<Rou..原创 2021-10-29 09:31:16 · 1044 阅读 · 0 评论 -
react-native-charts-wrapper组件库Linechart折线图中默认自动滚动的解决方案-----react-native项目整理
初学者对项目需求应该怎样把控?如何解决react-native中的自动滚动问题原创 2021-09-30 18:34:07 · 2004 阅读 · 0 评论 -
RN多数据解耦解决方案---react-native折线图---react-native项目整理
出现问题: 在react-native-charts-wrapper的折线图在展现动态数据会出现一定的问题: 1、多数据源在中图表展现的时候,若数据源中点个数不同难以达到平衡 2、在多数据源的情况下,如果每一个数据源使用与其相对应x轴数据的话或者多个数据源使用其中一个数据源的x轴数据,都会造成rn图表中数据的不客观,数据不真实。 当前情况下,我们的图表数据源为多个,且各个数据的返回时间不同,可以理解为多个定时器,定时器中不断产生图表的数...原创 2022-02-22 19:20:45 · 912 阅读 · 0 评论 -
node项目初始化以及各种配置----node.js学习(九)
一、项目初始化1、新建项目文件夹Hello2、初始化项目yarn init -y 或者 npm init -y3、安装expressyarn add express 或者 npm install express4、在Hello目录中创建一个名为app.js文件const express = require("express");const app = express();app.get("/",(req, res)=>{ res.send(原创 2021-09-09 09:20:21 · 3991 阅读 · 0 评论