了不起的Virtual DOM(二): 使用TypeScript开发简易Virtual DOM库

2019-07-28
阅读 15 分钟
2.7k
首先欢迎大家关注、点赞、收藏我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。之前的文章我们介绍了MV*框架的历史以及React引入Virtual DOM所带来的新的解决思路,俗话说,百闻不如一见,百见不如一干。这篇文章我们将尝试使用去实现一个Virtua...

React Hooks入门: 基础

2019-03-02
阅读 12 分钟
4.4k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励,希望大家多多关注呀!React 16.8中新增了Hooks特性,并且在React官方文档中新增加了Hooks模块介绍新特性,可见React对Hooks的重视程度,如果你还不清楚Hooks是什么,强烈建议你了解一下,...

重拾React: Context

2019-01-17
阅读 8 分钟
1.5k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励,希望大家多多关注呀!好久已经没写React,发现连Context都发生了变化,忽然有一种村里刚通上的网的感觉,可能文章所提及的知识点已经算是过时了,仅仅算作是自己的学习体验吧,

重拾React: React 16.0

2018-12-09
阅读 8 分钟
1.5k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励,希望大家多多关注呀!从今年年初离开React开发岗,React就慢慢淡出我的学习范围。现在想重拾一下React相关的知识,可能文章所提及的知识点已经算是过时了,仅仅算作是自己的学习体验吧,  

跨域不完全探究

2018-12-02
阅读 5 分钟
1.5k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。最近工作上事情比较繁多导致博客一度断更,为了挽救惨淡的关注量并兼顾自己有限的时间,准备近期多推出一些有关前端的基础知识学习,一起夯实基础。希望大家多多关注呀!  

JavaScript阴沟里翻船之运算符优先级

2018-11-25
阅读 2 分钟
1.2k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法变现,坚持下去也是靠的是自己的热情和大家的鼓励。各位读者的Star是激励我前进的动力,请不要吝惜。 

Vue同构(三): 状态与数据

2018-08-22
阅读 9 分钟
2.5k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法变现,坚持下去也是靠的是自己的热情和大家的鼓励。各位读者的Star是激励我前进的动力,请不要吝惜。

Vue同构(二): 路由与代码分割

2018-08-19
阅读 10 分钟
3.8k
上一篇文章Vue同构(一)我们介绍了如果使用Vue同构在服务端渲染一个简单组件并在服务端对应激活。对应的代码已经上传到Github。本篇文章我们介绍Vue同构中路由相关的知识。

Vue同构(一): 快速上手

2018-08-10
阅读 10 分钟
4.4k
Vue同构也就是我们常说的服务器渲染(Server Side Render),服务器渲染放在今天已经算不上是一个新鲜的东西了,从React到Vue都有各自的服务器渲染方案,很多小伙伴可能都有所接触,首先我们要了解一下为什么需要服务器渲染呢?Vue和React这类框架有一个特点,都属于浏览器渲染,比如一个最简单的例子:  

Vue: Binding与Watcher

2018-07-25
阅读 13 分钟
2k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。接下来的日子我应该会着力写一系列关于Vue与React内部原理的文章,感兴趣的同学点个关注或者Star。

Vue响应式数据: Observer模块实现

2018-07-01
阅读 19 分钟
3.9k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。接下来的日子我应该会着力写一系列关于Vue与React内部原理的文章,感兴趣的同学点个关注或者Star。  之前的两篇文章响应式数据与数据依赖基本原理和从Vue数组响应化所引发的思考我们介绍...

从Vue数组响应化所引发的思考

2018-06-14
阅读 6 分钟
2.1k
从上一篇文章响应式数据与数据依赖基本原理开始,我就萌发了想要研究Vue源码的想法。最近看了youngwind的一篇文章如何监听一个数组的变化发现Vue早期实现监听数组的方式和我的实现稍有区别。并且在两年前作者对其中的一些代码的理解有误,在阅读完评论中@Ma63d的评论之后,感觉收益匪浅。

响应式数据与数据依赖基本原理

2018-05-28
阅读 9 分钟
5.6k
国内前端算是属于Vue与React两分天下,提到Vue,最令人印象深刻的就是双向绑定了,想要深入的理解双向绑定,最重要的就是明白响应式数据的原理。这篇文章不会去一字一句的分析Vue中是如何实现响应式数据的,我们只会从原理的角度去考量如何实现一个简单的响应式模块,希望能对你有些许的帮助。  

JavaScript基础: 类与继承

2018-03-25
阅读 6 分钟
1.7k
首先欢迎大家关注我的Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。    许久已经没有写东西了,因为杂七杂八的原因最近一直没有抽出时间来把写作坚持下来,感觉和跑步一样,一旦松懈下来就很难再次捡起来。最近一直想重新静下心来写点什么,选题又成为...

了不起的Virtual DOM(一):起源

2017-12-22
阅读 4 分钟
5k
之所以想写本系列文章的主要原因是将近一个月时间没有写点东西了,加上最近各种事情特别多使得我没有过多的时间研究自己喜欢的东西。前段时间看到大神livoras的博客,关于Virtual DOM的讲解的非常透彻,由于自己从事React开发,也算是Virtual DOM的使用者,所以萌发了写关于Virtual DOM的系列文章,并且也想尝试自己实现...

从Preact了解一个类React的框架是怎么实现的(三): 组件

2017-10-26
阅读 20 分钟
2.7k
首先欢迎大家关注我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。  之前分享过几篇关于React的文章:

