用户2042024315369

在 React 组件中，props（入参）或者 state （状态）发生改变，UI 也会相应的更新。 组件更新不止来自自身状态的改变，而两个组件之间建立数据上的连接，实现组件间的通信，它的背后是 React 数据流解决方案。下面将会从各方面说明当前实践中 React 数据通信的…

最近写了很多源码分析相关的文章，React、Vue 都有，想把我阅读源码的一些心得分享给大家。 说到看源码，很多人都有个误区，觉得看源码必须要到 github 上把完整的代码 clone 下来，认为只有把完整的代码下载下来，才能开始愉快的学习。 这里我们先拿 React 举例，…

在这篇短文中，我将介绍一些你可以用来改进你的代码的方法。本文代码示例均使用 JavaScript。 我发现但凡是可读的代码必定是可维护的。 作为一名开发人员，我的目标是编写高质量的代码。团队中的每个开发人员，不管他/她的技术水平如何，都必须能够通过阅读理解我所写的代码。代码的可…

一、引言本文将会从整体上介绍vivo商城在前端维度的多端统一探索和实践。从多端价值、为什么要做多端统一、如何满足多端业务需求、实践与创新，简洁直白的阐述我们在多端统一上所做的一切。二、多端探索为viv

没学过以前是一点也不懂，在特定的场景下想不到一种通用的设计方式，设计的代码比较糟糕。 学了几个模式以后很开心想着到处用自己学过的模式，于是会造成误用模式而不自知。 学了很多设计模式，感觉诸多模式极其相似，无法分清模式之间的差异，但深知误用有害，应用时有所犹豫。 灵活应用模式，甚…

深拷贝：把复制的对象所引用的全部对象都复制一遍； 修改值不会相互影响。 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。 它将返回目标对象 （简单粗暴明了 推荐首选） 详情直戳 https://developer.mozilla.o…

1. 项目基本准备工作 以这样的方式使用ReactDOM，说明他有render这个方法。 好了，现在我们给每一个 元素打上 一个标记 ，这样的话 就可以通过这个标记 辨别出与其他 元素的关系，也可以直接通过这标记找到该元素了。 4. 重构render方法 默认传入的elemen…