郑恒持，蒋丁宇，卢兴泉，刘泊江

（大连海事大学 轮机工程学院，辽宁 大连 116026）

摘要：电能质量直接影响着电力系统能否安全运行，为了能及时可靠地检测电能质量，采用全新的Windows Presentation Foundation（WPF）技术，设计了一款电能质量检测系统上位机软件。从工业控制上位机软件的特点出发，实现了上位机与下位机的串口通信，绘制了实时数据波形图及谐波波形图，完成了检测数据的清晰显示。该系统人机界面美观，操作方便，数据存储量大，功能完善。

当用户在手机上滑动你的页面时，每多等待1秒，就可能失去20%的流量——这不是危言耸听。作为前端开发者，我们都知道图片是页面性能的"头号杀手"，但在使用Next.js开发时，90%的人都在用错Image组件。今天我要分享三个实战优化技巧，帮你把图片加载速度提升5倍，Core Web Vitals直接拉满绿色。

被忽略的基础：尺寸属性不是摆设

Wijmo Enterprise下载>

FlexGrid在JavaScript程序中启动

1. 添加Wijmo引用；
2. 添加wijmo控件的扩展；
3. 在JavaScript中初始化wijmo控件；
4. （可选）添加css和自定义的样式文件。

代码参考：

简单数据绑定

使用flexgrid的itemsSource属性设置数据源就可以实现简单的绑定，代码参考：

本节是第四讲的第二十二小节，上一节课为大家介绍了Ajax技术，包括XmlHttpRequest对象和FetchAPI的基本用法，本节为大家继续介绍JavaScript绘制图形的方法（Canvas API），有关WebGL的实例请参见视频课程的内容。

网络图形

我们来讨论 HTML 的 多媒体和嵌入式 模块，早先的网页只有单调的文字，后来才引入了图像，起初是通过 <img> 元素的方式，后来出现了类似于 background-image 的 CSS 属性和 SVG 图像等方式。然而，这还不够好。当你能够使用 CSS 和 JavaScript 让 SVG 矢量图动起来时，位图却依然没有相应的支持。同时 SVG 动画的可用工具也少得可怜。有效地生成动画、游戏画面、3D场景和其他的需求依然没有满足，而这些在诸如 C++ 或者 Java 等低级语言中却司空见惯。当浏览器开始支持 HTML 画布元素 <canvas> 和相关的 Canvas API（由苹果公司在 2004 年前后发明，后来其他的浏览器开始跟进）时，形势开始改善。下面你会看到，canvas 提供了许多有用的工具，特别是当捆绑了由网络平台提供的一些其他的 API 时。它们用来生成 2D 动画、游戏画面和数据分析图，以及其他类型的 app。

Private Sub Form_Load()'窗体载入事件，form是窗体名称，private是私有过程，public是公共过程。
    SndPlaySound
End Sub'当前过程结束，类似的还有end if，其中end if跟if…then语句相匹配，是if判断语句的结束标志，而end sub是整个过程的结束标志。

要解决 C# 中 ToolStrip 无法调整宽度的问题，需从自动尺寸（AutoSize）和停靠（Dock）属性入手，步骤如下：

步骤1：检查并修改 AutoSize 属性

ToolStrip 的 AutoSize 属性默认是 True，此时控件会自动根据内容调整大小，导致手动设置 Width 无效。