chonglingliu

Promise是JS进行异步操作的重要API，也是开发基本上绕不开的技术，所以很有必要对其进行深入的了解。本文我们就 一步步手动实现Promise的相关功能。 Promis...

侦听器的实现逻辑 我们先来看看一个最简单的使用方式(watch的使用方式非常灵活，我们通过简单的使用方式来了解流程)： 对监听数据求值的实现 逻辑在doWatch方法中： ...

Vue3.0 新增了一个Teleport组件，开发者可以使用它将其所在组件模板的部分内容移动到特定的DOM位置，譬如body或者其他任意位置。 Vue 2.0要实现对应的功...

Provide和Inject可以在祖(父)组件和子(孙)组件间实现传值。相比prop只能父子之间传值而言，Provide和Inject传值更方便，相比vuex又更轻量。 接...

reactive对传入的类型是有限制的，必须是对象或者数组。对一些基础类型，例如string, number，boolean等不支持，如果要使用reactiveAPI必须将...

前面关于响应式的两篇文章，分别介绍了响应式实现原理和计算属性，本篇文章我们来看看其他响应式API的使用和实现原理。 reactive 使用方式 实现原理 请参阅本系列的Vu...

我们在上一章节介绍了响应式的原理，本文我们来探讨一下Vue 3.0的计算属性的实现原理。如果没有阅读过上一篇文章，建议请先阅读上一篇文章再来看本文，否则可能会有些迷糊。 使...

我们知道Vue 2.0是利用Ojbect.defineProperty对对象的已有属性值的读取和修改进行劫持，但是这个API不能监听对象属性的监听和删除，此外为了深度劫持对...

Vue.js可以让组件的使用者在组件外部传递props参数，组件拿到这些props的值来实现各种各样的功能。本文我们就来探讨下组件props的初始化和更新流程。 在前一篇文...

在Vue 3.0的使用中我们可以不使用data、props、methods、computed等Option函数，可以只下在setup函数中进行编写代码逻辑。当然为了和Vue...

上篇文章我们介绍了组件的渲染流程，本篇文章我们来介绍响应式数据变化后组件的更新渲染流程。最后有不看文章的分析总结图。 案例 为了方便介绍流程，我们这里举一个例子： App组...

Vue简单易上手，只需要简单的文档说明就能上手开发。虽然本人也有一直使用Vue 2.0的项目开发经验，以前也只了解一点核心代码逻辑，没有全面阅读过Vue 2.0的源码。Vu...

为了方便记录一些个人随笔，我最近用Laravel和Vue 3.0撸了一个博客系统，其中使用到了一个基于 markdown-it 的 markdown 编辑器Vue组件v-m...

不知道大家有没有一个疑问：Dart是单线程执行，那它是如何实现异步操作的呢？ 本文将对Dart/Flutter提供的Isolate,Event Loop,Future,as...

上篇文章我们介绍了如何将Flutter模块混入iOS项目中，本篇文章我们来介绍下Android项目混入Flutter模块的方法。 建议先阅读一下Flutter混合开发—iO...

很多情况下用Flutter来编写整个项目是不太现实的。例如公司已经有了成熟的App产品了，去用Flutter去重写整个项目会有很大的工作量和功能上的风险；有时候公司出于谨慎...

上一篇文章我们一起来实现了iOS平台的插件开发，本节我们来看看Android平台的插件是如何实现的。 本文只会涉及到Android端的代码了，因为Flutter端代码是通用...

Flutter的愿景是一般的开发者只需要开发Flutter代码就能实现跨平台的应用，官方提供了一些插件，也有很多可以可以直接拿来使用的第三方插件。 但是现实是现实，例如当遇...

如果App的用户使用的是不同语言，那进行国际化是必要的。国际化主要包括文案的国际化(不同的语言展示不同的文案)和布局的国际化(从左到右还是从右到左布局)。不同语言涉及的业务...

Navigator 2.0作为新一代的路由提供了申明式的API，更加符合Flutter的风格。Navigator 2.0向前兼容，新增了一些新的API，使用的方式和Navi...