前端问题和经验总结

经验总结

  1. 在fixed的div中,滚轮的滚动事件失效
  2. 浏览器禁止直接访问本地资源文件,如果仍要将图片放在本地,可以使用node搭建一个简单的本地服务器,用来访问本地图片
  3. 前端使用input上传图片之后获取不到文件的全路径名
  4. 在vue中,axios请求可能还未结束,导致需要渲染组件或者使用的数据不存在,从而报错(即使在then中执行打印,也可能在请求之前打印,导致数据不存在出错)
  5. $router:是路由操作对象,只写对象;$route:路由信息对象,只读对象
    所以前者一般用于路由跳转,后者用于跳转后获取参数
  6. axios的请求发生时机:axios.get()方法被调用后,它会异步创建一个Http请求。这个请求不会立即发出,而是先被加到一个队列中。在事件循环的下一个Tick中,Axios会从队列中取出请求,并将其发送给服务器。
    当服务器响应请求时,Axios会将响应数据封装成一个对象,并作为Promise对象的参数来resolve它。此时,你可以在Promise的then方法中访问响应数据,并对其进行处理。
    因此,虽然axios.get()方法的执行可能很快就完成了,但实际上它所发起的请求要经历一段时间的等待和处理,才能最终得到响应数据。
  7. axios.all(axiosList) // 并发处理多个Promise组成的集合
        .then(axios.spread((...result) => {}))     // then中的函数会在axiosList中所有的Promise返回响应后再执行    axios.spread()中可以用函数作为参数,且该参数函数的形参的顺序和Promise的顺序保持一致(该参数函数的形参也可以是数组)
        .catch(异常处理)
    
Contents
  1. 1. 经验总结
|