自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 抓包代理工具之whistle

解决手机调试问题安装whistle: npm install whistle -gwindow电脑设置代理:搜索代理服务器设置-》代理-》打开手动设置代理-》 地址填写:127.0.0.1 端口:8899mac 电脑设置代理:打开网络偏好设置-》代理-》 填写127.0.0.1 端口:8899命令:启动whistle: w2 start 停止代理:w2 stop手机代理测试时: 电脑和手机需连在同一个同一个网段,比如:连同一个wifi,并开启手机代理,rules配置为:aa.com 电脑IP

2021-08-24 20:34:25 526

原创 react-hook+antd-mobile ListView长列表分页

用react-hook + ListView实现长列表分页,代码如下:import { ListView, ActivityIndicator } from 'antd-mobile';import React, { useState, useEffect, useCallback } from 'react';import Header from '../../components/Header/index';import styles from './index.module.css';i.

2020-07-29 20:12:05 1393 1

原创 creact-react-app配置

基于create-react-app 配置的一系列工具,需要可以去下载 https://github.com/sili-li/web-starter,下载可直接快速进行开发配置:typscript+husky+ prettier + router + css module + axiosgithub: git clone https://github.com/sili-li/web-starter.git新建项目web_starter:create-react-app web_starter使.

2020-06-15 17:01:56 517

原创 config-overrides.js配置devServer解决跨域问题

基于creact-react-app react-app-rewired搭建的项目解决多个跨域问题在package.json文件配置跨域不生效问题const { override, addPostcssPlugins, fixBabelImports, overrideDevServer} = require('customize-cra');const path = require('path');const webpack = require('webpack');c.

2020-06-15 16:54:42 7472 1

原创 react 移动端不分页查看pdf

react-pdf官方文档不分页查看pdf文档,代码如下:import fill from 'lodash/fill';import get from 'lodash/get';import React, { useEffect, useState } from 'react';import { Document, Page, pdfjs } from 'react-pdf';import { withRouter } from 'react-router-dom';import { co

2020-06-08 11:30:38 551

原创 react-signature-canvas+hook 实现手写签名并生成图片

yarn add react-signature-canvas @types/react-signature-canvas实现手写签名并生成图片,代码如下:import { Button } from 'antd-mobile';import React, { useState } from 'react';import SignatureCanvas from 'react-signature-canvas';import styles from './index.module.css';.

2020-06-04 14:59:00 2155 4

原创 修改antd的主题色

项目使用react脚手架create-react-app + react-app-rewiredyarn安装customize-cra postcss-preset-envyarn add customize-cra postcss-preset-env --dev添加config-overrides.js文件,即可修改主题色//config-overrides.js文件内容const { override, addPostcssPlugins, fixBabel.

2020-05-12 11:08:53 2249 1

原创 yarn切换源地址

在项目开发中经常会遇到指定镜像地址的情况,比如在内网、淘宝镜像等;方法一:在项目根目录添加.npmrc文件://.npmrc文件内容,地址可设置为内网源registry="https://registry.npm.taobao.org/“注:用内网时,切换外网yarn时,需要把yarn.log删掉2. 方法二,全局设置源地址,只想在当前项目生效,则去掉–global//查看当前源yarn config get registry//设置淘宝源或内网源yarn config set r

2020-05-09 09:56:12 12674 1

原创 解决vue 报Loading chunk (\d)+ failed问题

router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g; const isChunkLoadFailed = error.message.match(pattern); if (isChunkLoadFailed) { // 用路由的replace方法,并没有相当于F5刷新页面,失...

2020-05-08 16:08:49 743

原创 单元测试jest入门

单元测试什么是单元测试?单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作,这里的单元是程序工作的最小工作单位,单元测试应该仅仅依赖输入,不依赖多余的环境.为什么要写单元测试?减少缺陷率是很好的“文档”,代码重构的基础什么时候写单元测试?TDD 测试驱动开发BDD 行为驱动开发什么代码需要写单元测试?逻辑复杂的容易出错的不易理解的公共代码...

2020-05-08 15:59:35 1184

原创 git常用命令

git add -p . //按行查看提交内容git checkout 分支名 //切换分支git chekcout -b 分支名 //新建分支并切换分支git push --set-upstream origin branchName //初始化提交分支git status //查看修改内容git commit -m “” //提交内容git commit --amend /...

2020-05-02 22:59:42 117

原创 自定义数组排序顺序

自定义排序顺序//排序规则const arr1=['r','d','q','c'];const arr2=['d','q','r']; const result = arr2 .map((x) => ({ value: x, index: arr1.indexOf(x) })) .sort((a, b) => a.index - b.index) .m...

2020-05-02 22:52:16 480

空空如也

空空如也

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

TA关注的人

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