本项目git地址(来个star不迷路，持续关注好货~ ) Demo项目 Introduction tgg-large-screen 组件库基于 React 封装，主要用于构建大屏（全屏）数据展示页面即

在学习vue源码之前需要先了解源码目录设计(了解各个模块的功能)丶Flow语法。 flow语法可以参照 v-model源码学习中提到的flow语法介绍，以及到官网了解更多。 通过源码我们可以看到，它实际上就是一个构造函数。我们往后看这里有很多 xxxMixin 的函数调用，并把…

关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

很多内容写的比较粗略，所以还望大家不要太过吐槽，后续我会给完善的。 1. 空间与转换 当图形被绘制在屏幕上的时候，无论是2D还是3D，都会有其自己的空间，也会有其自己的转换数据。 在计算机图形学中，通常是才用齐次坐标来表示空间内的点,在三维空间内，会使用四元向量来表示。 一般w…

项目整体已经给出，那么我们就撸起袖子加油干吧。 上面我们提到了canvas的事情，所以呢，这就是制作弹幕的杀手锏了。我们利用canvas绘图来实现弹幕的功能 创建实例很简单，没有对象，只需要new一个就有了，哈哈。接下来，说回正事，我们赶紧完成上面代码中todo的部分，来完善C…

看起来是不是特别简单粗暴，乍一看好像也是就是不到一小时的工作量，却让我足足熬到了深夜两点钟，说起来都是泪~~。这期间遇到了不少问题，我都会在下面一一列举（以下所说的浏览器均为移动端浏览器，不再一一标注）。 众所周知，html中video的autoplay在移动端浏览器上基本失效…