作为一名前端开发人员，你是不是经常碰到领导让你上服务器去修改 Nginx 配置，然而你会以“我是前端，这个我不会”为理由搪塞过去呢！今天就让我们一起告别这种尴尬，向“真正”的程序员迈进！！！

反向代理适用于很多场合，负载均衡是最普遍的用法。nginx 作为目前最流行的web服务器之一，可以很方便地实现反向代理。本文带你全面了解Nginx配置

系统架构图是为了抽象地表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界，以及软件系统的物理部署和软件系统的演进方向的整体视图。一图胜千言。要让干系人理解、遵循架构决策，就需要把架构信息传递出去。架构图就是一个很好的载体。

虽然 HTTP/2.0 解决了队头阻塞问题，但是每个 HTTP 连接都是由 TCP 进行连接建立和传输的，TCP 协议在处理包时有严格的顺序要求。这也就是说，当某个包切分的 stream 由于某些原因丢失后，服务器不会处理其他 stream，而会优先等待客户端发送丢失的 stream 。

跨站脚本攻击(Cross Site Scripting)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为 XSS。恶意攻击者往 Web 页面里插入恶意 Script 代码，当用户浏览该页之时，嵌入其中 Web 里面的 Script 代码会被执行，从而达到恶意攻击用户的目的。

本文亲测总结使用 docker 方式部署日志检测系统，filebeat 从监控生成日志，然后将日志输出到 logstash 中，logstash 对数据进行清洗格式化，包括建立索引，存入到 elasticsearch 中。kibana 负责从 es 读取数据进行处理。

本文介绍一个非常好用的Linux防止暴力攻击的工具。DenyHosts 是 Python 语言写的一个程序，它会分析 sshd 的日志文件，当发现重复的攻击时就会记录 IP 到/etc/hosts.deny 文件，从而达到自动屏 IP 的功能。

本文总结了JS开发中常用到的48种小方法，总有一个是你用到的，先收藏起来，后边慢慢查看。检测数据是不是除了 symbol 外的原始数据。isPrimitive：检测数据是不是原始数据。isObject：判断是否引用类型。isObjectLike：检查 value 是否为类对象。getRawType：获取数据类型。isPlainObject：判断数据是否 Object 类型的数据。isArray：判断数据是不是数组类型的数据。isRegExp：判断数据是不是正则对象。isDate：判断数据是不是时间对象。

前端页面埋点上报是重要功能，这里主要介绍常用的4中方法，1. 同步 XMLHttpRequest，2. img.src，3.navigator.sendBeacon 4.fetch keepalive 文章对这四种方法的进行了优缺点对比。

本文主要带你了解webpack代码分模块打包方法，代码懒加载方法，代码懒加载方法用的太多也会变慢的预加载方法等在工作中常遇到的打包问题。懒加载能加快网页的加载速度，如果你把详情页、弹窗等页面全部打包到一个 js 文件中，用户如果只是访问首页，只需要首页的代码，不需要其他页面的代码，加入多余的代码只会使加载时间变长，所以我们可以对路由进行懒加载，只有当用户访问到对应路由的时候，再去加载对应模块。