www.baidu.com
MC_mc
前端
获得徽章 0
- 1.===ahooks：useRequest===
【说明】：
一个强大的管理异步数据请求的 Hook.
【使用】：
import { useRequest } from "ahooks"
const { data, loading } = useRequest(
() => requestFun(),
{
refreshDeps: [], // refreshDeps 变化时，useRequest 会使用之前的参数重新执行 service
onSuccess: (result) => {}, // service resolve 时触发
onError: (error) => {}, // service 报错时触发
}
);
2.===ahooks：useCreation===
【说明】：
useCreation 是 useMemo 或 useRef 的替代品。因为 useMemo 不能保证被 memo 的值一定不会被重计算，而 useCreation 可以保证这一点。而相比于 useRef，你可以使用 useCreation 创建一些常量，这些常量和 useRef 创建出来的 ref 有很多使用场景上的相似，但对于复杂常量的创建，useRef 却容易出现潜在的性能隐患。
【使用】：
import { useCreation } from "ahooks"
const foo = useCreation(() => new Foo(), []);
3.===ahooks：useSetState===
【说明】：
管理 object 类型 state 的 Hooks，用法与 class 组件的 this.setState 基本一致。
【使用】：
import { useSetState } from 'ahooks';
const [state, setState] = useSetState();
setState({ hello: 'world' });
setState({ foo: 'bar' });
setState((prev) => ({ count: prev.count + 1 }));展开赞过 评论1 - 1.===React：useParams===
【说明】：
该useParams()钩子帮助我们从当前路由访问 URL 参数。
【场景】：
<Route path="/users/:id" component={Users} />
可以使用useParams()钩子访问组件:id内的param 值。
【引入】：
import { useParams } from "react-router-dom"
【使用】：
const { id } = useParams();
2.===axios在http status为500状态下，拿到返回的错误码及信息===
.catch(function (error) {
// error.response
});
3.===本地项目上传到Github===
1）创建本地仓库：git init
2）放入文件，把项目添加到暂存区：git add .
3）把项目提交到本地仓库：git commit -m "注释内容"
4）在Github上设置好SSH密钥后，新建一个远程仓库
5）将本地仓库和远程仓库进行关联：git remote add origin <git_address>
6）本地仓库的项目推送到远程仓库：git push --set-upstream <branch_name>
4.===vscode：保存时代码自动缩进对齐===
【步骤】：
1）左下角齿轮–->“设置”-->搜索框搜索“emmet.include”-->点击“在settings.json中编辑”
2）在打开的文件中输入
"editor.formatOnType": true,
"editor.formatOnSave": true,
3）保存展开评论点赞 - 3.===cur===
【介绍】：
curl 是一个运行在命令行的 http 客户端。使用 curl 命令可以发起 http 请求并返回结果。
【使用】：
curl [options] [URL...]
可以使用 Git Bash 或者 Cygwin来执行 curl 命令。
【例子】：
1）curl
www.baidu.com
不加任何参数使用 curl 命令只是返回http的响应正文内容
2）curl -vwww.baidu.com
查看完整的http请求信息
【复制所请求的 curl 命令】：
右击“Network”中的某个请求地址-->“Copy”-->“Copy as cURL(cmd)”或者“Copy as cURL(bash)”
4.===chrome浏览器开启跨域模式===
【步骤】：
1）新建一个文件夹 C:\MyChrome
2）右击Chrome，打开“属性”
3）在“目标”输入框中加上 --disable-web-security --user-data-dir=C:\MyChrome
4）点击“应用”-->“确定”
5）重新打开chrome，弹出“--disable-web-security”相关的提示即配置成功
【说明】：
1）--disable-web-security：可以降低chrome浏览器的安全性，禁用同源策略，利于开发人员本地调试。
2）--user-data-dir：自定义用户数据目录。相当于是用户在自己电脑创建了一套chrome的私有化浏览器，里边的设置配置等均为私有化设置。展开评论点赞 - 1.===React：一个组件返回多个元素===
【方法1】：
render() {
return [
<ChildA />,
<ChildB />,
<ChildC />
]
}
【方法2】：
render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
<ChildC />
</React.Fragment>
);
}
【方法3】：
render() {
return (
<>
<ChildA />
<ChildB />
<ChildC />
</>
);
}
【说明】：
1）Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。
2）在 React 中， <></> 是 <React.Fragment/> 的语法糖。
3）<></> 语法不能接受key或属性。
4）key 是唯一可以传递给 Fragment 的属性。
2.===GitHub：hox===
【地址】：github.com
【说明】：
在 hox 中，任意的 custom Hook，经过 createModel 包装后，就变成了持久化，且全局共享的数据。
【创建】：
import { createModel } from "hox"
function useCounter() {...}
export default createModel(useCounter)
【使用】：
const counter = useCounterModel();展开1点赞 - 1.==【Windows全屏截屏快捷键】==
Ctrl+PrtScSysRq-->Ctrl+V
2.==【Chrome浏览器无痕模式】==
方式1：
界面右上角“...”-->“打开新的无痕窗口”
方式2：
Ctrl+Shift+N
3.==【Windows10修改Hosts文件】==
说明：
hosts文件里面存放的是ip地址、主机名和主机缩略名的内容，一般可以用于测试本机上的网站，以及访问某些特定的站点。
步骤：
1）windows 键+X打开菜单，选择“Windows Powershell（管理员）”
2）powershell 界面输入“notepad”，按回车，出现记事本的界面
3）记事本中，“文件”-->“打开”-->找到路径c:\windows\system32\drivers\etc\-->右下角选择“所有文件”-->选择“hosts”文件打开
4）添加你需要的IP地址和主机名，例如“127.0.0.1 example.com”
5）Ctrl+S保存即可展开1点赞
