diff --git "a/html/stept3/web\345\211\215\347\253\257\347\254\224\350\256\260.md" "b/html/stept3/web\345\211\215\347\253\257\347\254\224\350\256\260.md"
index b36ae9773e7490c34271fe89cad7520e21918615..219234c6d062bc6debfa656fab361544ee0ee98f 100644
--- "a/html/stept3/web\345\211\215\347\253\257\347\254\224\350\256\260.md"
+++ "b/html/stept3/web\345\211\215\347\253\257\347\254\224\350\256\260.md"
@@ -315,7 +315,7 @@ css常用属性
 	差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。 
 	差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。
 	差别3：兼容性的差别：@import是CSS2.1提出的，所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
-	差别4：使用dom(document o bject model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.
+	差别4：使用dom(document object model文档对象模型 )控制样式时的差别：当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的.
 ```
 
 ## html 选择符/选择器
@@ -356,7 +356,7 @@ css常用属性
 			  样式最终会执行在写在最后的选择符选择到的元素上，写在前面的选择符都是用来缩小范围的
 			  
 	伪类选择符							权重：0010
-		a:link{属性：属性值;}超链接的初始状态;
+	    a:link{属性：属性值;}超链接的初始状态;
         a:visited{属性：属性值;}超链接被访问后的状态;
         a:hover{属性：属性值;}鼠标悬停，即鼠标划过超链接时的状态;
         a:active{属性：属性值;}超链接被激活时的状态，即鼠标按下时超链接的状态;
@@ -525,7 +525,7 @@ float		浮动属性--设置元素向哪个方向浮动显示
 		当父元素在一行上剩余空间容纳不下所有浮动元素显示，则浮动元素会换行到下一行显示，这个操作会一直到某一行拥有足够的空间容纳下所有浮动元素为止
 		换行到下一行显示的浮动元素是根据上一行最后一个浮动元素的低点作为这一行的显示顶点的
 	
-	通过浮动可以写出 文字围绕图片显示的效果
+通过浮动可以写出 文字围绕图片显示的效果
 		浮动颜色可以遮挡住元素，但是不会遮挡文字显示，文字会在父元素的剩余空间中显示出来
 ```
 
@@ -766,7 +766,7 @@ em单位	相对单位		1em等于当前位置的字体大小值，默认情况下
 		给父元素添加 text-align: center;
 ```
 
-## html 置换元素与费置换元素
+## html 置换元素与非置换元素
 
 ```
 在之前的浅谈HTML中的块级元素和内联元素中了解到了内联元素一般是不能设置宽高的，但是也有特殊。比如img是内联元素，但可以设置宽高，这肯定让不少人迷惑。这样我们就要引入HTML中置换元素的概念（非置换元素在w3c中没有给出明确的解释，姑且我们就把除置换元素外的元素当作非置换元素吧）
@@ -807,7 +807,7 @@ em单位	相对单位		1em等于当前位置的字体大小值，默认情况下
 		根据left/right/top/bottom进行元素的位置偏移值的设置
 	sticky		生成粘性定位的元素---了解即可
 		基于用户滚动的位置定位
-		从行为上有点向相对定位，不会使元素脱离文档六
+		从行为上有点向相对定位，不会使元素脱离文档流
 		当粘性定位元素向上滚动到设置的目标位置时，会像固定定位一样将元素固定在浏览器窗口的位置
 	
 设定定位元素的位置偏移值
@@ -1323,7 +1323,7 @@ source          标签为媒介元素（比如在 <video> 和 <audio>）定义
 
 
 
-## html   UI元素装填伪类选择符
+## html   UI元素状态伪类选择符
 
 ```
 		<style type="text/css">
@@ -1900,7 +1900,7 @@ vmax：vw和vh中较大的那个。
 ## html  图片整合
 
 ```
-片整合（CSS Sprites的原理）
+图片整合（CSS Sprites的原理）
        将导航背景图片，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用”background-position”来实现背景图片的定位技术（图片精灵  精灵图  雪碧图  图片整合）。
 
 优点:
@@ -1935,7 +1935,7 @@ vmax：vw和vh中较大的那个。
 # html css 总结
 
 ```
-1 主要给用户增加体验度的是  过度 和css3动画， 过度 只要监控的属性变化就出发，动画 是页面进入就开始
+主要给用户增加体验度的是  过度 和css3动画， 过度 只要监控的属性变化就出发，动画 是页面进入就开始
 ```
 
 # JavaScript最新笔记
@@ -2380,7 +2380,7 @@ ctx.strokeText('hello world',300,150)//ctx.fillText(text,x,y,maxWith)   空心
     requestAnimationFrame = requestAnimationFrame || webkitRequestAnimationFrame || mozRequestAnimationFrame || msRequestAnimationFrame
 ```
 
-## js  websocket（全双工通信协议）(2)
+## js  websocket（全双工通信协议）(1)
 
 ```
 	   //连接服务器
@@ -3606,7 +3606,7 @@ charAt()
 语法：
 
 ```
-1 字符串.charAt(index);
+ 字符串.charAt(index);
 ```
 
 charCodeAt()
@@ -4587,15 +4587,15 @@ let t
 
 标签对象.onclick=function(){
 
-if(t) return
+    if(t) return
 
-t=setTimeout(()=>{
+    t=setTimeout(()=>{
 
-console.log(2)
+        console.log(2)
 
-t=null
+        t=null
 
-},3000)
+    },3000)
 
 }
 ```
@@ -5107,7 +5107,7 @@ h5 sessionStorage  窗口
 ## ts 的缺点
 
 ````
-有一定的学习成本，需要理解接口（Interfaces）、泛型（Generics）、类（Classes）、枚举类型
+有一定的学习成本，需要理解接口（Interfaces）、泛型（Generics）、类（Classes）、枚举、元组类型
 （Enums）等前端开发可能不是很熟悉的知识点
 ````
 
@@ -5156,9 +5156,7 @@ let tom: Person = { name: 'Tom'};
 
 函数类型的定义 输入类型，输出类型
 void表示无返回值
-
-
-   
+ 
 ```
 
 ## ts  类的修饰符
@@ -5250,8 +5248,8 @@ void表示无返回值
         num[num["green"] = 2] = "green";
     })(num || (num = {}));
     打印出 为  {0: 'red', 1: 'blue', 2: 'green', red: 0, blue: 1, green: 2}
