1.HTML
2.CSS
3.js
4.VUE
5.vUE的基本指令
6.VUE案例
7.ELEMENT

HTML

设置图片

    让图片居中显示

有序列表

1
2
3
4
5

无序列表

无序哦
无序的

设置无序列表的样式
无序哦
无序的

设置无序列表的样式
无序哦
无序的

水平线

超链接

标签提示

表格

  居中显示
居中标签
第一列
第二列
第三列
1
2
3
z
z

表单提交

账号 
密码 
第一第二第三
测试javac++
 
点我选择123

内容框

CSS

css标签

        .w{/*背景色*/background-color: pink; 设置背景颜色width: 80px;   设置宽度height: 80px;  设置长度border-radius: 50px;  圆角边框的设置}
 

鼠标经过标签时

        .w:hover{/*鼠标经过当前类为w的div时 盒子展示的阴影*/box-shadow: 10px 10px 10px 10px rgba(0,0,0, .3) ;/*鼠标经过对字体的操作*/line-height: 500px;text-align: center;text-shadow: 10px 10px 10px rgba(0,0,0,.8);}

表单提交限制只能输入数字

定位

    

这个是相对定位
这个是绝对定位1号
这个是绝对定位2号
这个是固定定位

标签选择器

这是p标签
这也是p标签

这这这是是是
这个只可以调用一次

这是。。
这是外部样式表

选择器

    

zhehehheh
zhehehheh
zhehehheh
zhehehheh
zhehehheh
zhehehheh
zhehehheh2
这是 是是是
zhehehheh1
zhehehheh2
zhehehheh3
zhehehheh4
点我 点我

伪类选择器

后代选择器

z
zz
zzz
zzzz
zzzzz

属性选择器

www
wwww
ww
ww
www

鼠标浮动选择

这里
在这

旋转效果

存储音频/视频

小米导航栏

小米商城
云服务
小爱开放平台
企业团购
下载app
MIUI
|oT
资质证照
智能生活
🛒购物车
消息通知
注册
登入
手机电视笔记本出行旅行衣服

JS

JS基础语法

Array数组

创建当前日期

Goalbal

圆周率/随机数/取整

正则表达式校验

刷新/跳转页面

打开新窗口/关闭新窗口/弹出提示框

获取标签文字并修改文字

修改图片内容/删除图片

修改标签id属性

修改文本内容/图片名称

dd
ddd
dddd

表格/全选/反选/全不选

学生信息表
编号
姓名
性别
操作
1
令狐冲
男
删除
2
任我行
男
删除
3
岳不群
?
删除

轮播图

表单格式校验

账号1
密码1

表单全选

学生信息表
编号
姓名
性别
操作
1
令狐冲
男
删除
2
任我行
男
删除
3
岳不群
?
删除

动态表单

学生信息表
编号
姓名
性别
操作
1
令狐冲
男
删除
2
任我行
男
删除
3
岳不群
?
删除

99乘法表

Vue

1.引入vue
2.创建vue对象
3.编写input标签，引用v-model指令

{{username}}

vue的基本指令

• v-bind：为htm的标签href/css 动态的获取值
• v-model：在表单元素上创建双向数据绑定
  用法:

点位跳转{{username}} 

• v-if 等于if
• v-show 满足这个条件时，执行

div 1
div 2
div 3
div show

• v-for 遍历数组 （addr in addrs）addr 遍历 addrs数组

{{addr}}  


{{i+1}} {{addr}}