获得徽章 0
- Promise 一段匪夷所思的代码
在下面的代码中,由于加了return Promise.resolve()
好像卡住了两次 microtask 导致了后面的 ‘4’ 在 ‘d‘ 之后输出,
按我的理解应该在 ’c‘ 后面输出才对。
有木有大佬能给我解答一下,我看了网上的资料和Promise实现,都没办法解答这个问题。
new Promise(resolve => [
resolve()
]).then(() => {
console.log('1');
new Promise(resolve => {
resolve()
}).then(() => {
console.log('2');
}).then(() => {
console.log('3');
return Promise.resolve()
}).then(() => {
console.log('4');
}).then(() => {
console.log('5');
})
}).then(() => {
console.log('a');
}).then(() => {
console.log('b');
}).then(() => {
console.log('c');
}).then(() => {
console.log('d');
}).then(() => {
console.log('e');
})展开166 - Morning~想知道浏览器能做哪些你不知道的操作?那今天就推荐一个纯前端在线图片压缩小工具——image-compress-without-backend。无需上传照片到服务器,只在浏览器端便“顷刻”完成,十分高效。非常适用于图片压缩后质量要求不是很高的场景,比如:移动端图片展示等。
hellogithub.com
745 - TADA! 没错这里是 HG 每日推荐频道,今天为有打算换工作的前端er准备了一份关于准备前端面试的复习汇总项目——fe-interview,项目不定时更新。这不仅仅是一份用于求职面试的攻略,也是一份前端小伙伴用来检视自己,实现突破的宝典。希望通过这个指南,大家可以打通自己的任督二脉,在前端的路上更进一步,奥利给!
hellogithub.com
展开评论4 - 强烈推荐一个零配置开箱即用的React/Vue应用自动化构建脚手架
项目地址:github.com,欢迎Star
基于Webpack4进行开发的npm模块,集成Handlebars、Postcss、Sass、Less、Babel、TypeScript、Stylelint、Eslint、Tslint等工具扩展构建功能
极简的项目目录,真正实现质壁分离(构建代码与业务代码完全分离
),快速开发React/Vue项目的必备选择
展开1247 - 今天接触到了一个场景:在web-view中由于性能限制,如果使用setTimeout定时器或者window.requestAnimation来写动画,页面会感觉非常卡。有一个很好的方案解决,用CSS写关键帧。不过由于动画中的某些元素是变量,所以需要在JS中写关键帧。具体的解决方案见图410
- 用 git 命令 push 完代码,想看仓库网页内容是否更新成功还需要再去打开网页查看的操作会不会让你觉得很烦躁?想不想体验一下一气呵成的顺畅感?今天推荐的就可以帮你解决这个麻烦:git-open。只要直接输入 git open 命令,浏览器就能自动打开对应的仓库的网页。还支持 GitHub、GitLab、Bitbucket等等。嘘,这个小窍门我只和你一个人说,快来试试吧!
hellogithub.com
展开429