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缓存的情况。 缓存分强缓存 ...

作为一名合格的程序猿/媛，对于进程、线程还是有必要了解一点的，本文将从下面几个方向进行梳理，尽量做到知其然并知其所以然： 进程和线程的概念和关系 进程演进 进程间通信 理解底层基础，助力上层应用 进程保护 进程和线程的概念和关系 用户下达运 ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...