Axure（二）

回顧
1.Axure
    動態面板
        圖片轉換
        畫面滾動
2.使用
元件  -->  page

box  盒子

    width             
    height
    background
    padding
    margin
    border
        border-width
        border-style
        border-color
        border-radius
    animation:
    transition: rotate
    ...

image
    src

    表單
        input
            程序交互入口

3.佈局（box）
    經過盒子進行佈局
    佈局流程：
        從上往下，從外往內


    1）行級佈局

    2）列級佈局
        浮動   定位   伸縮盒

        組（容器---子元素）

-------------------------------------
day03

前端三要素（html/css/js）

    html  框架            身材
    css   樣式，修飾框架   化妝  美化
    js    交互            才藝  事件機制（事件響應）

    jquery
        html + js(dom)

        小程序
            wxml    html
            wxss     css
            js         js

        react
            .js
                jsx     js + xml(html)
                css



1.元件（css）
    1）基礎元素（box
    2）高級元素
    3）表單元素
    4）表格與表單
    5）圖標

    中繼器
        數據 -->  驅動  -->  頁面（模板）

2.事件機制

    事件源      （元素）
    事件處理函數（更改狀態）
    事件對象（記錄事件發生的全部信息）

    <div id="one">hello</div>
        let one = document.getElementById("one");
        one.onclick = function(event){
            alert("hello");
        }

3. 第三方元件庫


 模態框