si_li-CSDN博客

原创抓包代理工具之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

lisili1993的博客