luvsic3

Dart 是一门强类型、多范式（面向对象、函数式编程）、单线程事件驱动、跨平台（mobile、web、server）的语言。它同时支持 JIT 和 AOT 编译，这使得它具备开发时和运行时的高效率。 Dart 的语法非常简洁现代化，从中可以看到很多 ES6+ 语法的影子。下面我…

状态管理可以说是现代前端开发中最核心的一环。为了解决前端应用的复杂度，生态圈里诞生了各式各样的状态管理方案，按编程范式分类有函数式（redux），响应式（rxjs），透明的函数响应式（mobx），按状态存储分类有单 store 和 多 store 的，有专门处理异步代码的（rx…

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

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

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

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

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

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