qml快速入門
【qt】qml快速入門1——語法：
【qt】qml快速入門2——基本元素：
【qt】qml快速入門3——元件：
【qt】qml快速入門4——簡單轉換：
【qt】qml快速入門5——定位元素：
【qt】qml快速入門6——布局元素：
【qt】qml快速入門7——輸入元素：
布局元素（layout items）
qml使用anchors（錨）對元素進行布局。anchoring（錨定）是基礎元素物件的基本屬性，可以被所有的視覺化qml元素使用。乙個anchors（錨）就像乙個協議，並且比幾何變化更加強大。anchors（錨）是相對關係的表示式，你通常需要與其它元素搭配使用。
乙個元素有6條錨定線（top頂，bottom底，left左，right右，horizontalcenter水平中，verticalcenter垂直中）。在文字元素（text element）中有一條文字的錨定基線（baseline）。每一條錨定線都有乙個偏移（offset）值，在top（頂），bottom（底），left（左），right（右）的錨定線中它們也被稱作邊距。對於horizontalcenter（水平中）與verticalcenter（垂直中）與baseline（文字基線）中被稱作偏移值。
1 元素填充它的父元素。
greensquare
}
greensquare
}
greensquare
}
greensquare
bluesquare
}
greensquare
}
greensquare
}
flex布局快速入門
傳統布局的核心是盒子模型，依賴 display 屬性 position 屬性 float 屬性。可以看出來傳統布局非常容易實現像 word 左對齊，右對齊這樣的功能，可以說，傳統布局更適合於文字排版。flex 是 flexible box 的縮寫，可以看做彈性的盒子模型。使用 flex 首先要設定父...
grid布局快速入門
css grid 是建立網格布局強大的工具，在2017年，已獲得主流瀏覽器的原生支援 chrome，firefox，edge，safiri 這篇部落格帶你快速上手 grid 布局 在前端領域，提到某個新技術，想在實際開發中使用它，就不得不考慮相容性問題，目前 grid 布局在各大主流瀏覽器已實現支援...
ES6快速入門
三種語法實現同乙個功能，從而加深對三種語法的運用，最後了解es6的優勢 知識點 常量 作用域 箭頭函式 預設 物件 es5 中常量的寫法 object.defineproperty window,pi2 console.log window.pi2 es6 的常量寫法 const pi 3.1415...