第一篇博客

郭帅 郭老师

CSS

标题：

一个# 一级标题 两个 二级标题

二级标题

三级标题

四级标题

五级标题

六级标题

 

字体

Hello,World! 两边两个 *

Hello,World! 两边一个*

Hello,World! 两边三个*

Hello,World! 两边两个~

 

引用

狂神说Java 一个> 表示引用

分割线

---

三个 - 分割线 或者 三个*

 

图片

 

 

超链接

点击跳转到我的博客

 

列表

1. 1+.即可

2. 这是一个有序列表

 

• -+.

• 这是一个无序列表

 

表格

名字	性别	生日
张三	男	1997.1.11

 

代码

public class Main{
    public static void main(String[] args){
        
    }
}
class people{
    
}

 

样式

盒子模型（我是谁）

选择器（选谁）

布局（横向）

具体样式效果

 

javascript（Java的脚本语言）

为了扩展浏览器功能（增加交互）

上古时代的头部公司：网景（做浏览器的，其内核现在被所有做浏览器的公司所借鉴，如火狐等，率先开发了脚本语言，当时并不叫JavaScript，叫livescript实时交互） 微软（搞了个jscript盗版）

出来个大佬 w3c组织将 jscript和sun公司的 JavaScript统一为了 ECMAScript（只是现在还叫它JavaScript）

所以 之前用的 ES6语法其实是 ECMAScript 。。。。。。蛙趣！

 

 

JavaScript 的交互功能

效果交互 数据交互（ajxs）阿贾克斯异步传参 借助第三方框架，比如jquery（一个JavaScript的库）比如layui echarts 图表库（大数据可视化） vue（去dom操作） react

 

什么叫框架

框架就是已经封装好提炼好的东西，用就完了，脚手架

用原生的东西造的工具（看文档，很好学）

 

VSCode快捷键

! + Tab 生成html文件骨架元素

元素名称 生成元素标签

大括号{} 生成元素内容，可以结合$依次生成数字

括号 自由特定结合

乘号 批量生成相同的元素

加号 批量生成不同的元素

大于号 生成子元素

 

 

http 超文本传输协议 （一个可以传送超文本内容的规则）加 s是安全，加了一个安全协议

html 超文本内容

热更新

span 标签是将内容连起来 一个span是一个独立空间，便于以后做定点处理，比如添加样式

a 标签 超链接标签

  <!-- span*5{qcby} -->
​
  <span style="color: red;">qcby</span><span>qcby</span><span>qcby</span><span>qcby</span><span>qcby</span>
​
​
<hr>
    <hr>
    <hr>
    <hr>   <!--水平线-->
    <hr>
    <hr>
​
    <div>qcby</div>
    <div>qc<br>by</div>    <!--这里的 <br> 有头没尾 是空标签   可以起到换行作用-->
    <div>qcby</div>    <!--div十分干净，因此我们喜欢用div来设计-->
​
    <a href="http://"></a>
        <!-- a:link   a 标签  超链接标签-->
​
​

 

热更新（Hot Module Replacement）原理