女王控的博客

前端

161 篇文章

Webpack5新特性

从 2017 年发出关于 v5 的投票开始,到 2019 年 10 月发布第一个 beta 版本,目前是 5.0.0-beta.16。现在在收集使用反馈、生态升级的过程中,相信不久后就可以正式发布了。这次升级重点:性能改进、Tree Shacking、Code Generation、Module Federation。 下面我们跟着 Changelog 来动手,测测重点内容~ 优化持久缓存 首先简单说 Webpack 中 graph 的概念: Webpack 在执行的时候,以配置的 entry… »

javascript专题笔记

防抖 前言 在前端开发中会遇到一些频繁的事件触发,比如: window 的 resize、scroll mousedown、mousemove keyup、keydown 为此,我们举个示例代码来了解事件如何频繁的触发: 我们写个 index.html 文件: debounce.js 文件的代码如下: 我们来看看效果: 从左边滑到右边就触发了 165 次 getUserAction 函数! 因为这个例子很简单,所以浏览器完全反应的过来,可是如果是复杂的回调函数或是 ajax 请求呢?假设… »

javascript深入笔记

从原型到原型链 构造函数创建对象 我们先使用构造函数创建一个对象: 在这个例子中,Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person。 很简单吧,接下来进入正题: prototype 每个函数都有一个 prototype 属性,就是我们经常在各种例子中看到的那个 prototype ,比如: 那这个函数的 prototype 属性到底指向的是什么呢?是这个函数的原型吗? 其实,函数的 prototype… »

谨慎处理 Service Worker 的更新

Service Worker 以其 和 两个特点,决定了针对它的更新操作必须非常谨慎小心。因为它具有拦截并处理网络请求的能力,因此必须做到网页(主要是发出去的请求)和 Service Worker 版本一致才行,否则就会导致新版本的 Service Worker 处理旧版本的网页,或者一个网页先后由两个版本的 Service Worker 控制引发种种问题。 前置知识 SW 的作用 SW 的注册方式 (navigator.serviceWorker.register) SW… »

高级前端必备知识点

JavaScript 原生 js 系列 JavaScript 深入系列、JavaScript 专题系列、ES6 系列 完全熟练掌握 eventLoop tasks-microtasks-queues-and-schedules Promise 你需要阅读 Promise A+规范,注意其中的细节,并且灵活的运用到开发当中去。 Promise A+ 英文文档 你需要跟着精品教程手写一遍 Promise… »

0%