从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 …

继之前我们研究了SVG.js 和 Frappe Charts 后, 我们对于 svg 的图表库已经有了初步的了解, 但是对于可视化世界的 canvas, 我们更应该投入精力去了解学习. 在看到 chartist.js 讲到自己的优势的时候, 提到一些图表库使用了错误的技术 ca…

周末好，今天给大家带来一款接地气的环形进度条组件vue-awesome-progress。近日被设计小姐姐要求实现这么一个环形进度条效果，大体由四部分组成，分别是底色圆环，进度弧，环内文字，进度圆点。设计稿截图如下： 我的第一反应还是找现成的组件，市面上很多组件都实现了前3点，…

width和margin实现。margin: 0 auto; table标签配合margin左右auto实现水平居中。使用table标签（或直接将块级元素设值为display:table），再通过给该标签添加左右margin为auto。 inline-block实现水平居中方法…

平时项目开发中灵活运用ES6+语法可以让开发者减少很多开发时间，提高工作效率。ES6版本提供了很多新的特性，接下来我列举项目中常用的ES6+的特性： 从数组和对象中提取值，对变量进行赋值，这被称为解构，解构赋值可以直接使用对象的某个属性，而不需要通过属性访问的形式使用。 以上例…

放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…

领导💬：“原来项目有个需求变动，需要你去改一下，没有改很多，这个应该很快吧。” 二盛💬：“好👌，我先看一下。” 面对着这些杂乱无章随心所欲的代码，二盛哇的一声哭了出来😭。 成年人的世界没有容易二字，二盛擦干泪，开始小心翼翼地改代码。 最后90%的时间花在了阅读代码，10…

为了保证的可读性，本文采用意译而非直译。 超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器，让咱们在设备和浏览器之间创建丰富的交互体验。该…

最近阿里正式开源的BizCharts图表库基于React技术栈，各个图表项皆采用了组件的形式，贴近React的使用特点。同时BizCharts基于G2进行封装，Bizcharts也继承了G2相关特性。公司目前统一使用的是ECharts图表库，下文将对3种图表库进行分析比对。 成…