setInterval
发表于|更新于
|浏览量:
坍圮的殿堂总还是庙，冷落的圣像依然是神。
在前端开发中我们或许想定时做一些操作
可以使用一个setInterval函数去做
1 | // 定时控制台打印ruben |
可以打开控制台看到效果
相关推荐
2022-03-06
redux-saga
活着就意味着必须做点什么，请好好努力。——《地下》 我们知道React等单页应用在开发时，页面变化依赖于state 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state（状态）。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。 管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化，那么当 view 变化时，就可能引起对应 model 以及另一个 model 的变化，依次地，可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候，由于什么原因，如何变化已然不受控制。 当系统变得错综复杂的时候，想重现问题或者添加新功能就会变得举步维艰。 如果这还不够糟糕，考虑一些来自前端开发领域的新需求，如更新调优、服务端渲染、路由跳转前请求数据等等。前端开发者正在经受前所未有的复杂性，难道就这么放弃了吗？当然不是。 这里的复杂性很大程度上来自于...
2021-09-27
vue中属性简写
任何职业都不简单，如果只是一般地完成任务当然不太困难，但要真正事业有所成就，给社会做出贡献，就不是那么容易的，所以，搞各行各业都需要树雄心大志，有了志气，才会随时提高标准来要求自己。 —— 谢觉哉 我们可以在包含vue-loader的vue项目中如下写法 123<div :class="[{ active: active }, isButton ? prefix + '-button' : null]"></div><!-- 简写 --><div :class="{ active, [`${prefix}-button`]: isButton }"></div> 这里三个值： 12345678910export default { data() { return { active: true, isButton: true, prefix: '...
2025-03-27
gitalk
我荒废了时间，时间便把我荒废了。——莎士比亚 https://github.com/gitalk/gitalk https://gitalk.github.io/ 用 Gitalk 给博客添加评论系统：优雅、开源、无后端依赖 在搭建个人博客时，我们经常面临一个小难题：评论系统用什么好？传统方案如 Disqus 虽然功能强大，但加载慢、隐私问题多；国内的评论系统则可能存在稳定性和接入成本。 于是我选择了一个更极客、更自由的方式：Gitalk —— 一个基于 GitHub Issues 的评论系统。 什么是 Gitalk？Gitalk 是一个利用 GitHub Issues 构建的评论系统，由 gitalk 开发者团队 创建。它的设计理念很简单： 既然每个人都有 GitHub 账号，为什么不能用 GitHub 直接发评论？ 它通过 GitHub 的 OAuth 授权，允许访问者在你指定的仓库中创建/回复 issue，从而完成评论功能。 Gitalk 的优点 ✅ 完全免费，只依赖 GitHub，无需后端服务器 ✅ 界面简洁，支持 Markdown、高亮、表情 ...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密，但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子，对应的标签为plate，鼠标移动上去还有高亮，我们需要选中所有的盘子则使用plate标签选择器 源码地址：https://github.com/flukeout/css-diner
2020-08-19
js使用for in取动态key参数
It’s a nice day for coding,isn’t it?Ha ha! 今天遇到一种服务端响应的参数，key是动态的 就像这样 我们一般静态key取值就是直接 1data.data.id.username 但这种id是动态的 我们就只能用for in的方式取值了 12345678var data = { "msg": "查询成功！", "code": 200, "data": { "2f793b1baf4b441c99a12d22af6678aa": { "username": "ruben2", "password": null, "userInfo": null, "genderEnum": null }, "59fa61fe88b64df58568a7046f17ab38": { &qu...
2022-08-08
乾坤
生如夏花之绚烂，死如秋叶之静美。——泰戈尔《生如夏花》 分享一个微前端框架乾坤：https://qiankun.umijs.org/zh github：https://github.com/umijs/qiankun 快速开始：https://qiankun.umijs.org/zh/guide/getting-started 快速上手主应用1. 安装 qiankun1$ yarn add qiankun # 或者 npm i qiankun -S 2. 在主应用中注册微应用123import { registerMicroApps, start } from 'qiankun';registerMicroApps([ { name: 'react app', // app name registered entry: '//localhost:7100', container: '#yourContainer', activeRule...