摘要: 本文将对 React 的16.4版本中,生命周期中的三大阶段:挂载、更新、卸载的执行场景和使用的使用场景进行简要的概述,更多关于 React 生命周期的最新使用,请查看官网 挂载阶段: 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constructor() 执行场景 在 Reac 阅读全文
posted @ 2020-04-18 17:01 Welin 阅读(143) 评论(0) 推荐(0)
摘要: 本文将简要讲解一些在 vue-cli 环境下 vue-router 常用的 api 适合新手围观,篇幅有限,更多内容请参考 vue 的官网 当我们在 vue-cli 环境下引入 vue-router 之后,可以在 router 文件夹下看到index.js内部关于 vue-router 的详细配置 阅读全文
posted @ 2020-03-29 14:50 Welin 阅读(192) 评论(0) 推荐(0)
摘要: 本文将通过模拟发送get请求使用swiper制作一个简易的banner图,结合Vue的生命周期的特点进行讲解 首先我们先进行案例的简单布局 准备一个list.json {"bannerList":[ {"id":"614","image":"http:\/\/game.dolapocket.com\ 阅读全文
posted @ 2020-03-24 21:23 Welin 阅读(527) 评论(0) 推荐(0)
摘要: 本文将简单为大家讲解虚拟Dom与diff算法 众所周知,真实的dom就是浏览器渲染而成的一棵真实的dom树。然而,当我们每一次对这一棵真实的dom树进行修改的时候,我们的浏览器并不会去寻找你到底对这棵真实的dom树哪里进行修改了,浏览器只会直接砍掉这棵真实的dom树,再把你修改好的dom重新渲染一棵 阅读全文
posted @ 2020-03-23 20:41 Welin 阅读(309) 评论(0) 推荐(0)
摘要: JavaScript 设计模式 一个模式就是一个可重用的方案。当代码是建立在行之有效的模式上时,我们可以花更少的时间去关心我们的代码结构,从而能花更多的时间关注我们的解决方案的整体质量。 本文将简略通俗地,向大家说明常见的三大 JavaScript 设计模式:单例模式、组合模式、观察者模式 单例模式 阅读全文
posted @ 2020-02-24 19:52 Welin 阅读(276) 评论(0) 推荐(0)