目录 使用html生成全景图 获取标签的统计数据 为每个标签指定格数和形状 标签填充到矩阵 合并td生成table 结尾 最近项目有一个需求，需要为统一标签生成一个全景图，类似于tree map chart，每个标签的大小由标签下面的博文数量决定，按照近一个月的博文数量排序并配色，在红和绿之间进行渐变，最红代表近一个月新增最多，最绿代表最近一个新增最少。 使用html生成全景图 一提到这种稍微有点儿技术含量的图，大部分人都会想到使用第三方体用的包，抱着不重复造轮子的想

🍖🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖 🍖🍖 🍖🍖🍖 🍖🍖🍖🍖 作者 ： 不良使 🍖🍖🍖🍖🍖 潜力创作新星 华为云享专家 🍖🍖🍖🍖🍖🍖 博客记录学习的思路，项目和错误,寻找志同道合的朋友 🍖🍖🍖🍖🍖🍖🍖 如果觉得有帮助记得一键三连 ┗|｀O′|┛ 嗷~~ 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖 🍖🍖🍖🍖🍖🍖🍖🍖

前端学习路线小总结： 基础入门： HTML CSS JavaScript 三大主流框架： VUE REACT Angular 深入学习： 小程序 Node jQuery TypeScript 前端工程化 接下来就开始我们的前端之旅吧~ 一.HTML简介 万维网W3C标准中网页分为结构，表现和行为三部分，HTML用于描述页面的结构，CSS用于控制页面中的元素样式，JavaScript用于响应用户的操作。HTML，CSS和JavaScript组成了前端技术栈。