从渲染以及内在执行过程角度阐述Vue2.x中data与computed的原理

网上已经有很多文章结合源码叙述了Vue框架中data与computed的实现原理，但大多都是在源代码的基础上进行讲解，对于没有仔细读过源码的同学来说，理解起来会有些费劲。这篇文章会从这两者的渲染以及内部执行过程来阐述内在原理。（注：不会过于分析源代码，想根据源码理解的，请阅读相关的文章）

more >>

展开全文 >>

Javascript面试题 —— setTimeout+promise经典面试题分析（弄懂Js执行机制Event Loop）

在网上看JS面试题的时候，经常会遇到以下这个题目，会问这段代码的执行结果：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
console.log(1)

setTimeout(() => {
    console.log(2)
}, 0)

new Promise((resolve, reject) => {
    console.log(3)
    for(let i=0; i<1000; i++){
        if(i === 999){
            resolve()
        }
    }
    console.log(4)
}).then(() => {
    console.log(5)
})

console.log(6)

当然网上肯定也会有解答，但大多数都分析的不够彻底。现在就来彻底分析以下：

more >>

展开全文 >>

react-router4自定义prompt组件，以及在redux或mobx中应用

react-router4提供了prompt组件，用于在路由改变之前触发确认框，点击确认可以进行跳转，点取消可以取消跳转保持在当前路由内。它底层的实现应用了原生JS的confirm，弹出的效果也跟confirm一样，但在日常的开发中，这种confirm效果肯定不是我们想要的，但也无法通过CSS来修改，不过仔细阅读一下react-router4的官方文档，可以知道在根路由上有getUserConfirmation事件，在这个事件中就可以控制prompt。

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

前端小白一枚<br><br>乐于学习实践web<br>对主流知识有浓厚兴趣<br><br>欢迎大家来分享、评论