链接-前端备注

https://animate.style/
https://es6.ruanyifeng.com/
https://css-tricks.com/almanac/properties/a/animation/
https://echarts.apache.org/examples/zh/editor.html?c=pie-legend
https://api.apiopen.top/api.html
https://tool.oschina.net/codeformat/xml
https://www.iviewui.com/docs/introduce
https://router.vuejs.org/zh/guide/#javascript
https://www.bilibili.com/video/BV1vE411871g?spm_id_from=333.788.b_636f6d6d656e74.36
https://www.html5tricks.com/tag/html5-canvas/
https://greensock.com/gsap/
https://element.eleme.cn/#/zh-CN/component/installation
http://lodash.think2011.net/unionWith
http://www.axios-js.com/zh-cn/docs/
http://javascript.ruanyifeng.com/nodejs/module.html
https://tridiamond.tech/post/frontend%2Fbrowser-working-logic-1
https://www.animejs.cn/
http://caibaojian.com/jquery/
https://lanhuapp.com/web/#/item
https://segmentfault.com/a/1190000021628921
https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API
http://www.webgl3d.cn/
https://www.npmjs.cn/
https://github.com/ElemeFE/mint-ui/tree/master/example
http://www.framework7.cn/
https://www.iconfont.cn/
https://lbs.amap.com/api/javascript-api/guide/abc/plugins
http://lbsyun.baidu.com/index.php?title=uri/api/web
https://tool.lu/favicon/
https://www.runoob.com/ajax/ajax-tutorial.html
https://www.w3cplus.com/css3/front-end-challenge-accepted-css-3d-cube.html
https://www.html.cn/book/css/values/length/rem.htm
https://caniuse.com/?search=WebGL
https://www.cnblogs.com/maxiag/p/10297600.html
https://www.html-js.cn/details/E1KFo7cj.html
https://www.icode9.com/content-1-712135.html
https://cloud.tencent.com/developer/article/1022581
https://www.thingjs.com/guide/cn/tutorial_Introduce/Online-Development-buildScene.html
http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
https://fish.iwhalecloud.com/pto-uiux-guide/resources/html/Modify-Point.html
https://nuxtjs.org/
https://c.runoob.com/front-end/854

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Flask中实现前端实时显示后端处理进度可以通过使用WebSocket技术来实现。WebSocket是一种基于TCP的协议,可以实现双向通信,使得前后端能够在同一个连上进行实时的数据交换。 首先,我们需要在Flask中使用WebSocket,可以使用Flask-SocketIO来方便地实现WebSocket功能。安装Flask-SocketIO后,我们可以在Flask应用中使用socketio对象来实现WebSocket的功能。 在后端代码中,我们可以通过在任务处理函数中发送进度信息给前端。例如,我们可以在任务处理函数的循环中,使用socketio的emit函数发送当前任务的进度信息。前端页面将通过监听WebSocket消息的方式收进度信息。 在前端代码中,我们需要在页面中引入SocketIO的JavaScript库,并创建一个SocketIO对象。然后,我们可以使用socket.on()函数来监听后端发送的进度信息,并根据收到的进度信息来更新前端页面上的进度显示。 需要注意的是,为了防止过多的WebSocket连导致性能问题,我们可以考虑使用Flask-SocketIO提供的命名空间和房间功能。通过使用命名空间和房间,我们可以将客户端分组,只向特定的客户端发送进度信息。 总结起来,实现Flask和前端实时显示后端处理进度的关键步骤是:在Flask应用中使用Flask-SocketIO实现WebSocket功能,后端任务处理函数中使用socketio对象发送进度信息,前端页面中使用SocketIO对象监听进度信息并更新页面显示。这样就能够实现前端实时显示后端处理进度的功能了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值