2d變換和3d變換的總結對比：
實際上，2d變換和3d變換並沒有本質的區別，無非是3d變換多出了一些變換函式（方式）。
而原來的2d變換函式也都照樣可以用（畢竟2d變換無非只是在x-y平面上進行，不涉及z軸）。
變換方式
2d變換可用函式
3d變換可用函式
位移變換：
單位：px
translatex(x)
translatex(x)
translatey(y)
translatey(y)
translate(x, y)
translate(x, y)
translatez(z)
translate3d(x, y, z)
縮放變換：
單位：無
scalex(x)
scalex(x)
scaley(y)
scaley(y)
scale(x, y)
scale(x, y)
scalez(z) *
scale3d(x, y, z)
旋轉變換：
單位：deg
rotate(z)
rotate(z)
rotatex(x)
rotatey(y)
rotatez(z)
rotate3d(dx, dy, dz, deg) **
斜拉變換：
單位：deg
skewx(x)
skewx(x)
skewy(y)
skewy(y)
skew(x, y)
skew(x, y)
【其他非函式設定】
transform-origin:變換原點
transform-origin:變換原點
ransform-style: plat;
transform-style: preserve-3d;
perspective: 透視距離
perspective-origin: 透視點
注：* 由於盒子是沒有厚度的，因此scalez其實是無效的。
** dx，dy，dz是3個數字，代表乙個向量的方向。向量就是從原點出發到某個點的一條有向線。
彈性布局flex：
3個基本設定：
display: flex;
flex-direction: row, row-reverse, column, column-reverse
flex-wrap: wrap, nowrap(預設值), wrap-reverse
3個布局設定（針對的是子盒子，但設定在父盒子上）：
水平方向的多個子盒子在主軸方向的布局形式：
justify-content: flex-start, flex-end, center, space-between, space-around;
多行在輔軸方向的布局形式：
align-content: flex-start, flex-end, center, space-between, space-around;
在一行中多個子盒子在輔軸方向的排布形式：
align-items: flex-start, flex-end, center, baseline, stretch（預設，拉伸的）
牛客練習賽23 D題 托公尺的咒語
題目大意 給出乙個字串，求 abcdefghi 的全排列中有幾個是該字串的子串行。分析 該題需注意是計算全排列的中符合條件種類，而不是個數。其次，看到字串匹配的題目會先想到kmp，但是這題要匹配的是子串行，所以不要想太複雜，用字首和加二分的方法就能判斷子串行，該方法的效率是 logm n，其中n為9...
原創 盟軍敢死隊2 3D模型 動作瀏覽器
9 24 2007 繼續搞事。修正了左右手座標系顯示及座標原點 模型導航點 新增了fsaa和簡單的planar陰影，其實對盟2而言已經足矣，哪天心情好準備再整個動作混合.邊開槍邊跑動的屠夫?不知有沒這個必要.8 20 2007 即.abi 3d瀏覽器。盟軍2採用的是基於骨骼的關鍵幀動畫。開發日誌正在...
彈性布局總結
彈性布局對於移動端頁面開發其實還是蠻重要的，今天來一些總結吧 flexbox 為display屬性賦予了乙個新的值 即box 值 flexbox的屬性有很多，記錄一些比較常用的屬性 display box 該屬性會將此元素及其直系子代加入彈性框模型中。flexbox 模型只適用於直系子代 box o...