项目实战--在线教育--经验总结(一)

  1. 当我们的请求参数是json类型的参数是,我们的请求必须是Post类型的请求,否则对象无法获取到数据,前端发送的json数据我们无法接受
    1.  接收json格式的数据注意点: 我们的请求类型必须设置为post类型,使用注解@RequestBody

  2. 日志级别: OFF,FATAL, ERROR ,WARN ,INFO ,DEBUG ,ALL 

    1. 从左到右,信息依次越来越详细:默认是info
    2. #    设置日志级别
      logging:
        level:
          root: info
  3. 将日志信息输出到文件中,
    1. 再需要打印日志信息的类上加入 @ Slf4j的注解
    2. 使用 log.error(e.getMessage) 输入到error.log文件中,log.info(e.getMessage) 输入到info.log文件中
  4. VSCode使用时需要先创建工作区:先打开文件-再将工作区另存为 来创建工作区
  5. ES6是一种规范,JavaScript很好的遵循了这套规范
    1. //ES6的基本语法的使用
    2. <html>
          <script>
              // 变量的声明和赋值
              let a=10
              var b=20
              const c=20
              console.log(a)
              let [num1,num2,num3]=[10,20,30]
              console.log(num1)
              console.log(num3)
              console.log(num2)
      
              // ``:的使用,引用变量和方法
              let str1=`这个数字是${num1}`
              console.log(str1)
              function f1(){
                  return "have fun!"
              }
              let str2=`这个函数是${f1()}`
              console.log(str2)
      
              // 构建对象
              let name="张三"
              let age=20
              const person={name,age}
              console.log(person)
      
              // 函数的声明
              const One={
                  sayHi(){
                      return "函数syahi()"
                  },
                  sayHello(){
                      return "函数sayHello()"
                  }
              }
              console.log(One.sayHello)
              console.log(One.sayHi)
      
      
              // 对象的赋值
              const Dog={name,age}
              const Dog1={name:name,age:age}
              const Dog2={...Dog}
              console.log(Dog2)
      
              // 简化函数
          
              let f3=function(){
                  return "hello world"
              }
              let f2=(a,b)=>a+b
              console.log(f2)
          </script>
          <h1>hello world</h1>
      </html>

       

  6. VSCode运行的的快捷:Alt+O+L       

  7. 格式化代码:Shift + Alt + f 

  8. 自动生成html代码:!
  9.  

     

  10.  axios:

    1. Axios是什么?

      Axios 是一个基于 promise 的 HTTP 库,简单的讲就是可以发送get、post请求。说到get、post,大家应该第一时间想到的就是Jquery吧,毕竟前几年Jquery比较火的时候,大家都在用他。但是由于Vue、React等框架的出现,Jquery也不是那么吃香了。也正是Vue、React等框架的出现,促使了Axios轻量级库的出现,因为Vue等,不需要操作Dom,所以不需要引入Jquery.js了。

    2. Axios特性

      1、可以在浏览器中发送 XMLHttpRequests
      2、可以在 node.js 发送 http 请求
      3、支持 Promise API
      4、拦截请求和响应
      5、转换请求数据和响应数据
      6、能够取消请求
      7、自动转换 JSON 数据
      8、客户端支持保护安全免受 XSRF 攻击

    3. Axios用在什么场景?

      在特性里面已经有提到,浏览器发送请求,或者Node.js发送请求都可以用到Axios。像Vue、React、Node等项目就可以使用Axios,如果你的项目里面用了Jquery,此时就不需要多此一举了,jquery里面本身就可以发送请求。

  11. Node.js:
    1.  

       

    2.  

       

        
posted @ 2021-10-23 21:53  张紫韩  阅读(60)  评论(0编辑  收藏  举报