萱萱

js是单线程，就像学生排队上厕所，学生需要排队一个一个上厕所，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，难道我们的网页要一直卡着直到图片完全显示出来？因此聪明的程序员将任务…

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 vue-cli提供了一个很方便的查看…

在正式学习 Express 内容之前，我们有必要从大的方面了解一下 Node.js 。 在很长的一段时间里，JavaScript 一门编写浏览器中运行脚本的语言。不过近些年，随着互联网的发展以及技术进步，JavaScript 迎来了一个集中爆发的时代。一个标准性的事件就是 09…

Progressive Web App, 简称 PWA，是提升Web App的体验的一种新方法，能给用户原生应用的体验，致力于用前沿的技术开发，让网页使用如同原生App般的体验的一系列方案。 而其中,PWA方案的最主要核心功能都是依赖于Service Worker这个API来实…

将数据通过图表的形式展现出来将大大的提升可读性和阅读效率 本例包含柱状图、折线图、散点图、热力图、复杂柱状图、预览面板等

ECharts 是一款开源的、基于 web 的、跨平台的支持快速创建交互式可视化的框架，它易于使用、拥有丰富的内置交互以及高性能。ECharts 通过一套声明式的可视设计语言定制内置的图表类型，并且底层的流式架构和高性能的图形渲染器极大地提高了 ECharts 的扩展性和性能。…

因为生产需要（其实是懒），所以本教程使用了 vue-cli进行了项目的基础结构搭建。 直接使用npm进行安装。 到此，准备工作已经完成了。 因为被《React编程思想》这篇文章毒害太深，所以笔者开发组件也习惯从基础到高级逐步迭代。 静态组件要实现的目的很简单，就是把Echart…

我用echars很久了，如果出现如上图所示样式的饼图，我用echarts很难实现，官方给的文档没有这种模式的饼图。试过用d3和canvas分别画饼图，因为本人对canvas比较熟悉和d3还要引入插件，本着轻量化的原则，所以采用canvas封装。