01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，目前拥有桌面版与 WEB 版，对于团队管理 API 及其友好。假设，在一个团队中，前后端如果共享 API 接口并能...

三年经验的前端或多或少与 nginx 配置打过交道。nginx 的重要性不言而喻。本篇文章以前端的视角，介绍下 nginx 的常见配置，并通过 docker 的方式学习 nginx，这保证所有示例配置都能正常运行。我将本文所有关于 docker/nginx 的配置放置在 simple-deploy，可克隆下来通过 docker compose 快速运行。并将所有的接口示例...

大家好呀，我是一名苦逼的前端开发工程师，为啥苦逼呢，这不，项目下周就要上线了，但是后端还没给我接口，没有接口我就无法调试，工作停滞不前，我也只能坐着干着急。

Offer 驾到，掘友接招！我正在参与2022春招系列活动-经验复盘，点击查看 活动详情 即算参赛大家好，我是山月。这篇文章也可在我的博客面试路线图进行查看。其中有一个高频问题是：我如何进行编程题目的练习？山月再次总结一份关于手写代码的练习路线。为了保证代码能够正常运行，调试和测试。以下所有的手写代码都贴在 ...

这就是第一个小技巧，对于异常 API，请使用 400+ 状态码进行表示，400+ 状态码在浏览器开发者工具调试下为红色，可一眼定位到异常 API。

大家好，我是山月，最近我很多公众号粉丝都在准备秋招的面试，前来咨询山月的同学更是络绎不绝。经常有一个问题是：我如何进行编程题目的练习？山月再次总结一份关于手写代码的练习路线。以下所有的手写代码都贴在 我的Codepen 中，感兴趣的同学可在 codepen 中关注下我。准备工作API作为一个工作过三年以上的老前端而言...

山月在大厂面试题库中，已经有了600多道题目。而且包含各种各样方向的面试题，比如 React、HTTP 等但是其中不少是关于代码篇：一部分考察你的编程能力一部分通过代码考察你的 React/Vue 能力我把该仓库所有代码都扔到了 codesandbox 与 codepen，并在持续更新。欢迎关注我的 Github 以及我的 Codepen。大场面试每日一题...

01 如何实现一个元素的水平垂直居中<blockquote> 更多描述: 要求对行内元素、块状元素及不定宽高的块状元素均可适用：可打开 codepen 进行调试: [链接]，以下是布局代码 {代码...} {代码...} </blockquote>在 Issue 或者我的网站中交流与讨论: 01 如何实现一个元素的水平垂直居中提供一些现代浏览器下使用 f...

山月周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等。每周一发布，订阅平台如下，欢迎订阅。

前端爱好者周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等。每周一发布，订阅平台如下，欢迎订阅。

前端爱好者周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等。每周一发布，订阅平台如下，欢迎订阅。

众所周知，一个 Javasript 项目的脚本类工具，可以使用 package.json 中的 scripts 字段来组织，简单来说，这就是 npm script。

前端爱好者周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等。每周一发布，订阅平台如下，欢迎订阅。

前端爱好者周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等，周刊中优秀文章会在公众号全栈成长之路逐一推送。每周一发布，订阅平台如下，欢迎订阅。

提供一个较少提过的方法，使用 grid，它是做二维布局的，但是只有一个子元素时，一维布局与二维布局就一样了。结合 justify-content/justify-items 和 align-content/align-items 就有四种方案

<blockquote> 更多描述: 在一些博客系统，如掘金的博客中，可以复制代码，它是如何实现的 </blockquote>

本文地址: [链接]以下图片取自 whatwg 的规范，可以说是最权威的图文解释了，详细参考原文在正常情况下，即 <script> 没有任何额外属性标记的情况下，有几点共识JS 的脚本分为加载、解析、执行几个步骤，简单对应到图中就是 fetch (加载) 和 execution (解析并执行)JS 的脚本加载(fetch)且执行(execution)会阻塞 D...

