随笔分类 - 前端
摘要：圆弧 arc() arc( centerx, centery, radius, startingAngle, endingAngle, anticlockwise = false ) 弧 arcTo() arcTo( x1, y1, x2, y2, radius ); 二次贝
阅读全文
摘要：区别一：提供者 window.onload 事件是一个JavaScript内置的事件 (document).read
阅读全文
摘要：作者：wuwhs 原文：https://segmentfault.com/a/1190000039684460 前言 看完本文，你将从整体了解依赖版本锁定原理，package-lock.json 或 yarn.lock 的重要性。首先要从最近接连出现两起有关 npm 安装 package.json
阅读全文
摘要：站点 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
阅读全文
摘要：1. Promise的含义 Promise 是异步编程的一种解决方案，ES6 将其写进了语言标准，提供原生的Promise对象； Promise 可以理解成一个容器，保存着某个，未来才会结束的事件（通常是异步操作）的结果； 特点： 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状
阅读全文
摘要：Demo var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); // 开始一条路径，或重置当前的路径。 ctx.lineWidth="5"; ctx.strokeStyle="r
阅读全文
摘要：区别 Objects 和 Maps 类似的是，它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此（并且也没有其他内建的替代方式了）过去我们一直都把对象当成 Maps 使用。不过 Maps 和 Objects 有一些重要的区别，在下列情况里使用 Map 会是更好的选择： Map Obje
阅读全文
摘要：水平居中 1. inline元素（或者 inline-block 或者 text节点）： text-align: center （设置父元素） 2. block元素： margin: auto 3. absolute元素： left: 50% + margin-left 负值 4. absolute
阅读全文
