1-1 get

  1. $.get(url).then(res=>{
  2. console.log(res)
  3. });
  4. $.get(url,res=>{
  5. console.log(res)
  6. });

1-2 $.ajax

  1. $.ajax({
  2. url,
  3. type,
  4. dataType,
  5. data,
  6. success:res=>{
  7. console.log(res)
  8. }
  9. })

Axios

  1. http://www.axios-js.com/zh-cn/docs/

1-1 get

  1. axios.get(url).then(res=>{
  2. console.log(res)
  3. })

1-2 axios

  1. axios({
  2. url,
  3. baseURL,
  4. method
  5. }).then(res=>{
  6. console.log(res)
  7. })

Jquery - DOM

  1. # 获取
  2. eq()
  3. filter()
  4. find();
  5. # 遍历
  6. each,map
  1. # 操作DOM
  2. $(element).html();
  3. # 获取输入框input的值
  4. $(element).val();
  5. # 操作属性
  6. $(element).attr(key,value)
  1. # css
  2. 1-1 获取元素距离窗口的距离
  3. $(element).offset().top; //距离窗口顶部的距离
  4. $(element).offset().left; //距离窗口左手边的距离
  1. # 判断页面是否到达底部
  2. $(window).scroll(function(){
  3. var scrollTop = $(window).scrollTop(); //获取滚动条距离顶部的高
  4. var availHeight = $(window).height(); //获取可视区域的高
  5. var dw = $(document).height(); //获取内容区域的高
  6. console.log(dw)
  7. /* 滚动条的高度+可视区域的height = 内容区域的高度 */
  8. })