luvsic3

d3 可能 是前端可视化领域最有名的工具了，这篇文章会简单介绍下 d3 这个工具。 按照官方文档上说，d3 是一套数据可视化工具，用来帮我们建立数据驱动的 DOM 模型。（当然也包括图表），但是和 DataV、Echarts 之类图表不同的是: d3 并不是开箱即用的，使用 d…

Canvas API 提供了通过 JavaScript 绘制图形的能力 。它广泛用于动画、游戏图形、数据可视化、照片处理和实时视频处理领域。本文将会简单介绍下 canvas 。文章的大部分内容来源于 MDN 的 canvas 教程，想深入了解 canvas 的可以去看一下。 这…

之前的文章提到过 canvas 动画的难点和一般规则。canvas 采用了一种叫做 立即渲染模式 ，调用绘制方法后 canvas 会直接将图形绘制到画布上，然后就不再管它，canvas 也不会记住你绘制的任何图形。这和 dom 模型不同，我们始终可以在内存中获取到 dom 元素…

线上监控可以让我们方便的了解到业务产品的真实指标，如访问量、用户交互数据、页面错误、性能等关键信息。对于应用的体验优化和用户精细化运营至关重要。 线上监控是个比较复杂的体系，包括数据采集、处理计算、可视化等方面。这里篇幅和知识所限，只说端上的数据采集方面。 我们整个线上监控体系…

现在竞争越来越激烈，以往前端算法面试只问问排序的日子一去不复返了。现在大厂喜欢问一些进阶性的算法问题，比如今天要聊的面试中经常出现但理解起来有些困难的一种算法思想——「动态规划」。 如下图所示：一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为“Start” …

逻辑像素指脱离物理像素抽象出来的一个单位，比如css像素，一般由开发者指定，由底层系统转换为对应的逻辑像素。 canvas 是位图，svg 是矢量图，这也是 svg 放大而不失真的原因。 回流：当盒模型发生变化，或者元素的大小、尺寸发生变化。 重绘：当元素样式变化，但不影响它在…

作为面试官，我们经常考察候选人的 JavaScript 基础，从而决定是否录用这个人。那么对于一个开发者，哪些东西算JavaScript基础，什么叫做基础好呢？ JS 中数据类型主要分为基本类型和引用类型（也就是对象）。这里重点关注一下对象。 代码中 Persion 就是一个构…

2019年下半年即将到来，上半年狂风骤雨般的裁员浪潮让每一位从业者背脊发凉，在经历了五六年黄金发展期之后，前端开发这个行业似乎也进入了转折点。 我一边听开发者在网络上抱怨工作难找，前端开发早已经饱和了，又在另一边听大厂的朋友们抱怨，招了很久的人，四处出击却填不满HC，前端人才市…