JSONP，全称 JSON with Padding，为了解决跨域的问题而出现。虽然它只能处理 GET 跨域，虽然现在基本上都使用 CORS 跨域，但仍然要知道它，毕竟面试会问。

一般开发中在 Mac 上开发程序，并使用 Git 进行版本管理，在使用 React 编写 Component 时，组件名一般建议首字母大写。

年初，疫情爆发于湖北，诸多互联网公司及个人开发者为了使人们能够实时获取疫情信息，开发了诸多疫情地图类应用。应势，我也写了一个关于省市分项统计的地图应用，开源在 Github，并收获了 500+ Star，最高时流量也有50万PV: 2019-ncov

这是山月关于高级前端进阶暨前端工程系列文章的第 M 篇文章 (M 随便打的，毕竟也不知道能写多少篇)，关于前 M-1 篇文章，可以从我的 github repo shfshanyue/blog 中找到，如果点进去的话可以捎带~点个赞~，如果没有点进去的话，那就给这篇文章点个赞。

本文永久地址: 大厂面经大全，将会持续更新和补充计算机基础题总结前端面试题总结各大厂“寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）金三银四魔都两年半前端面经 (拼多读、猫眼、B站)面试分享：两年工作经验成功面试阿里P6总结 (阿里、滴滴)【面经】寒冬中的一年半前端跳槽 (百度、头条、腾讯、小米)9月...

此篇文章来自于读者投稿 我在 github 上新建了一个仓库 每日一题，每天一道面试题，欢迎交流。 前端面经大全 前端面试题小记 计算机基础面试题小计 时维七月，炎炎夏日，酷暑当头，而我已经在望京附近饶了半个小时。无论是天气，还是对于迟到以及面试的焦虑，都足以使我满头大汗了。 今天要去赶一个美团的面试，我恰好住...

最重要的是，当你面对一个陌生的项目，你可以照着 Dockerfile，甚至不看文档(文档也不一定全，全也不一定对)就可以很快让它在本地跑起来。

本篇文章是 SQL 必知必会 的读书笔记，记录如下 原文链接: SQL必知必会 检索数据 {代码...} 排序 默认排序是 ASC，所以一般升序的时候不需指定，降序的关键字是 DESC。使用 B-Tree 索引可以提高排序性能，但只限最左匹配。 {代码...} 数据过滤 数据筛选，或者数据过滤在 sql 中使用频率最高 {代码...} 计算字段 CONCAT {...

自开始负责生产环境部署，中间遇到了若干线上环境内存以及CPU的问题。由于微服务以及容器的流行，现在已经可以很方便的使用 K8s + prometheus + grafana + alert 的方式进行监控，这足以覆盖大部分场景。

当你有一个服务器，或者运维若干服务器时，没有什么比不够熟练 vim 更让人难受和窝心的事情了。而在各种编辑器中 vim 模式也大受欢迎。因此，学习 vim 是很有必要的。

程序员经常会说一句话: 面向 github 编程，github 对程序员的重要性可见一斑 虽然 git 可以工作在 ssh 与 https 两种协议上，但为了安全性，更多时候会选择 ssh。 如果采用 https，则每次 git push 都需要验证身份 所以此篇文章的主要内容是: ssh keygen: 生成非对称加密中的 public-key 与 private-key，并把 publik-ke...

博客域名更换记录以及衍生问题解决方案 拖延了半年后，我终于在最近把我的域名 [链接] 如果刚开始就使用新域名，倒是很简单。但是更换域名就需要做一些额外的琐碎的东西了，如 https，反向代理，SEO需求等等，记录一下 本文地址: [链接] https 在制作证书时在 domains 中添加新域名 {代码...} reverse proxy 在反向代理...

最近观察项目 CI 跑的情况如何时，会偶尔发现一两个镜像虽然构建成功但是容器跑不起来的情况。究其原因，是因为一个 exit code 的问题