原创 canvas筆記-lineJoin和miterLimit的使用

lineJoin是線條與線條連接時的效果 lineJoin有如下參數 miter(default) bevel round 下面對各個參數進行展示! 默認情況下: 源碼如下: <!DOCTYPE html> <html lang="e

原创 canvas筆記-lineCap的使用

在畫線時canvas有一個屬性: lineCap可填寫3個參數: butt(default) round square 程序運行截圖如下: 源碼如下: <!DOCTYPE html> <html lang="en"> <head>

原创 canvas筆記-lineTo()與moveTo()的區別

首先來看下如下代碼: let canvas = document.getElementById("canvas"); canvas.width = 800; canvas.height =

原创 Qt文檔閱讀筆記-單元測試中構建標準檢測程序(CPU、Linux性能、內存泄漏等)

這裏需要介紹一個宏,主要就是靠使用這個宏完成功能: QBENCHMARK{ //TODO } 在單元測試中,這個宏在那個函數中,那麼這個函數就會進行多次測試,如果不需要多次調用可以用下面的這宏代替: QBENCHMARK_ONECE

原创 Qt文檔閱讀筆記-重現GUI事件進行單元測試

主要的邏輯是,存儲Widget事件,然後在Test中重放 如下,在私有槽函數中測試函數如果要加模擬,需要在後面添加_data() class TestGui: public QObject { Q_OBJECT private

原创 canvas筆記-繪製運動小球(落地彈起,遇邊回彈)

程序運行截圖如下: 就是這個球,遇到底端及左右兩邊都可以彈   源碼如下: canvas4.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 canvas筆記-canvas適應瀏覽器(填充整個頁面)

這裏有2個地方要設置: 1.html中的style。 2.在js中獲取父類的width或height。   如下,第一個問題: index.html <!DOCTYPE html> <html> <head lang="en">

原创 canvas筆記-canvas基本用法

這裏有幾個要注意的地方: 通過下面這兩種方式設置畫布的高度和寬度 及   通過下面這兩種方式對不支持canvas瀏覽器進行提示: 及 最後一點,在canvas畫圖和Qt上用QPainter一模一樣,都是基於“狀態”的畫法如下:

原创 canvas筆記-使用canvas畫圓及點陣的使用

如下例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <can

原创 DM工作筆記-dimp及dexp的使用及解決該工具不能解析此文件,請使用更高版本的工具

再DM的bin目錄下有下面2個程序: dimp 導入dump文件的 查看其help文件: dexp 導出demp文件的 查看其help文件: 下面每一個給出一個示例: 導出dmp文件 dexp USERID=SYSDBA/SYSDB

原创 Qt文檔閱讀筆記-Qt單元測試中模擬GUI事件

這裏先提下基本概念 官方的模擬GUI事件,就是調用QTest提供的函數,去模擬用戶鼠標點擊,用戶輸入等效果。從而達到模擬的功能,感覺這個功能非常的好。 如: QTest::keyClicks()主要是模擬鍵盤。 QTest::keyPre

原创 Qt文檔閱讀筆記-寫一個簡單的單元測試

程序運行截圖如下: 控制檯: QtCreator: 源碼如下: test.pro QT += widgets testlib HEADERS = head.h SOURCES = source.cpp installs += te

原创 Qt文檔閱讀筆記-數據驅動測試

如果要測試多個數據,可以使用下面的代碼 QCOMPARE(QString("hello").toUpper(), QString("HELLO")); QCOMPARE(QString("Hello").toUpper(), QStri

原创 WebStorm筆記-配置js的webpack識別alias(別名)

File->Settings 下面的Languages & Frameworks,將下面的Webpack配置爲webpack.base.conf.js 這個文件中配置了JS的別名: 這樣敲代碼WebStorm就有提示了。      

原创 Web前端文檔閱讀筆記-vis.js在vue cli中的使用

程序運行截圖如下: 首先要用npm導入的vis包 npm run vis 程序結構如下: 源碼如下: HelloWorld.vue <template> <div id="networkDemo" style="width:8