call、apply、bind的作用是改变函数运行时this的指向,所以先说清楚this。 以下是函数的调用方法: 方法调用模式: 当一个函数被保存为对象的一个方法时,如果调...
call、apply、bind的作用是改变函数运行时this的指向,所以先说清楚this。 以下是函数的调用方法: 方法调用模式: 当一个函数被保存为对象的一个方法时,如果调...
目录 传统盒模型 Flexbox 布局方式 Flexbox 核心概念 Flex 容器属性 flex-direction :项目元素排列的方向 flex-wrap :项目元素排...
前言 Vue.js 的核心包括一套“响应式系统”。 “响应式”,是指当数据改变后,Vue 会通知到使用该数据的代码。例如,视图渲染中使用了数据,数据改变后,视图也会自动更新。...
文章参考阮一峰:MVC,MVP 和 MVVM 的图示深入响应式原理 最近工作中一直在使用Vue这一款框架作为开发工具,但是用了之后发现自身对于MVVM的概念并不了解。所以写下...
简单讲讲我与前端的故事吧。 刚接触前端时,所有静态资源CSS、图片和JS都是手动引入HTML页面中,这并没有什么不好,想要什么就引入什么嘛。另外,所见即所得,开发好的项目文件...
webpack是什么 webpack官方文档说webpack是一个module bundler(模块打包器)。第一次听到这个概念的时候,你可能会想这是什么鬼,我好好写我的代码...
1.什么是 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览...
稍微了解前端的人都知道,圣杯布局和双飞翼布局是前端面试时必问的问题,因为它既能体现你懂HTML结构又能体现出你对DIV+CSS布局的掌握,毕竟我们学习CSS主要就是为了更好地...
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的...
CSS是一门15分钟就能入门,但是却需要很长很长的时间才能掌握好的语言。它有着它自身的一些复杂性与局限性。其中非常重要的一点就是,本身不具备模块化的能力。 面临的问题 你可能...
纵观JavaScript中所有必须需要掌握的重点知识中,函数是我们在初学的时候最容易忽视的一个知识点。在学习的过程中,可能会有很多人、很多文章告诉你面向对象很重要,原型很重要...
简介 Lodash是一个著名的javascript原生库,不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是,很多方法lodash...
我运行了之后,原本按波老师说的应该属于第一次循环时执行的微任务glob1_nextTick和glob2_nextTick ,却在第二轮循环的微任务中执行。。请问下是为什么呢?
golb1
glob1_promise
glob2_promise
glob1_then
glob2_then
immediate1
immediate1_promise
rimmediate1_then
timeout1
timeout1_promise
timeout1_then
glob1_nextTick
glob2_nextTick
immediate1_nextTick
timeout1_nextTick
timeout2
timeout2_promise
timeout2_then
immediate2
immediate2_promise
immediate2_then
timeout2_nextTick
immediate2_nextTick
JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了。为了解决自己的这个困扰,在学习的过程中,我一直在...
我运行了之后,原本按波老师说的应该属于第一次循环时执行的微任务glob1_nextTick和glob2_nextTick ,却在第二轮循环的微任务中执行。。请问下是为什么呢?
golb1
glob1_promise
glob2_promise
glob1_then
glob2_then
immediate1
immediate1_promise
rimmediate1_then
timeout1
timeout1_promise
timeout1_then
glob1_nextTick
glob2_nextTick
immediate1_nextTick
timeout1_nextTick
timeout2
timeout2_promise
timeout2_then
immediate2
immediate2_promise
immediate2_then
timeout2_nextTick
immediate2_nextTick
前端基础进阶(十四):深入核心,详解事件循环机制JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了。为了解决自己的这个困扰,在学习的过程中,我一直在...
重新理了下思路,觉得作者还是要把编译环境写出来,不然很容易导致误解。
1. 浏览器标准环境中(比如说谷歌webkit内核),是一个宏任务紧接着所有微任务执行。
2. 在node环境中,则又不一样了,是一个类型宏任务队列执行完,再去执行微任务。
自己运行一下代码,就可以发现了。
不知道这样理解是否正确,还有想问一下作者,为什么执行完setImmediate的所有微任务,才算是第二轮结束,这里觉得比较匪夷所思。
CSS里transform变形这个属性有点学习难度,尤其在CSS3里加上了3D效果之后,2维变3维学习成本更是成倍提高。为什么设计师的眼里饱含着泪水,因为对页面效果爱的深沉。...
专门来感谢波老师,计算机这门科学正是有波老师这样的人无私的把自己的东西贡献出来才有这样繁荣的发展,记得看到一句话,如果每个程序员都写博客,中国的计算机行业到达顶端只是时间的问题。从波老师的文章中学到了太多东西,感谢