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

模态框

巴特西

Axure（二）

最新文章

热门文章