前端项目构建打包部署Docker部署化
发表于
更新于
本文字数:
872
阅读时长 ≈
1 分钟
最近在做开源项目,因此可以脱离公司成熟的CI/CD,自己搞搞。为了降低用户部署门槛,因此决定使用Docker来构建部署镜像,解决部署效率问题。
dockerfile
这里贴下构建镜像文件,文件名称比如是build.Dockerfile
1 | FROM node:14.17.0 as builder |
说明
TypeScript中一些特殊类型
发表于
更新于
本文字数:
1.9k
阅读时长 ≈
3 分钟
线上问题-渲染异常
发表于
更新于
本文字数:
780
阅读时长 ≈
1 分钟
Wireshark使用指南
发表于
更新于
本文字数:
1.2k
阅读时长 ≈
2 分钟
Web请求抓包,一般使用Chrome network进行分析,如果是HTTPS解密抓包,或者Mac下对iPhone进行抓包,我会使用Surge,但是如果我想具体查看HTTP请求/响应的原始数据,同时了解HTTP应用层之下的传输层等数据的话,那就得更专业的工具,比如说Wireshark。
最近因为分析一个下载问题,了解和使用了Wireshark,觉得Wireshark很强大,同时网上的资料太分散,这里总结下,兴许也可以帮到一些小伙伴。
Wireshark定位
网络协议分析工具
正如一开始所说,Chrome
只可以看到应用层协议,比如HTTP
,WebSocket
,而Surge只可以抓到HTTP
请求,如果想完整的学习分析网络协议,Wireshark就非常合适。
前端压缩包下载遇到解压失败问题
发表于
更新于
本文字数:
4k
阅读时长 ≈
7 分钟
Mac中的.DS_Store
发表于
更新于
本文字数:
735
阅读时长 ≈
1 分钟
Surge Module使用指南
发表于
更新于
本文字数:
2.1k
阅读时长 ≈
3 分钟
Surge Module之前一直忽视,我也安装过一些别人贡献的module,但没有仔细对比体会作用。最近看了些资料,经过实践,觉得有些场景下非常适合使用,顿时觉得真香。
module介绍
关于module先介绍几点,方便了解。
- 用官方的话说module即给当前profile打patch补丁,因此可以是配置的一部分
- 有限支持Rule,MitM等,具体看这里
- Module的配置优先级高于当前Profile,且多个Module按照顺序执行,即后覆盖前
- Module开启状态并不进行设备间同步,当然配置本身是会同步
- profile现在支持include profile片段了,比如可以将rule部分单独一个文件,然后在主profile包含即可。但要了解profile片段必须是完整的部分,不存在主profile/profile子文件都有rule的情况。这点与module还是不同
Module修改
react/display-name
发表于
更新于
本文字数:
1.5k
阅读时长 ≈
3 分钟
js arguments
发表于
更新于
本文字数:
372
阅读时长 ≈
1 分钟
由于历史原因,项目代码中还有一些函数使用arguments,而同时公司定下的lintRule对于arguments只是warning,因此有些还是没人去修改。
那么arguments还有必要存在吗,这里总结下
arguments vs rest parameters
- arguments是类数组,但并不是数组,因此没有map,filter等方法,而rest parameters是数组
- arguments的迭代器方法IE下不支持
- arguments是es3时的规范,而rest parameters是es6
- rest parameters可以用于获取函数所有参数,可以完全提到arguments
综上,可以确定我们完全可以使用rest parameters来解决参数获取