前端
JavaScript 面试系列:如何理解 ES6 中 Generator ?常用使用场景有哪些?
image.png
一、介绍
Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同
回顾下上文提到的解决异步的手段:
回调函数
promise
那么,上文我们提到 promsie 已经是一种比较流行的解决异步方案,那么为什么还出现 Generator?甚至 async/await 呢?
该问题我们留在后面再进行分析,下面先认识下 Generat
退出操作二次确认怎么做代码才更优雅 —— BLoC轻松解决
前言
在 flutter_bloc提供了一个状态监听组件 BlocListener,当状态发生改变时会调用listener参数给定的回调函数,这个方法没有返回值,可以用于我们处理一些提醒,例如显示弹窗提醒或确认,显示状态信息等等。有了 BlocListener,相当于给我们提供了一个额外处理对象变化的入口。接下来我们通过BlocListener实现某些 App退出登录前的二次确认。
登录状态
为了
Node.js 19 正式发布
Node.js 19 在今天正式发布了,此次更新包括将 V8 JavaScript 引擎更新到 10.7,以及默认启用 HTTP (s)/1.1 KeepAlive。
Node.js 18 在本月晚些时候将进入长期支持(LTS),Node.js 19 将取代 Node.js 18 成为 "Current" 版本。
image.png
node --watch(实验性)
运行时最近增加的
判断iframe链接页面 服务器状态
项目要求:
通过按钮点击事件,使用iframe来显示不同的内容(跨域)。
问题:
iframe链接内容的服务器未开启的时候,页面显示404, 用户体验太差。
要求:
服务器未开启的时候,显示页面需要友好。
解决办法:通过计算iframe的加载内容的时间,做超时判断,如果5s内未加载完成,就认为此时iframe链接的服务器未开启; 未开启的情况下,给iframe上层覆盖个div(内容自定义)。这样既
CSS 实现卡片边框渐变动画
前言
👏CSS实现卡片边框渐变动画,速速来Get吧~
🥇文末分享源代码。记得点赞+关注+收藏!
1.实现效果
在这里插入图片描述
2.实现步骤
父容器添加背景渐变色
在这里插入图片描述
<div class="card"></div>
.card {
background: linear-gradient(0deg, #ff1d74, #
50行代码用Vue实现可拖拽调节的分割布局
按住分割线调节比例
实现并不难,但是网上其他的文章实在是把简单的事情复杂化了
今天教大家的方法超级简洁!!!!只用50行代码!!
当鼠标在分割线位置按下时
triggerDragging变量变为true
这时split-pane-wrapper的mousemove中判断triggerDragging
如果为true则改变leftOffset,pane-left的width就会随之改