从Preact了解一个类React的框架是怎么实现的(二): 元素diff

2017-09-24
阅读 22 分钟
3.6k
首先欢迎大家关注我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。  之前分享过几篇关于React的文章:

从Preact了解一个类React的框架是怎么实现的(一): 元素创建

2017-09-11
阅读 7 分钟
3k
首先欢迎大家关注我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。  之前分享过几篇关于React的文章:

[React技术内幕] key带来了什么

2017-09-03
阅读 7 分钟
3.4k
首先欢迎大家关注我的掘金账号和Github博客,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。   大家在使用React的过程中,当组件的子元素是一系列类型相同元素时,就必须添加一个属性key,否则React将给出一个warning:     所以我们需要了解一下key值在React中起到...

[React技术内幕]:setState的秘密

2017-08-22
阅读 16 分钟
6k
对于大多数的React开发者,setState可能是最常用的API之一。React作为View层,通过改变data从而引发UI的更新。React不像Vue这种MVVM库,直接修改data并不能视图的改变,更新状态(state)的过程必须使用setState。  

庖丁解牛React-Redux(二): connect

2017-07-25
阅读 16 分钟
4.2k
上篇文章庖丁解牛React-Redux(一): connectAdvanced介绍了react-redux的Provider、connectAdvanced几个重要API的原理,其中connectAdvanced是connect函数的基础,这篇文章将主要介绍connect函数的原理。之前没有阅读过connectAdvanced最好提前阅读一下这篇文章。之前的文章有读者反映看起来比较晦涩,所以我准备随后会出...

Redux:自问自答

2017-07-19
阅读 5 分钟
4.3k
前段时间看了Redux的源码,写了一篇关于Redux的源码分析: Redux:百行代码千行文档,没有看的小伙伴可以看一下,整篇文章主要是对Redux运行的原理进行了大致的解析,但是其实有很多内容并没有明确地深究为什么要这么做?本篇文章的内容主要就是我自己提出一些问题,然后试着去回答这个问题,再次做个广告,欢迎大家关注我...

庖丁解牛React-Redux(一): connectAdvanced

2017-07-09
阅读 19 分钟
4.1k
转眼间2017年已经过了一半了,看到之前有人问是否完成了自己半年的计划,答案是:当然没有啦。感觉自己现在对技术产生了敬畏,因为要学习的知识是在是太多了,而自己的时间和精力却很难达到目标,目前处在比较焦虑的状态。自己是年初进入掘金的,半年内虽然文章的阅读量不错但是关注度太低,半年就混了40个关注,说来真是...

我所认识的JavaScript作用域链和原型链

2017-06-28
阅读 5 分钟
6.3k
毕业也整整一年了,看着很多学弟都毕业了,忽然心中颇有感慨,时间一去不复还呀。记得从去年这个时候接触到JavaScript,从一开始就很喜欢这门语言,当时迷迷糊糊看完了《JavaScript高级程序设计》这本书,似懂非懂。这几天又再次回顾了这本书,之前很多不理解的内容似乎开始有些豁然开朗了。为了防止之后自己又开始模糊,...

React Native与Iconfont

2017-06-26
阅读 5 分钟
15.4k
之前总是想写一些关于学习体会和感受的文章,今天也来一篇关于React Native的教程文章。前段时间我尝试着用React Native构建一个论坛的APP,在这个过程中遇见一个问题: 最开始我是用图片的形式去构建APP中的图标,但用图片构建图标的过程中会遇到一个问题,就是图片的加载速度非常之慢,APP页面加载过程中图标会出现留白...

Redux:百行代码千行文档

2017-06-02
阅读 19 分钟
5.1k
接触Redux不过短短半年,从开始看官方文档的一头雾水,到渐渐已经理解了Redux到底是在做什么,但是绝大数场景下Redux都是配合React一同使用的,因而会引入了React-Redux库,但是正是因为React-Redux库封装了大量方法,使得我们对Redux的理解变的开始模糊。这篇文章将会在Redux源码的角度分析Redux,希望你在阅读之前有部...

React生命周期浅谈

2017-05-18
阅读 14 分钟
2.6k
React学习过程中,对于组件最重要的(也可能是之一)的莫过于是组件的生命周期了,React相当于使用状态来映射到界面输出,通过状态的改变从而改变界面效果。在状态的改变过程中,必须要经历组件的生命周期。

为什么React和Immutable是好朋友

2017-05-13
阅读 4 分钟
6.7k
目前工作中用到了React,搭配一起使用了Immutable.js。之前没有静下来思考一下为什么React社区这么推崇搭配一起使用Immutable。正好想写篇文章分析一下这个问题。之前我翻译了React官方文档中Advanced Guides中关于一致化处理(Reconciliation)和性能优化(Optimizing Performance)就涉及到这方面的内容。

React 高阶组件(HOC)入门指南

2017-05-12
阅读 7 分钟
10.6k
之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的,能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章[Mixins Considered Harmful]([链接]介绍了Mixin带来的一些问题,总结下来主要是以下几点:

React Mixins入门指南

2017-03-24
阅读 6 分钟
10.1k
对于很多初级的前端工程师对mixins的概念并不是很了解,也没有在React中尝试使用过Mixins,这边文章基本会按照Mixins的作用、用途、原理等多个方面介绍React中Mixins的使用。  首先解释一下什么是Mixins,在一些大型项目中经常会存在多个组件需要使用相同的功能的情况,如果在每个组件中都重复性的加入相同的代码,那...