FIT输入法创始人 @杰克华君 离开我们

FIT输入法的创始人冯华君去世,他的妻子在其微博上公布了这一消息,并提到冯华君平静地离世。冯华君曾积极参与开源社区并贡献了FIT输入法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

参加OSC应用开发大赛,拿Nexus 4手机 活动详情

用 Mac 系统的朋友可能会知道 FIT 输入法,它是由 @杰克华君 创办的,今天晚上从他爱人的微博@月光美少女战士 得知他已经永远的离开我们。

冯华君妻子微博称:“华君收到了大家的祝福,感谢大家的鼓励;同时他也收到了乔布斯的offer letter,很靓仔很平静地于11:35去找教主了。他日江湖再见。”


冯华君(左)和同学吴晓丹

尽管未曾谋面,曾经在OSC广州源创会上邀请的 FIT 输入法另外一个开发者给大家做分享时与他有过联系,也通过分享对 FIT 输入法和创办人有所了解,仅此而已。

这时候说什么都是多余的,希望他一路走好!

希望大家保重自己的身体!

在 Vue3 中,核心的响应式代码位于 `@vue/reactivity` 模块下,主要包括 `reactive` 函数、`effect` 函数、`ref` 函数和 `computed` 函数。下面我将逐一介绍它们的原理和示例。 ## reactive 函数 `reactive` 函数用于将一个普通对象转换为响应式对象。它的实现方式基于 ES6 中的 Proxy,会拦截对象上的所有属性的 get 和 set 操作,并在这些操作中进行依赖收集和触发更新。具体而言,`reactive` 函数的实现方式如下: ```javascript import { reactive } from '@vue/reactivity' const state = reactive({ count: 0 }) console.log(state.count) // 0 state.count++ console.log(state.count) // 1 ``` 这个例子中我们使用 `reactive` 函数将一个普通对象转换为响应式对象,然后可以像访问普通对象一样访问它的属性。当我们修改这个对象的属性时,Vue3 会自动检测到这个修改,并触发相应的更新操作。 ## effect 函数 `effect` 函数用于创建一个响应式的副作用函数,会自动收集依赖关系并在依赖发生变化时重新执行。具体而言,`effect` 函数的实现方式如下: ```javascript import { reactive, effect } from '@vue/reactivity' const state = reactive({ count: 0 }) effect(() => { console.log(state.count) }) state.count++ // 输出 1 ``` 这个例子中我们使用 `effect` 函数创建了一个副作用函数,它会自动收集 `console.log(state.count)` 这个表达式的依赖关系,并在 `state.count` 发生变化时重新执行这个表达式。因此,当我们执行 `state.count++` 操作时,会输出 `1`。 ## ref 函数 `ref` 函数用于创建一个可变的响应式对象。它的实现方式基于 ES6 中的 Proxy,会拦截对象上的 get 和 set 操作,并在这些操作中进行依赖收集和触发更新。具体而言,`ref` 函数的实现方式如下: ```javascript import { ref } from '@vue/reactivity' const count = ref(0) console.log(count.value) // 0 count.value++ console.log(count.value) // 1 ``` 这个例子中我们使用 `ref` 函数创建了一个可变的响应式对象 `count`,并可以通过 `count.value` 访问它的值。当我们修改 `count.value` 的值时,Vue3 会自动检测到这个修改,并触发相应的更新操作。 ## computed 函数 `computed` 函数用于创建一个计算属性,会自动收集依赖关系并在依赖发生变化时重新计算。具体而言,`computed` 函数的实现方式如下: ```javascript import { reactive, computed } from '@vue/reactivity' const state = reactive({ count: 0 }) const doubled = computed(() => { return state.count * 2 }) console.log(doubled.value) // 0 state.count++ console.log(doubled.value) // 2 ``` 这个例子中我们使用 `computed` 函数创建了一个计算属性 `doubled`,它会自动收集 `state.count` 这个响应式对象的依赖关系,并在 `state.count` 发生变化时重新计算。因此,当我们执行 `state.count++` 操作时,会输出 `2`。 综上所述,`reactive` 函数、`effect` 函数、`ref` 函数和 `computed` 函数是 Vue3 响应式系统的核心部分,它们的实现方式基于 ES6 中的 Proxy 和依赖收集,并能够帮助我们更加方便地处理数据的变化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值