游客ekifwqb233tlk_社区达人页

2023年05月

• 05.07 12:18:30
  发表了文章 2023-05-07 12:18:30

  Vue3原理实战运用，我用40行代码把他装进了React做状态管理

  vue-next是Vue3的源码仓库，Vue3采用lerna做package的划分，而响应式能力@vue/reactivity被划分到了单独的一个package中。 如果我们想把它集成到React中，可行吗？来试一试吧。
• 05.07 12:18:04
  发表了文章 2023-05-07 12:18:04

  一道价值25k的腾讯递归组件面试题（Vue3 + TS 实现）

  小伙伴们好久不见，最近刚入职新公司，需求排的很满，平常是实在没时间写文章了，更新频率会变得比较慢。 周末在家闲着无聊，突然小弟过来紧急求助，说是面试腾讯的时候，对方给了个 Vue 的递归菜单要求实现，回来找我复盘。 正好这周是小周，没想着出去玩，就在家写写代码吧，我看了一下需求，确实是比较复杂，需要利用好递归组件，正好趁着这个机会总结一篇 Vue3 + TS 实现递归组件的文章。
• 05.07 12:13:36
  发表了文章 2023-05-07 12:13:36

  深入解析价值25k的蚂蚁金服异步串行面试题

  注：代码有错，请阅读原文。朋友去面试蚂蚁金服，遇到了一道面试题，乍一看感觉挺简单的，但是实现起来发现内部值得一提的点还是挺多的。
• 05.07 12:11:07
  发表了文章 2023-05-07 12:11:07

  深入解析 Vue 的热更新原理，尤大是如何巧用源码中的细节？

  大家都用过 Vue-CLI 创建 vue 应用，在开发的时候我们修改了 vue 文件，保存了文件，浏览器上就自动更新出我们写的组件内容，非常的顺滑流畅，大大提高了开发效率。想知道这背后是怎么实现的吗，其实代码并不复杂。
• 05.07 12:07:39
  发表了文章 2023-05-07 12:07:39

  深入 TypeScript 中的子类型、逆变、协变，进阶 Vue3 源码前必须搞懂的。

  TypeScript 中有很多地方涉及到子类型 subtype、父类型 supertype 的概念，如果搞不清这些概念，那么很可能被报错搞得无从下手，或者在写一些复杂类型的时候看到别人可以这么写，但是不知道为什么他可以生效。（就是我自己没错了）
• 05.07 12:02:07
  发表了文章 2023-05-07 12:02:07

  手写Promise最简20行版本，实现异步链式调用。（重构版）

  在面试的时候，经常会有面试官让你实现一个 Promise，如果参照 A+规范来实现的话，可能面到天黑都结束不了。
• 05.07 11:52:49
  发表了文章 2023-05-07 11:52:49

  手写async await的 20 行最简实现，阿里面试热门题

  如果让你手写async函数的实现，你是不是会觉得很复杂？这篇文章带你用20行搞定它的核心。
• 05.07 11:50:45
  发表了文章 2023-05-07 11:50:45

  前端电商 sku 的全排列算法很难吗？学会这个套路，彻底掌握排列组合

  前段时间在掘金看到一个热帖 《今天又懒得加班了，能写出这两个算法吗？带你去电商公司写商品中心》，里面提到了一个比较有意思故事，大意就是一个看似比较简单的电商 sku 的全排列组合算法，但是却有好多人没能顺利写出来。有一个毕业生小伙子在面试的时候给出了思路，但是进去以后还是没写出来，羞愧跑路~
• 05.07 11:47:36
  发表了文章 2023-05-07 11:47:36

  写给初中级前端的高级进阶指南（万字路线）

  由于公众号文章不允许外链，需要跳转文中链接的同学可以在脚注里找到各个的资源链接，也可以通过点击阅读原文更加方便的跳转链接
• 05.07 11:47:04
  发表了文章 2023-05-07 11:47:04

  TypeScript 期中考试现在开始

  相信这段时间来，对 TypeScript 感兴趣的小伙伴们已经把这个神器给系统的学习了一遍了吧。如果计划开始学习但是还没有开始，或者没有找到资料的同学，可以看下我在之前文章中 前端进阶指南[1] 找一下 TypeScript 部分的教程，自行学习。
• 05.07 11:45:43
  发表了文章 2023-05-07 11:45:43

  前端动画必知必会：React 和 Vue 都在用的 FLIP 思想实战。

  在 Vue 的官网中的过渡动画章节中，可以看到一个很酷炫的动画效果
