[回顾] 回顾一些前端的小知识

本文介绍了HTML的基础标签,包括表单元素如input、select等,CSS的选择器及其语法,以及JavaScript的基本语法、变量、流程控制、数组和函数,还提到了Element-Plus这个前端组件库和Ajax技术,特别是axios框架的应用。
摘要由CSDN通过智能技术生成

1、html相关知识

*html标签

        *表单标签

                *input通过type属性

                    *test

                    *password

                    *radio

                    *checkbox

                    *file

                    *hidden

                *select

                    *option:下拉列表中的一项

                *textarea:多行文本框

                *button:按钮

                    *submit

                    *reset

                    *button

        *非表单标签

                *div

                    *布局,控制内容出现的位置

                    *显示相关内容

                *table

                    *thead

                    *tbody

                       *tr

                           *td

                           *th

                    *tfoot

                *a:对应router-link

                *span

                *p

                *img

                *ul(无序列表)

                       *li

                *ol(有序列表)

                       *li

*css样式

        *语法

选择器{

    属性:值;
}

        *选择器

                标签选择器:以标签名命名,只针对同名的标签起作用

a{
    color:red;

}

                类选择器:以.开头声明,必须通过class属性引入

<style>
    .red{

        font-size:13px;
    }
</style>
<body>
    <p class='red'>
        ddd
    </p>
    <div class='red'>
    你好
    </div>
</body>

                id选择器:以#开头声明,必须通过id属性引入,只针对一个控件用于页面布局

<style>
    #container{
        wide:80%;
        height:90%;
    }
<body>
    <div id='container'>
    你好
    </div>
</body>

*js脚本

        *语法

                *变量

                        let

                *流程控制

                        if

                        for

               * 数组

                let names=new Array();

                *函数的定义

                       * 标准格式

                        function 函数名称(){

                        }

                        *声明式

                        let 函数=function(){

                        }

        *本地存储:把数据存储到浏览器

        *JSON:js中的对象

let stu={stuId:1,stuName:'张三'}

        *ajax:页面不刷新技术

                *axios框架

2、element-plus,标签库(点击标题即可进入)

标签库内容,尽情期待...

  • 20
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小七ee

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值