随记
文章平均质量分 75
玄晓乌屋
这个作者很懒,什么都没留下…
展开
-
如何更好的在 react 中使用 axios 的拦截器
title: 如何更好的在 react 中使用 axios 的拦截器createAt: 2021-09-28作者:玄晓乌屋备注:转载与借鉴请注明出处。前言axios 算是当下最热门的前端 ajax 处理库,它简单易上手,扩展性强,功能齐全。我之前在 react 中处理 axios 的封装一直没有找到很好的方式,因为 axios 是非常独立,并且提供的各种 api 都是一次性配置,例如 axios.create、axios.defaults,这让 react 对 axios 进行封装异常麻烦.原创 2021-09-30 01:41:35 · 1275 阅读 · 2 评论 -
弹性盒收缩和增长计算
原址点这里弹性盒收缩和增长计算flex-shrink 弹性收缩flex-shrink 用来定义弹性布局中项目的收缩规则,它的计算比较复杂。先有 HTML 结构如下:<section> <div></div> <div></div> <div></div></section>编写以下代码使其成为弹性布局:section { display: flex; width: 400px原创 2021-06-29 11:57:11 · 194 阅读 · 0 评论 -
使用 vscode 远程编写服务器文件
原址使用 vscode 远程编写服务器文件ssh 支持vscode 远程编写是基于 ssh 实现的,为此我们需要在服务器上安装 ssh 的服务器端,在本机上安装 ssh 的客户端。服务器端安装的 ssh 服务已经很完善,几条命令即可。如果是有 yum 命令,可以使用:sudo yum install sshd;如果有 apt-get 命令,使用:sudo apt-get install sshd;然后使用一下命令开启服务:sudo service sshd start;客户端这边原创 2021-06-21 14:15:04 · 323 阅读 · 0 评论 -
typescript 使用对象或数组的值或键创建联合类型
前言实际开发中我需要用到太多的键值对,并且有相当一部分情况下,键名是一个联合,而且还是某个数组的联合,然而早期 TS 对这样的联合实现并不是很理想。这几天又翻了翻 Stack Overflow,发现很多新答案,对此整理一下。后面的内容最主要的是针对 TS 增加了 字面量常量上下文表达式(Const contexts for literal expressions) 而展开的,所以需了解下它,为了简化,后面简称为 常量字面量。常量字面量确定了一个对象或数组的所有子级是只读的,也就是不可修改。比如声明原创 2021-05-10 18:10:02 · 8825 阅读 · 0 评论 -
react 函数组件暴露方法
场景部分时候希望在子组件中暴露方法给父组件,使用 Class 组件时配合 ref 很容易拿到子组件实例,并且可以执行子组件上的方法。但是函数组件没有组件实例,就算使用 ref 转发,也只会把 ref 转发到内部。hook 推出后,可以使用 useImperativeHandle 来控制转发的 ref。比如:const Chart = (_, ref) => { // 方法暴露 useImperativeHandle( ref, () => ({ doSo原创 2021-04-30 14:41:41 · 6727 阅读 · 0 评论 -
关于 npm 安装各种包较慢的问题
这里写自定义目录标题阿里镜像使用1 cnpm使用2 直接修改 npm 配置使用3 一次性配置代理其他阿里镜像npm 中相关的包在国内没有很好的支持,为此阿里提供了阿里镜像。使用1 cnpm阿里镜像要求大家使用 cnpm 包来安装包,cnpm 安装如下:npm install -g cnpm --registry=https://registry.npm.taobao.org或者使用 alias 指令:alias cnpm="npm --registry=https://registry.np原创 2021-04-06 15:36:19 · 305 阅读 · 0 评论 -
vue-cli3路由histroy模式部署在非根路径
路由配置export default new Router({ mode: 'history', base: 'root-dir', // 需要配置此项来设置路由的基础路径,不然路由表只会按根路径来匹配 routes: [ { name: 'Root', path: '/', component:Root }, { ...原创 2019-11-11 11:09:51 · 1113 阅读 · 0 评论 -
vue-cli cdn方式引入Vue模块
文章目录选择Vue的cdn从那儿引入?是否需要删除 import Vue 语句?打包测试选择Vue的cdn引入的 vue 文件必须是游览器版本,最少需要包含 vue 的运行时源码,也就是 vue.runtime.min.js 这个文件,可以到各大cdn网站上获取。运行时源码和完整版有什么不同?运行时源码少了编译器,而完整版有,这意味着运行时源码还要小一点,详见vue官方文档。我使用的是 ...原创 2019-10-30 14:25:07 · 14710 阅读 · 1 评论 -
webpack 依赖管理
文章目录webpack模块加载代码效果图作者:玄晓乌屋webpack模块加载webpack 提供的模块加载方式很多,ES6 的今天加载方式比较推荐。但有时需要加载大批量的模块,于是可以用 webpack 模块方法的 require.context,链接。代码已知在 src/components 下有4个文件,如下:|-components |- Aside.vue |- nav ...原创 2019-06-24 17:00:04 · 618 阅读 · 0 评论