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


 模态框


 css

相关文章
相关标签/搜索