摘要：
场景 周五进行需求评审的时候； 出现了一个图表，本身一个图表本没有什么稀奇的； 可是产品经理在图表的上的备注,让我觉得这个事情并不简单； 那个图表的时间跨度可以是月,年，而且时间间隔很短； 这让我意识到事情并不是想的那样简单； 然后经过简单的询问：如果选择的范围是年；数据可能会上万； 我们都知道；出 阅读全文
摘要：
TypeScript 中的严格模式 在TS的严格模式中；不可以将null,undefined赋值给void; 但是在非严格模式中就可以。 Tip:在项目中；我们还是要开启严格模式,否则会出现意想不到的错误， 我们可以在 tsconfig.json文件的 compilerOptions 的 stric 阅读全文
摘要：
echarts图表X轴 在柱状图中，X轴类目名如果数据太长； echarts会默认进行隐藏部分字段； 如果我们想让每一个类目名都显示出来，需要进行额外的处理 X轴类目名太长时,默认只显示一部分类目名 <!DOCTYPE html> <html lang="en"> <head> <meta char 阅读全文
摘要：
flex布局概念： 父级元素称为：容器（container） 容器的子元素称之为：项目（item） flex-grow的简单介绍 flex-grow：用于指定弹性元素在可用空间增加时的放大比例。 它决定了弹性元素在可用的父容器中【分配额外空间的比例】。 flex-grow 默认值为 0，表示弹性元素 阅读全文
摘要：
ES6 数字类型范围在-2^53 + 1 与 2^53 - 1 在ES6(ECMAScript 2015)之前， 所有的数字都被表示为双精度64位浮点数(遵循IEEE 754标准) 也就是说:js能够安全的表示整数范围是从{-2^53 + 1, 2^53 - 1} 如果超出这个范围会出现精度丢失 我 阅读全文
摘要：
闭包 闭包官方的解释：闭包（closure）是一个函数以及其捆绑的周边环境状态（词法环境）的引用的组合。 也就是说：闭包让开发者可以从内部函数访问外部函数的作用域。 在 JavaScript 中，闭包会随着函数的创建而被同时创建。 上面这3句话是mdn的解释。太复杂了。笨笨的我理解不了。 我的理解： 阅读全文
摘要：
消息队列的解释 每个任务都有一个任务类型。 同一个类型的任务必须在一个队列中。 不同类型的任务可以分属于不同的队列中。 在一次事件循环中，浏览器可以【根据实际情况】从不同的队列中取出任务执行。 浏览器必须准备好一个微队列，微队列中的任务优先其他所有类型的任务。 chrome中的常见队列 在 chro 阅读全文
摘要：
开场白 今天遇到一个场景；就是更改一个图片的颜色； 当听到这个。我直呼好家伙；这个是要上天了呀。 但是仔细一思考；借助canvas好像也能实现； 于是下来研究了一下，并不难； 我们下面来看看怎么实现的 基本思路 主要是获取图片的像素点；ctx.getImageData() 然后去更改图片的像素点； 阅读全文
摘要： 
简单的多条折线图 小伙伴写过多条折线图的都知道， 常见的折线图是 xAxis 配置项下的 data属性上设置时间或者日期。 series配置项下是对应的 legend中的数据以及该条折线的数据。 <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
简单的多条折线图 小伙伴写过多条折线图的都知道， 常见的折线图是 xAxis 配置项下的 data属性上设置时间或者日期。 series配置项下是对应的 legend中的数据以及该条折线的数据。 <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
摘要：
起因 今天遇见一个特别有意思的小功能。 就是更换人物图像的背景颜色。 大致操作步骤就是:点击人物-实现背景颜色发生变化 将图片绘画到canvas画布上 我们需要将图片绘制到canvas画布上。 这样做的目的是为了方便我们去操作像素点来更改颜色。 首先创建 Image 的实例。将图片的地址赋值给图片实 阅读全文