Better-HTQ

摘要： 站点 https://www.webpagetest.org/ 阅读全文

摘要： RAIL性能测量模型（from Google） RAIL概述 Response 响应 这里的响应是指用户获得的反馈。 Animation 动画 足够流畅的动画 Idle 空闲 给浏览器足够的空闲时间，不能让主线程始终处于繁忙的状态，从而不能及时的去处理交互 Load 加载 资源网络加载的时间 RAI 阅读全文

摘要： 结论先行 先说结论，再说支撑观点（核心观点放前面，次要的内容放后面。核心观点往往只有一个，但支撑的次要观点会有多个。） 归纳分类 将有逻辑关系的信息分为一组。结构化的展示信息。 麦肯锡解决问题的七步法 第一步，陈述问题。把需要解决的问题清晰、具体地表述出来，避免笼统地概括，也不要罗列一堆事实。这个问 阅读全文

摘要： braft-editor 优秀的富文本编辑器插件 mitt 事务总线机制（EventBus） 阅读全文

摘要： 修改项目根目录下，.eslintrc.js 文件 rules: { 'no-console': process.env.NODE_ENV 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV 'production' ? 阅读全文

摘要： 1. 为什么要进行性能优化？ 好处 用户体验会更好 搜索引擎排名更靠前 用户流量和粘性（Amazon发现每100ms延迟导致1%销量损失） 移动端的挑战 硬件、网速、屏幕尺寸、交互方式更丰富 碎片时间使用，更加缺乏耐心，>3s加载导致53%的跳出率（bounce rate） 移动互联网高速发展，移动 阅读全文

摘要： offsetWidth // 返回元素的宽度（包括元素宽度、内边距、边框，不包括外边距） offsetHeight // 返回元素的高度（包括元素高度、内边距、边框，不包括外边距） clientWidth // 返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距） clientHeight / 阅读全文

摘要： 背景 当我们完成前端项目的开发，准备部署到线上时，需要将打包的文件发送给部署的同事。为了节省发送时间，经常需要将打包生成的 dist 目录进行压缩后进行发送。 那么有没有办法，让项目打包后，自动生成一个 zip 压缩的文件呢？ 答案是肯定的，可以进行以下插件的安装和配置。 这样下次运行 npm ru 阅读全文

摘要： 在网页布局中，理解如何控制元素的位置是至关重要的。脱离文档流是其中一种常用的技术，能够实现更加灵活和复杂的布局。本文将介绍几种常见的 CSS 脱离文档流的方法，并探讨它们的应用场景和优缺点。 1. 使用 position 属性 1.1 position: absolute 当元素设置为 positi 阅读全文

摘要： 1. Promise的含义 Promise 是异步编程的一种解决方案，ES6 将其写进了语言标准，提供原生的Promise对象； Promise 可以理解成一个容器，保存着某个，未来才会结束的事件（通常是异步操作）的结果； 特点： 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状 阅读全文