JavaWeb开发基础：前端常识速成——HTML、CSS、JS、Vue、Ajax、前端工程化

Web技术教程W3School：https://www.w3school.com.cn

文章目录

• 1 HTML、CSS
• • 1.1 基本标签
  • 1.2 CSS样式
  • • 1.2.1 基本概念
    • 1.2.2 选择器
    • 1.2.3 伪类
    • 1.2.4 常用样式
    • 1.3 布局
    • 1.4 表格
    • 1.5 表单
    • 1.6. BootStrap
    • • 1.6.1 介绍&下载
      • 1.6.2 导航
      • 1.6.3 栅格系统
      • 1.6.4 container
      • 1.6.5 面板
      • 2 JavaScript
      • • 2.1 引入方式
        • 2.2 基础语法
        • • 2.2.1 书写语法
          • 2.2.2 定义变量
          • 2.2.3 数据类型
          • 2.2.4 运算符与流程控制
          • 2.3 函数
          • 2.4 对象
          • • 2.4.1 Array
            • 2.4.2 String
            • 2.4.3 JSON
            • 2.4.4 BOM
            • 2.4.5 DOM
            • 2.5 事件监听
            • 3 Vue
            • • 3.1 概述
              • 3.2 常用指令
              • • 3.2.1 v-bind、v-model
                • 3.2.2 v-on
                • 3.2.3 v-if、v-else-if、v-else、v-show
                • 3.2.4 v-for
                • 3.3 生命周期
                • 4 Ajax、前端工程化
                • • 4.1 Ajax概述
                  • 4.2 原生Ajax
                  • 4.3 Axios
                  • • 综合案例：通过Axios获取数据并遍历展示
                    • 4.4 前端工程化
                    • • 4.4.1 前后端开发概述
                      • 4.4.2 Vue脚手架：Vue-cli
                      • 4.4.3 Vue项目开发流程
                      • 4.5 Element-UI
                      • 4.6 Vue路由

                        ---

                        1 HTML、CSS

                        1.1 基本标签

                        特点

                        • HTML标签不区分大小写
                        • HTML标签属性值单双引号都可以
                        • HTML语法松散

                        1. 标题标签：

                           ...

                           （h1 → h6）
                        2. 水平线标签：

                           ---

                        3. 图片标签：
                           • 绝对路径：绝对磁盘路径（D:/xxxx）、绝对网络路径（https://xxxx）
                           • 相对路径：从当前文件开始查找（./：当前目录，../：上级目录）
                           • 超链接：
                             • href：指定资源访问的url
                             • target：指定在何处打开资源链接——_self默认值，在当前页面打开；_blank在空白页面打开
                             • 音频、视频
                             • 换行
                               、段落

                               （空格占位符 ）

                             • 文本加粗标签：、

                        1.2 CSS样式

                        1.2.1 基本概念

                        引入方式

                        • 行内样式：

                        • 内嵌样式：
                        • 外联样式：