摘要：
react-styleguidist是一个基于JSDOC可以帮助react项目快速构建项目文档的一个插件。 一、简单入门 1.1 环境准备 准备一个新鲜的react项目(非必需) npx create-react-app react-app 添加react-styleguidist npm inst 阅读全文
摘要：
CDN劫持的表现形式之前总说https的安全的。如果你遇到这么一个场景：网站是https的，cdn也是https，但是用户还是看到广告，或者直接唤起其他app等更加恶心的操作。 这个时候你可以考虑下自己是否遭到了CDN劫持。 劫持方非常狡猾，每天每个用户只劫持一次，或者只会在固定时间段劫持，非常难以 阅读全文
摘要：
在日常开发中总是和各种 API 打交道，我们名为前端工程师实为 API 调用工程师。这篇文章我就分享 7 个有趣的 API，你若通过阅读这篇文章对前端增加一点点的乐趣，对我来说也是一种鼓励。这些API在不同的浏览器中兼容性也不一样，使用前请仔细审查。 API使用示例 我们先看下其中几个API的实战效 阅读全文
摘要：
MAC 地址（Media access control address）是分配给网络接口控制器（Network interface controller, NIC）的唯一标识符，它会在网络段中充当网络地址使用，所有具有网卡的主机都有单独的 MAC 地址，该地址总共包含 48 位，占 6 字节的空间， 阅读全文
摘要：
在线图片压缩 负责项目的朋友甩给我一个在线图片压缩网站（https://tinypng.com） tinypng 意图很明显，但难道让我把图片一张张上传上去压缩下载吗？ 我依然不是前端小白，即使肉眼一扫基本知道哪些图片需要处理，但这种重复劳动虽然管用但很“不健康”，对于自我成长，首先要有强烈的意愿去 阅读全文
摘要：
接下来以下图较简单的网络拓扑模型作为例子，探究探究其间发生了什么？ 简单的网络模型 01 孤单小弟 —— HTTP 浏览器做的第一步工作是解析 URL 首先浏览器做的第一步工作就是要对 URL 进行解析，从而生发送给 Web 服务器的请求信息。 让我们看看一条长长的 URL 里的各个元素的代表什么， 阅读全文
摘要：
一、TCP连接状态简介 TCP协议规定，对于已经建立的连接，网络双方要进行四次挥手才能成功断开连接，如果缺少了其中某个步骤，将会使连接处于假死状态，连接本身占用的资源不会被释放。 网络服务器程序要同时管理大量连接，所以很有必要保证无用连接完全断开，否则大量僵死的连接会浪费许多服务器资源。在众多TCP 阅读全文
摘要：
前言 前面我们已经聊了ajax，它的特点是浏览器必须先发起请求，服务器才能给出对应的响应，想一想能不能让服务器主动向浏览器推送数据呢？那么这篇文章我们来聊一聊服务器推送功能。 轮询 假设你现在需要去做一个球赛直播页面，一个主播在后台文字直播比赛，那么这就要求解说数据尽可能的实时到达浏览器，那么我们如 阅读全文
摘要：
前言 iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。 笔者通过查阅了一些官方文 阅读全文
摘要：
tcp服务端和客户端建立连接后会长时间维持这个连接，用于互相传递数据，tcp是以流的方式传输数据的，就像一个水管里的水一样，从一头不断的流向另一头。理想情况下，发送的数据包都是独立的， 现实要复杂一些，发送方和接收方都有各自的缓冲区。发送缓冲区：应用不断的把数据发送到缓冲区，系统不断的从缓冲区取数据 阅读全文