使用Canvas实现高性能的瀑布图和频谱图，使每帧数据更新响应时间在50ms以下。频谱图常用于分析音频信号、无线通信信号、光谱信号等。瀑布图通常用于分析动态信号，如雷达信号、声音信号、振动信号等。

在现代 Web 应用中，实时通信已经成为越来越重要的一部分。在前端开发中，为了更好地利用 WebSocket 技术，我们通常会对其进行封装，以便于全局调用并根据自己的业务做不同的预处理。

2021 高频前端面试题汇总之Vue篇，前端面试题汇总系列文章的Vue篇，长期更新，欢迎收藏、点赞！

当切换语言设置的时候，可以自动切换整个项目的文字显示。 发现Vue项目中有对应的组件vue-i18n，而且对项目的代码修改不大，于是就使用了这个组件去修改项目中的代码。 一般一个项目中使用都是通过安装包的方式去运行的，script引入的较少。 还有一些其他的用法，具体的请参…

1、安装vue-i18n插件 2、创建中文文件(cn.js)和英文文件(en.js)（创建目录src/static/i18n） 3、在main.js中引入 4、页面中使用

最近在阅读《JavaScript设计模式与开发实践》收获颇多☺，其中有一个让我很感兴趣的写法来分享一下。 大多数是不是都会这么写。 看完了这几个语句的作用就可以明白为什么上面的循环可以正常操作了吧，val = arr[i++]是一个判断条件语句（同时起到了赋值和i++的作用），…

1. 渲染项目列表时，“key” 属性的作用和重要性是什么？ 渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性，并且列表的内容发生了改变（例如对列表进行排序），则虚拟 DOM 宁愿使用更新的数据来修补节点，来反…

日常开发中，Vue框架通常都会使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。通过适当的方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分享。 由于Loader对文件的…

CSS Sprites在国内很多人叫css精灵/css雪碧图(啥都行)，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。加速的关键，不是降低质量，而是减少个数 …