网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites，把多个图片合并到一个单独的图片中，利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是，如 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

刚接触js的时候，对于es6的promise、async、await简直怕的要死，甚至有段时间非常害怕promise这个词，随着后面慢慢的接触，觉得这个东西并非那么难理解，主要还是需要弄懂js的一些基础知识。那么接下来，跟上我的思路，一起彻 ...

JS事件 最近跟同事一起面试，发现同时每次必问JS事件相关的内容，自己就做了下梳理，对其事件相关的内容做了下总结。 事件模型： 顾名思义就是事件的一个流转规则，说到事件模型就跟各个浏览器之间的差异就有关系了，目前浏览器没有统一事件模型，大 ...

资源压缩合并，减少http请求 非核心代码异步加载 --->异步加载的方法--->异步加载的区别 利用浏览器缓存--->缓存的分类--->缓存的原理 使用CDN 预解析DNS <meta http-equiv="x-dns-prefech ...

函数式编程中，常用的函数及使用： 组合函数 （Compose，Pipe） 概念 将需要嵌套执行的函数平铺，嵌套执行是指将一个函数作为参数传递给另外一个函数，主要有以下特点： 第一函数接受参数, 其他函数接受的上一个函数的返回值 第一个函数可 ...

前言 前段时间太忙，隔了快一个月没写博客，但是 Promise 其实很早之前就已经总结了一波如何实现，但是那个时候纯粹是为了实现而实现，没有去细品其中的一些巧妙设计，直到最近在进行函数式编程相关的知识学习时，无意中在查阅资料的时候发现，Pr ...

CSS 语法解析过程 1.在浏览器系列文章中，今天终点讲下CSS解析这块内容.我们已知浏览器的渲染流程中HTML Parser会生成 DOM树，而 CSS Parser会将解析结果附加到 DOM 树上，如下图： image.png 解析分为 ...

script标签是我们常用的引用js脚本的一种方式。 撸代码的时候，我们常常只写src属性，直接忽略其他的属性：async、defer 顾名思义async就是异步，在不影响其他资源加载的同时，异步加载这个文件；defer就是延迟加载。 as ...

promise 是es6中新增的一个对象 是异步编程的解决方案，主要解决异步编程中多个回调函数的使用问题 在实际开发过程中，我们可能遇到不止一个异步操作，每个异步操作都会有一个回调函数；那么有没有可能出现这样一种情况：本次异步操作的结果 ...