这期介绍一款比较别致的 mock 工具，mirage.js。说它别致，缘由是与竞品有一点点区别：它是在客户端启动的一个 mock 服务，恰如“海市蜃楼”为远程调度展现一幅 api 全景图；实则是一种伪装技术，在应用内存里拦截了所有请求。 M ...

unsplash @tvick 无论是前端工程师、后端工程师、客户端工程师还是测试工程师，HTTP 协议都是我们每天需要打交道的东西。但是对于大多数人来说，也包括我自己，对于 HTTP 协议的学习都是碎片化且不成体系的。然而 HTTP 协 ...

我真的不理解为什么一些人总是黑 JavaScript。我喜欢 JavaScript，它不是万能的，但它最接近于我们所期望的能“运行在任何地方”！看下文详情说明。 使用 JavaScript，你可以编写应用让它运行在：你的浏览器上（几乎所有浏 ...

一个数据包的生命过程：数据包如何送达主机、主机如何将数据包转交给应用、数据是如何被完整地送达应用程序互联网，实际上是一套理念和协议组成的体系架构。其中，协议是一套众所周知的规则和标准，如果各方都同意使用，那么它们之间的通信将变得毫无障碍。数 ...

1、用户输入关键词，地址栏判断是搜索内容还是url地址。如果是搜索内容，会使用浏览器默认搜索引擎加上搜索内容合成url；如果是域名会加上协议（如https）合成完整的url。2、然后按下回车。浏览器进程通过IPC（进程间通信）把url传给网 ...

三次握手TCP 提供面向有连接的通信传输。面向有连接是指在数据通信开始之前先做好两端之间的准备工作。所谓三次握手是指建立一个 TCP 连接时需要客户端和服务器端总共发送三个包以确认连接的建立。在socket编程中，这一过程由客户端执行con ...

一个合格的前端开发者必须夯实基础，深入地理解所使用的技术，而不是浮于表面，保持“够用就行”的技术认知。 Vue CLI 或者 create-react-app 这样高度集成的 CLI 工具，目的是降低开发者的使用成本，但因为这种“黑盒工具 ...

NutUI 视频组件开发心得 说到在项目中引入一个视频，我们肯定会想到 HTML5 为我们提供的 Video 标签，它为我们提供了许多属性和方法，使用起来很方便，当然直接使用也会遇到各种兼容问题，在最初学习 Video 标签时，W3C 官网 ...

浏览器缓存有多种形式，持久化或者会话存储。以chrome为例，打开调试面板，找到Application选项卡，就可以看到它所支持的各种缓存模式 缓存方式 详解 使用情况 http缓存 分为强缓存（200）和协商缓存（304），文章后面有详细 ...

前言 文章首次发表在 个人博客 之前写过一篇 web安全之XSS实例解析,是通过举的几个简单例子讲解的，同样通过简单得例子来理解和学习CSRF，有小伙伴问实际开发中有没有遇到过XSS和CSRF，答案是有遇到过，不过被测试同学发现了，还有安全 ...