掘友等级
获得徽章 0
组件库是大屏产品的灵魂，组件库包含类型丰富的组件，能满足不同业务场景数据展示需求、展示酷炫丰富的动画效果。上图右侧的组件编辑模块，修改组件的展示状态并对组件数据惊进行配置。在设计大屏组件库的过程中，团队成员重新思考了组件库与大屏的关系，并逐步形成以下共识：
在大屏开发过程中，组件库开发将会持续一个长期过程，可以说大屏开发最终变成了组件库开发。
随着组件库的组件逐渐增多，整个大屏项目打包后，组件库打包的代码占据很大体积，如果一次性加载大量组件，势必导致打开页面耗时较长。
当大屏组件库需更新时（增、删、改组件），整个大屏项目都需要重新测试和上线。在大屏产品初期，组件库建设是重点，组建库将会频繁更新，意味着整个大屏产品也会频繁测试上线。因组件的更改而重新上线大屏，无疑推高了大屏的运维成本。
组件库在组织关系上完全可以做到与平台分离，并且成为单独的仓库开发。不仅可以满足组件新增、版本更新要求，同时也可以开放给更多开发人员参与。
哪些情况会导致回流：
页面首次渲染
浏览器窗口变化
元素尺寸或位置变化（宽高、边距、边框等）
元素内容发生变化（文字数量、图片大小、字体大小变化）
添加删除可见的 DOM 节点
激活 css 伪类（hover、active等）
查询某些属性或调用某些方法（浏览器会必须回流来保证数据的准确性）
大部分公司的都会有可视化的需求，但是用echarts，antv等图表库，虽然能快速产出成果，但是还是要知道他们底层其实用canvas或svg来做渲染，canvas浏览器原生支持，h5天然支持的接口，而svg相比矢量化，但是对大体量的点的处理没有canvas好，但是可以操作dom等优势。canvas和svg我们一般只能做2d操作，当canvas.getContext('webgl')我们就能获取webgl的3d上下文，通过glsl语言操作gpu然后渲染了。理解webgl，可以明白h5的很多三维的api底层其实都是webgl实现，包括对canvas和svg也会有新的认知。
比如我们熟知的海康威视以及大华等摄像头、监控设备供应商，他们的设备就是 RTSP 流，如果想要把监控视频接到 Web 端，那么就不可避免要解决这些问题，当然了，很多大厂或者供应商都有自己成熟的方案，但是如果是个人开发者或者小团队他们可能没接触过，遇到此类场景会没有头绪，本文就是基于此来写的，算是自己在开发过程中探索出来的前端可以独立 Cover 完成的。虽然其中会用到后端中转，但是都是很基础现成的 Nodejs 库，大家拿来即用就可。
ChatGPT把AI带火了，我就在想，能用它做点什么呢，总不能只让它给我们带来焦虑，也要让我们从科技浪潮中分得一点红利吧。一番查找下来，有个功能对我们程序员来说比较实用，就是AI的代码提示补全功能。最先找到的是GitHub Copilot。不幸的是GitHub Copilot 从2022年8月22日之后，开始收费。正式版定价10美元/月（人民币约67元），年付有优惠100美元/年（人民币约669元），每月 67 元还是有些小贵。经验告诉我，如果市场上存在一块大蛋糕，不可能只被一家公司看到，肯定有许多公司都在研究开发，有替代品。
Go程序的运行环境可厉害了，其实大部分语言都有Runtime的概念，比如Java，它程序的运行环境是JVM，需要单独安装。对于Java程序，如果不经过特殊处理，只能运行在有JMV环境的机器上。
而Go程序是自带运行环境的，Go程序的Runtime会作为程序的一部分打包进二进制产物，和用户程序一起运行，也就是说Runtime也是一系列.go代码和汇编代码等，用户可以“直接”调用Runtime的函数（比如make([]int, 2, 6)，这样的语法，其实就是去调用Runtime中的makeslice函数）。对于Go程序，简单来说就是不需要安装额外的运行环境，即可运行。除非你需要开发Go的程序。
结构性测试是构建测试用例的另外一个基本方法。与功能性测试相比，结构性测试又被称作“白盒子”（甚至“透明盒子”）测试。同样，用一个透明的箱子来描述也更合适，因为它们之间最基本的差别就是，黑匣子中的特定实现已经被知道，并且正在被用来构建测试案例[11]。这种“透视”黑盒子的能力允许测试者构建一个基于该功能执行的测试案例。结构检测是一种非常具有理论指导意义的方法。
模块功能测试是为了保证每一个模组都能正常工作，所以它又叫单元测试。这个测试步骤通常会发现编码和详细设计中的错误。单元测试（Module Test）指的是一小段代码，它由开发者写成，用来对正在测试的代码进行测试。确定的功能的正确性。通常情况下，单元测试用于确定某个特定功能在某些条件（或场景）下的行为。
系统测试是在真实的操作环境中对计算机系统进行的一系列严格而有效的测试，将被测试的软件整合为计算机系统的一部分，并与系统的其他部分相结合，以发现软件的潜在问题，进行测试以确保系统的正常运行。系统测试是指对一个产品进行全面的测试，以确认该系统是否满足了需求规格书中所描述的要求，并且发现与要求规格书中所描述的不一致之处，以便提供更为完善的解决方法
前端研发的职责一直在改变，同时前端研发需要掌握的技术也在迭代更新。当下热门的vue、React框架也几乎成为必备技能；前端领域的快速更迭告诉我们顺应时代的变化才是核心技能
