Lodash 控制ajax请求频率工具
来源:互联网 发布:淘宝红翼 编辑:程序博客网 时间:2024/06/03 18:00
例如:
<div id="watch-example"><p>Ask a yes/no question:<input v-model="question"></p><p>{{ answer }}</p></div>
<!-- 因为 AJAX 库和通用工具的生态已经相当丰富,Vue 核心代码没有重复 --><!-- 提供这些功能以保持精简。这也可以让你自由选择自己更熟悉的工具。 --><script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script><script>var watchExampleVM = new Vue({el: '#watch-example',data: {question: '',answer: 'I cannot give you an answer until you ask a question!'},watch: {// 如果 `question` 发生改变,这个函数就会运行question: function (newQuestion) {this.answer = 'Waiting for you to stop typing...'this.getAnswer()}},methods: {// `_.debounce` 是一个通过 Lodash 限制操作频率的函数。// 在这个例子中,我们希望限制访问 yesno.wtf/api 的频率// AJAX 请求直到用户输入完毕才会发出。想要了解更多关于// `_.debounce` 函数 (及其近亲 `_.throttle`) 的知识,// 请参考:https://lodash.com/docs#debouncegetAnswer: _.debounce(function () {if (this.question.indexOf('?') === -1) {this.answer = 'Questions usually contain a question mark. ;-)'return}this.answer = 'Thinking...'var vm = thisaxios.get('https://yesno.wtf/api').then(function (response) {vm.answer = _.capitalize(response.data.answer)}).catch(function (error) {vm.answer = 'Error! Could not reach the API. ' + error})},// 这是我们为判定用户停止输入等待的毫秒数500)}})</script>
阅读全文
0 0
- Lodash 控制ajax请求频率工具
- lodash:javascript工具库
- Lodash和Underscore工具
- ajax请求工具类
- JavaScript工具库之Lodash
- JavaScript工具库之Lodash
- lodash
- lodash
- lodash
- Lodash
- lodash
- Lodash中十个常用的工具函数
- Lodash中十个常用的工具函数
- Lodash.js:实用的工具库
- Ajax动态请求,控制页面显示
- ubuntu cpu频率控制
- Linux CPU频率控制
- Redis控制调用频率
- 背包问题的C语言实现
- 函数
- 通过JS原型定义字符串格式化方法
- 《人生就是一个不断相遇与离别的过程》
- kali linux liveU盘制作live USB persistence
- Lodash 控制ajax请求频率工具
- 列表推导(List Comprehension)
- ESLint可共享配置发布,团队自定义ESLint规则新鲜出炉
- list与Set、Map区别及适用场景
- 【NOIP2017提高A组模拟10.10】Graph
- python图形界面GUI编程之tkinter布局
- linux libmodbus的移植
- 驱动开发入门
- 解码过程