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. 第三方元件库

模态框