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

小程序生成带二维码的海报效果预览： 项目需求： 需要根据用户信息生成用户个人二维码，后台提供海报素材，将用户二维码画在海报上，并可预览海报，长按保存海报，方便用户分享或者发朋友圈。 涉及到的相关API： wx.getImageInfo()- ...

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

理解 发布-订阅模式其实是一种对象间一对多的依赖关系，当一个对象的状态发生改变时，所有依赖与它的对象都将得到状态改变的通知。 发布-订阅模式由三房组成：订阅者、发布者、调度中心。订阅者把自己想订阅的事件注册到调度中心，当发布者发布该事件到 ...

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

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

我们的需求 在 Genesis 中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 React、EJS 等配合使用。 它可以和怎样的你协作？ 如果你是传统的后端渲染的，需要做SE ...

此篇分享为 vue-cli2.0 中 webpack 的优化配置。 1、按需引入组件 例如引入 element-ui ，用到哪些组件就引哪些 import {Button,Dialog} from 'element-ui'; Vue.us ...

在 Webpack 4 以后，很多配置都已经被简化了，整体上的基本使用并不复杂，在这种配置并不复杂的前提下，对它的掌握程度主要就体现在了是否能够理解它的工作机制和原理上了。 打包核心工作原理 Webpack 官网开始的首页，就已经描述了它 ...

前端经常会被问HTTP缓存，那么HTTP缓存的发展了解多少呢？为什么会出现各种不同的缓存字段？本篇文章会从缓存的类型开始，逐一说明缓存相关的HTTP字段，相信读完会对以上的问题有所了解。注意，以下讲解只针对HTTP缓存的情况。 缓存分强缓存 ...