• 05.07 11:44:03
  发表了文章 2023-05-07 11:44:03

  前端网红框架的插件机制全梳理（axios、koa、redux、vuex）

  前端中的库很多，开发这些库的作者会尽可能的覆盖到大家在业务中千奇百怪的需求，但是总有无法预料到的，所以优秀的库就需要提供一种机制，让开发者可以干预插件中间的一些环节，从而完成自己的一些需求。
• 05.07 11:43:04
  发表了文章 2023-05-07 11:43:04

  React-Redux 100行代码简易版探究原理

  各位使用 react 技术栈的小伙伴都不可避免的接触过redux + react-redux的这套组合，众所周知 redux 是一个非常精简的库，它和 react 是没有做任何结合的，甚至可以在 vue 项目中使用。
• 05.07 11:42:25
  发表了文章 2023-05-07 11:42:25

  从最简单的斐波那契数列来学习动态规划。（JavaScript版本）

  斐波那契数列是一个很经典的问题，虽然它很简单，但是在优化求解它的时候可以延伸出很多实用的优化算法。
• 05.07 11:40:56
  发表了文章 2023-05-07 11:40:56

  Vue 3.0 这个迷人的小妖精，到底好在哪里？

  这几天 Vue 3.0 Beta 版本发布了，本以为是皆大欢喜的一件事情，但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点：
• 05.07 11:30:30
  发表了文章 2023-05-07 11:30:30

  从零带你手把手实现Vue3响应式原理-下（Map和Set的处理）

  在本系列的上一篇文章 带你彻底搞懂Vue3的响应式原理！TypeScript从零实现基于Proxy的响应式库。[1]中 我们详细的讲解了普通对象和数组实现响应式的原理，但是Proxy可以做的远不止于此，对于es6中新增的、、、也一样可以实现响应式的支持。MapSetWeakMapWeakSet
• 05.07 11:17:56
  发表了文章 2023-05-07 11:17:56

  Vue3 尝鲜 Hook + TypeScript 取代 Vuex 实现图书管理小型应用

  Vue3 Beta版发布了，离正式投入生产使用又更近了一步。此外，React Hook在社区的发展也是如火如荼。 一时间大家都觉得Redux很low，都在研究各种各样配合hook实现的新形状态管理模式。
• 05.07 11:11:21
  发表了文章 2023-05-07 11:11:21

  从零带你手把手实现Vue3响应式原理-上（非玩具）

  笔者最近在浏览React状态管理库的时候，发现了一些响应式的状态管理库如hodux,react-easy-state，内部有一个基于proxy实现响应式的基础仓库observer-util，它的代码实现和Vue3中的响应式原理非常相似，这篇文章就从这个仓库入手，一步一步带你剖析响应式的实现。
• 05.07 11:01:36
  发表了文章 2023-05-07 11:01:36

  为什么说 Vue 的响应式更新精确到组件级别？（原理深度解析）

  我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。
• 05.07 10:52:40
  发表了文章 2023-05-07 10:52:40

  Vue3 跟着尤雨溪学 TypeScript 之 Ref 类型从零实现

  Vue3 中，ref 是一个新出现的 api，不太了解这个 api 的小伙伴可以先看 官方api文档。 简单介绍来说，响应式的属性依赖一个复杂类型的载体，想象一下这样的场景，你有一个数字 count 需要响应式的改变。
• 05.07 10:40:04
  发表了文章 2023-05-07 10:40:04

  Vue3 的响应式和以前有什么区别，Proxy 无敌？（源码级详解）

  大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。
• 05.07 10:23:28
  发表了文章 2023-05-07 10:23:28

  Vue 的计算属性如何实现缓存？（原理深入揭秘）

  很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的
• 05.07 10:12:01
  发表了文章 2023-05-07 10:12:01

  实现最精简的响应式系统来学习Vue的data、computed、watch源码

  记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅读源码变得越来越困难，但是面试的时候，Vue的响应式原理几乎成了Vue技术栈的公司面试中高级前端必问的点之一。
• 05.07 09:57:47
  发表了文章 2023-05-07 09:57:47

  Vue 进阶必学之高阶组件 HOC

  高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。
• 05.07 00:34:01
  发表了文章 2023-05-07 00:34:01

  请你说说Vue中slot和solt-scope的原理（2.6.11深度解析）

  Vue 中的 slot 和 slot-scope 一直是一个进阶的概念，对于我们的日常的组件开发中不常接触，但是却非常强大和灵活。
• 05.07 00:22:39
  发表了文章 2023-05-07 00:22:39

  面试官：为什么Vue中不要用index作为key？（diff算法详解）

  Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。
• 05.07 00:17:36
  发表了文章 2023-05-07 00:17:36

  面试官：Vue和React对于组建的更新粒度有什么区别？

  我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。