理解浏览器中的Event Loop机制

前言

前几天在理解node的事件环机制中引发了我对浏览器里Event Loop的好奇。我们都知道javascript是单线程的,任务是需要一个一个按顺序执行的,如果javascript有两个线程,一个为DOM增加样式,一个却要删除DOM,这样岂不是就会很混乱。单线程可以节约内存,但是必须等待前一个任务完成后才能执行下一个任务。接下来理解浏览器中的Event Loop,先看一张图:

Alt text

Departures -EGOIST

EGOIST是「罪恶王冠」中设定的拥有超高人气及超大影响力的的网络歌手,就是女主角啦。而实际上这位歌手则是由chelly担任演唱的角色。她淡雅清新的声音配上ryo清新的曲风,足以让我平静,就是那么好听啦。

Alt text

解析Object.defineProperty

关于Object.defineProperty

Object.defineProperty()是ES5的一个方法,vue.js的数据双向绑定便是通过这个方法实现的。所以defineProperty有必要了解一下。

Vue的observer和watcher实现原理

前言

之前了解了一下Object.defineProperty();接下来就想理解一下vue的双向绑定原理。

实现vue的$watch

先使用一下vue的$watch()方法:

1
2
3
4
5
6
7
const app = new Vue({
data:{
a:1
}
})
app.$watch("a",()=>console.log("监听成功"))
app.a='hello';//打印 监听成功

一个小小的水球动画

前言

前段时间公司有个数据可视化的项目,要求就是动感炫酷,恰好我想到有个降雨量可以用球型加载的效果,于是便自己动手写了个水球插件,插件可以在我的github上下载。

样式预览

我的第一篇blog

为什么要写博客

其实一开始并无写博客的想法,后来在码代码的过程中,遇到的许多问题都能在他人的博客中找到解决途径。在不断的品读大神的博客后,我渐渐生出了想融入博客圈的想法。