回顾
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