前端
NeverSettle101
用程序改变世界!
展开
-
Webpack5 HMR 提示 Uncaught TypeError: self.webpackHotUpdatexxxxx is not a function 解决
最近升级了 Webpack5,项目运行起来之后 HMR 在 console 有如下提示。原创 2022-12-14 09:18:24 · 601 阅读 · 1 评论 -
Docker Nginx 反向代理
default.conf 配置server { listen 80; listen [::]:80; server_name localhost; access_log /var/log/nginx/access_log.log; error_log /var/log/nginx/error.log warn; proxy_intercept_errors on; error_page 404 500 502 503 504 /50x.html; location =原创 2021-12-17 11:03:19 · 218 阅读 · 0 评论 -
[docker] 解决 docker 部署访问提示 Empty reply from server,但是本地运行能够正常访问
起因最近通过 Docker 部署 Nestjs 应用的时候发现,本地运行起来好好的应用,但是部署到 docker 中访问就提示 Empty reply from server。解决通过一番折腾,发现默认 fastify 监听的只有 127.0.0.1 端口,导致 docker 无法接收其他主机的请求,所以才会出现这个问题。通过手动指定监听 host 为 0.0.0.0 即可解决此问题为什么 docker 中 0.0.0.0 才能被其他的主机连接?因为 docker 中容器网络是相互隔离的,所以 1原创 2021-10-21 13:20:50 · 3353 阅读 · 0 评论 -
[Web]动态插入的 script 脚本默认是 async 异步执行
此文转载自:传送门为了方便访问,所以加上自己的一些理解后转载。主题与标题一样,如果你只是不清楚是怎么执行的而不是具体原理和探索过程,那么可以不必要往下看了。探索在一些场景我们会动态插入script标签加载js。譬如某个js文件不是很重要,并不是整个页面需要的脚本,可能只是某个功能需要的,这个功能可能是用户点击了某个按钮才触发,入口比较深。且和你页面本身的结构不同类,譬如你是基于react的页面,这个功能的js是jquery插件。这种js文件我一般采用动态加载方式引入。如果你用js动态插入scr转载 2020-12-05 10:23:04 · 1241 阅读 · 1 评论 -
[Web]关于 Script 同步异步执行
此文转载自:传送门担心自己以后遗忘位置,于是加上一些自己的改动,给放过来了首先来个图,能看懂的就不用再继续了:如果图没有看懂,那么请看下面的解释:先来试个一句话解释仨,当浏览器碰到 script 脚本的时候:<script src="script.js"></script>没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素,读到就加载并执行。<scri转载 2020-12-04 19:15:20 · 239 阅读 · 0 评论 -
TS(tsconfig) 中路径映射的坑
起因由于项目中代码层级比较深,且多。所以相互之间引用起来会比较麻烦,各种 …/,…/…/,…/…/…/ 等等为了解决这个问题,使用 tsconfig 的 compilerOptions.paths 搭配 compilerOptions.baseUrl 来实现,但是遇到设置之后不生效的问题。原始配置可以看到我们的 tsconfig 与 src 是在同级目录,我们的 include 中表示包...原创 2020-04-13 22:29:51 · 9419 阅读 · 3 评论