SSM框架基础 (0) :前端速成(HTML、CSS、JS、Vue…)

2024-07-09 1122阅读

JavaWeb开发 SSM框架基础 前端速成——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 概述
                    • 4.2 原生Ajax
                    • 4.3 Axios
                    • 综合案例:通过Axios获取数据并遍历展示
                    • 5 前端工程化
                      • 5.1 前后端开发概述
                      • 5.2 Vue脚手架:Vue-cli
                      • 5.3 Vue项目开发流程
                      • 5.4 Element-UI
                      • 5.5 Vue路由

                        1 HTML、CSS

                        1.1 基本标签

                        	
                        		Title
                        	
                        	
                        	
                        	
                        
                        

                        特点

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

                            https://blog.csdn.net/Akira37/article/details/...

                            (h1 → h6)
                          2. 水平线标签:
                          3. 图片标签:SSM框架基础 (0) :前端速成(HTML、CSS、JS、Vue…)
                            • 绝对路径:绝对磁盘路径(D:/xxxx)、绝对网络路径(https://xxxx)
                            • 相对路径:从当前文件开始查找(./:当前目录,../:上级目录)
                            • 超链接:
                              • href:指定资源访问的url
                              • target:指定在何处打开资源链接——_self默认值,在当前页面打开;_blank在空白页面打开
                              • 音频、视频
                              • 换行
                                、段落

                                (空格占位符 )

                              • 文本加粗标签:、

                          1.2 CSS样式

                          1.2.1 基本概念

                          引入方式

                          • 行内样式:

                          • 内嵌样式: https://blog.csdn.net/Akira37/article/details/...
                          • 外联样式:
VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]