canvas元素本身是没有绘图能力的，所有的绘制工作必须在 JavaScript 内部完成。 在不支持时可以在canvas标签文本中插入提示不支持信息。 (b) context.lineTo(终点x,终点y)：从moveTo提供的起点开始，到lineTo的坐标绘制一条直线；若没…

什么是BFC BFC全称是Block Formatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。要明白BFC到底是什么，首先来看看什么是视觉格式化模型。 视觉格式化模型 视觉格式化模型(visual formatting m…

见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。 最近恰好被问到这方面的问题，尝试整理后发现，这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目。 ----------超长文预警，需要花费大量时间。---------- 本文适合有一定经验的前端人员，新手请…

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

本文来和大家聊聊pkg.module字段的功能以及使用场景。在谈pkg.module之前，让我们先来了解一个和它有着紧密关系的概念——TreeShaking。什么是TreeShaking？让我们通过两

Web Worker 是HTML5标准的一部分，这一规范定义了一套 API，它允许一段JavaScript程序运行在主线程之外的另外一个线程中。Web Worker 规范中定义了两类工作线程，分别是专用线程Dedicated Worker和共享线程 Shared Worker..

因为业务需求，有赞自己造了很多轮子，组件库尤其多，React，Vue，小程序都有涉及，其他开源项目有 zan-proxy 代理，PHP 的框架 zanphp 等。有人可能会觉得奇怪，为什么有赞要造这么多轮子？其实原因真的很简单，就是因为现有的替代品无法满足我们自身业务的需求，可…

DEV的年度热文，读完觉得不错，所以翻译出来供大家参考，个人水平有限，文中可能会有一些翻译错误，可以在评论区指正。 本篇文章一共涉及了9个流行的框架/库，没有具体的介绍使用方法，而是给了一些非常棒的实战教程。 初学者(也许一些有经验的开发者也是一样)在读完官方文档，想写一个项目…

金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也…