摘要：
引言：为什么数据流管理如此重要？react的核心思想就是：UI=render(data)，data就是我们说的数据流，render是react提供的纯函数，所以用户界面的展示完全取决于数据层。这篇文章希望能用最浅显易懂的话，将react中的数据流管理，从自身到借助第三方库，将这些概念理清楚。我会列举 阅读全文
posted @ 2019-03-07 09:44
言先生
阅读(4566)
评论(1)
推荐(2)
2025年5月29日
摘要：
最近在开发过程中，一个外包同学遇到这样一段代码，他不太能理解为什么执行顺序不是他期望的，让我帮他解答一下，后来我看了一下，还蛮有意思的，我还给域内同学看了一下，有的也踩到坑里去了，于是我写了一段简版的，分享给大家 添加图片注释，不超过 140 字（可选） 这段代码执行完，应该会打印什么呢？ 那位同学 阅读全文
posted @ 2025-05-29 14:56
言先生
阅读(6)
评论(0)
推荐(0)
摘要：
一，目标 今天打算做一些webpack打包编译的速度优化。 二，准备工作 当前webpack版本 4.43.0 首先，既然是做速度优化，就得先知道当前的编译速度是多少。 推荐这个插件：speed-measure-webpack-plugin GitHub地址： https://github.com/ 阅读全文
posted @ 2025-05-29 14:55
言先生
阅读(34)
评论(0)
推荐(0)
摘要：
背景 目前现有的监控平台针对H5在线应用，提供的可监控指标较少，特别是在性能指标这块，因此当我们有H5在线应用时，没办法做到更全面的性能数据监控，更没办法针对不同的维度去做性能优化。 其实之前在携程的时候，也做过H5性能监控，但是针对指标这块，并没有非常详细地去深入研究过，正好借这个机会，好好整理了 阅读全文
posted @ 2025-05-29 14:54
言先生
阅读(24)
评论(0)
推荐(0)
摘要：
前言： 所有的编程语言都具备一个基本功能，储存、访问、修改变量的值，这种能力将状态带给了程序。 那问题来了：变量储存在哪里？如何访问到它们？ 一，编译原理 一段源代码在执行前会经历的三个步骤，统称为编译。 1，传统编译语言（这里以执行“var a = 2;”为例） 1️⃣ 分词/词法分析（Token 阅读全文
posted @ 2025-05-29 14:53
言先生
阅读(9)
评论(0)
推荐(0)
摘要：
引言：很多人在学习Babel的时候，不知道怎么入手，除了那些生硬的配置文件，还要掌握哪些知（mian）识（shi）点（ti）呢？今天笔者就总结了一些你需要了解的Babel相关的知识点。 注：本篇是根据最新babel 7版本写的，里面用到的一些babel相关包都是babel 7的 1，babel是如何 阅读全文
posted @ 2025-05-29 14:51
言先生
阅读(14)
评论(0)
推荐(0)
摘要：
for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i) }, i * 1000) } 上面这个内容会打印什么？ 看过这题的都会知道答案，每隔一秒打印一个5，打印5次。如果我想将每一轮循环的i打印出来呢，很简单，将var 阅读全文
posted @ 2025-05-29 14:50
言先生
阅读(5)
评论(0)
推荐(0)
摘要：
Event loop事件循环，是一个执行模型。不同的浏览器以及Nodejs里的具体实现是不一样的。 一，浏览器端： HTML5规范里有明确定义 简单的说： 1，JS是单线程的，执行的时候在一条主栈上； 2，当遇到异步代码时，会区分它是宏任务还是微任务； 3，比如setTimeout和setInter 阅读全文
posted @ 2025-05-29 14:49
言先生
阅读(8)
评论(0)
推荐(0)
摘要：
这里先来看一段代码，这是HTML规范里提到的： eventLoop = { taskQueues: { events: [], // UI events from native GUI framework parser: [], // HTML parser callbacks: [], // se 阅读全文
posted @ 2025-05-29 14:48
言先生
阅读(9)
评论(0)
推荐(0)
摘要：
先来看一下传统的面向类式的写法： function Foo(name) { this.name = name; } Foo.prototype.sayName = function() { console.log('name: ' + this.name) } function Bar(name, 阅读全文
posted @ 2025-05-29 14:47
言先生
阅读(4)
评论(0)
推荐(0)
摘要：
在介绍我们的主角之前，我们先来回顾一下经典的类和继承的设计模式。 如果你对这块内容比较熟悉的，可以直接跳过这篇，看（下）篇。 不过也可以看一遍，因为这块会讲得比较细，相信你会有新的收获。 先上代码 function Foo() {} Foo.prototype.print = function() 阅读全文
posted @ 2025-05-29 14:46
言先生
阅读(8)
评论(0)
推荐(0)
浙公网安备 33010602011771号