Coder Social home page Coder Social logo

zheye's Introduction

Vue3+TS 仿知乎项目

写一个项目进行 vue3 及 TS 的进一步学习

安装 bootstrap:

npm install bootstrap@next --save
全局 Loading 新思路:

之前想法: 在每个页面上通过发送请求的数据的有无来实现 loading 效果。。。 现在想法: 在 axios 中使用请求拦截和响应拦截,当请求拦截时向 store 中发送 loading 的函数,值为 true,在响应拦截中发送 loading 的函数,值为 false,这样可以在 store 中设置全局的 loading(true/false),然后每个页面引入 store 中 state 中的 loading 的值,如果为 true 就出现加载动画,如果为 false 就关闭加载动画,这是还有一个细节就是在发送请求前判断是否有值,如果有值就不发送请求,这样既能减少性能消耗也能防止每跳转一次页面 loading 动画出现一次

zheye's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.