分类 Development 下的文章
QT 中通过 QCustomPlot widget 绘制可视化曲线表
今天在项目中需要添加一个柱状图,但由于我们的项目是 QT 4.8 的所以不支持 QtCharts。查询了下发现有 QCustomPlot 可以完美的实现需求,使用方法也很简单。
官网:https://www.qcustomplot.com/
下载:https://www.qcustomplot.com/index.php/download
React 入门教程之七 -- List 和 Form
list 列表和 key
在 JavaScript 中我们通常使用 map method 来对一个 list 的每个元素进行操作:
const numbers = [1, 2, 3, 4, 5];
const double = numbers.map((number) => { return number * 2});
console.log(double)
//output:
//[ 2, 4, 6, 8, 10 ]
在 React 中对一个 list 的元素进行操作方法类似。
React 入门教程之六 -- Conditional Rendering
在 React 中,我们可以创建独立的 component 来封装特定的功能。因此,可以根据不同的程序的 state 选择性的做部分渲染。
和 JavaScript 的相同,React 中也可以使用 conditions 语法来选择性的渲染内容。如使用 if 或 conditional operator 来根据不同 state 状态创建不同 elements 然后让 React 更新 UI 来匹配 DOM。
React 入门教程之五 -- Event
events 处理
处理 React elements events 和处理 DOM elements 很相似,但有一些语法区别:
- React events 命名使用 camelCase 规则,而不是 lowercase
- 使用 JSX 传入 function 作为 events handler,而不是 string 字符串
HMTL 中处理 events 示例如下:
<button onclick="activateLasers()">
Activate Lasers
</button>
React 中示例如下:
<button onClick={activateLasers}>
Activate Lasers
</button>
注意它们的区别之处一个是 event 名称,一个是 handler 定义方式。