记一次网站打开缓慢故障排查

问题描述

某日,学校用户短时间大量登录学习,网站出现登录不上,无法显示网站内容问题。

具体表现为,网站打开迅速,资源加载迅速,但是登录、网站详情内容等涉及 API 的地方显示极慢。

parcel初体验

最近需要做一个纯静态网站,因工作量比较少,功能又不复杂,上 webpack 觉得太麻烦了,加上早就对 parcel 种草,所以这次决定试用一下号称零配置的 parcel 。

git&npm设置proxy

Npm 设置 proxy

1
2
3
4
5
6
npm config set proxy http://127.0.0.1:1087
npm config set https-proxy http://127.0.0.1:1087

# 需要认证的 proxy
npm config set proxy http://username:password@server:port
npm config set https-proxy http://username:pawword@server:port

Npm 取消 proxy

1
2
npm config rm proxy
npm config rm https-proxy

Git 设置给特定url设置 proxy

1
2
3
4
5
6
git config --global http.proxy http://127.0.0.1:1087
git config --global https.proxy https://127.0.0.1:1087

# 只对github.com
git config --global http.https://github.com.proxy http://127.0.0.1:1087
git config --global https.https://github.com.proxy https://127.0.0.1:1087

Git 取消 proxy

1
2
git config --global --unset http.https://github.com.proxy
git config --global --unset https.https://github.com.proxy

cloc,一个好用的代码统计小工具

最近公司在做双软认证,需要提供一下源码的行数,网上找了一番,发现一个非常不错的小工具,故分享下。

Prettier&ESLint集成

1
npm i -D eslint eslint-config-alloy eslint-config-prettier eslint-plugin-react prettier prettier-eslint

.eslintrc.js

1
2
3
4
5
6
7
module.exports = {
extends: [
'eslint-config-alloy/react',
'eslint-config-prettier',
'eslint-config-prettier/react',
],
};

.prettierrc.js

1
2
3
4
5
6
module.exports = {
singleQuote: true,
trailingComma: 'es5',
semi: true,
tabWidth: 4,
};

React与安卓/iOS通信实践

安卓/iOS 可以调用 JS 侧的全局对象来完成通信,那么使用 React/Vue 的时候我们的方法都封装在框架内部,并没有暴露在全局,原生侧调不到框架内部的方法,怎么办?