-    获取  arr[1]  //'blue'
-          arr['green']  //2
+    获取  num[1]  //'blue'
+          num['green']  //2
     其实不难理解，自己好好想想
 ```
 
@@ -7527,7 +7525,6 @@ app.use(session({
       v-show="条件"
    ```
 
-
 **v-show和v-if的区别**
 
 ```
@@ -9481,7 +9478,7 @@ SPA优缺点
 >        // 触发mutations语法：context.commit(mutations方法名 [,参数])
 >        actions: { 方法名(context) {},.... }  
 >    })
->                                                                                                                                                                                                                                                                                                                                                                                  
+>                                                                                                                                                                                                                                                                                                                                                                                        
 >    state&getters都是在computed里面调用 -> 接着视图使用计算属性语法显示
 >    mutations&actions都是在methods里面调用 -> 接着视图触发事件调用方法即可
 >    ```
@@ -9785,7 +9782,7 @@ module.exports = {
 
 方案一 
 在 package.json文件中加入  "proxy": "http://kg.zhaodashen.cn/v2/(这是你需要访问的真实地址)"
-切记  不需要在 封装的请求的加入apid
+切记  不需要在 封装的请求的加入api等
 
 方案二 
 1、.安装http-proxy-middleware
@@ -10236,11 +10233,11 @@ params this.$router.push('/my?值') 或者 this.$router.push({name:'/my',params:
 
 
 切记   params 传参 一定要在定义路由的时候，给路由定义参数并加冒号，例如
-const router = new VueRouter({routes: [{path: '/params/:id', component: params},]})
+const router = new VueRouter({routes: [{path: '/params/:id',name:'my', component: params},]})
 路由模式不写，默认为hash 路由
 
 切记   如果params 定义路由的时候如果没给路由定义参数并加冒号
-可以这样传参   this.$router.push({name:'/my',params:{键：值}})  ，会造成闪存，也就是刷新丢失。
+可以这样传参   this.$router.push({name:'my',params:{键：值}})  ，会造成闪存，也就是刷新丢失。
 
 获取路由参数  （在js环境中要加this,在组件中可以去掉）
 query     this.$route.query.键
@@ -12196,7 +12193,7 @@ react-router-dom 是关于路由的配置 导出{BrowserRouter as Router, Route,
 5. 通过Route定义路径&组件
 ------------------------------------------------
 其中 BrowserRouter 为history 路由，HashRouter为hash路由。
-Route 则包装一个个子路由，
+Router 则包装一个个子路由，
 Link用于跳转到某个路由，
 NavLink可以给路由添加className= active 类,用来加样式
 Switch 包住的路由中只能显示一个，通常与 exact(精确的)配合使用，使其精确匹配
@@ -12271,7 +12268,7 @@ this.props.history.go(-1/2数字)
 3 query 传参
 <Link to={{pathnname:'路由名'，query:{键：值}}}>声明式导航一</Link>
 <button onClike={()=>this.props.history.push({pathcname:'路由名'，query:{键：值}})}>编程式导航一</button>
-获取：this.props.l.params
+获取：this.props.location.paramshistory
 以上是常用语法，其中：
 params 传参，可刷新，地址栏显示
 state  传参 ，BrowserRoute模式可刷新，HashRouter模式刷新丢失，且地址栏不显示