STMU同学

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

模块化简单来说就是是指把一个复杂的系统分解到多个模块以方便编码。JS模块化的大致流程为：CommonJS（服务端） -> AMD（浏览器端）-> UMD（兼容了CommonJS和AMD） -> ES Module（ES6标准）。本文将从它们的用法进行介绍，简单实现其原理。并简易…

css博大精深，很多属性，往往都是看似熟悉，但是似乎又不能将其特性和用法完整地说出来。 如上所示，content 属性与 :before 及 :after 伪元素配合使用，并可以接受一个字符串作为值。 其中none、normal、inherit这三个和大多数属性类似，故不做介绍…

当我们需要用更直观有效的形式来展现各类大数据信息时，热力图无疑是一种很好的方式。作为一种密度图，热力图一般使用具备显著颜色差异的方式来呈现数据效果，热力图中亮色一般代表事件发生频率较高或事物分布密度较大，暗色则反之。 值得一提的是，热力图最终效果常常优于离散点的直接显示，可以在…

megalo 是基于 Vue 的小程序框架（没错，又是基于 Vue 的小程序框架），但是它不仅仅支持微信小程序，还支持支付宝小程序，同时还支持在开发时使用更多 Vue 的特性。 对于用户而言，小程序能提供更好的体验，但对于开发者而言，要让一个应用跑在多个平台上，则需要写多套代码…

具体介绍可参考我之前的文章：“了解HTML/HTML5中的download属性”。 但显然，如果纯粹利用HTML属性来实现文件的下载（而不是浏览器打开或浏览），对于动态内容，就无能为力。 例如，我们对页面进行分享的时候，希望分享图片是页面内容的实时截图，此时，这个图片就是动态的…

音视频直播的基本流程都是采集 → 编码推流 → 网络分发 → 解码 → 播放这五大环节，其中又会涉及平台硬件、编解码、网络传输、服务并发、数字信号处理、在线学习等多方面技术。从交互模式上，又可以泛分为单对单模式与会议模式两大类；从实时性要求上，直播又可以分为伪实时、准实时与真实…