第四届Vue.js开发者大会由Vue.js官方举办,将于2021年05月22日在杭州正式开启。本次大会将主要采用在线直播方式与大家呈现,线下会有听少量听众席位!
关注“前端圈”公众号,查看门票相关信息
分享内容主要是现有Web开发的痛点以及Vite的解决方案。
相信很多同学或多或少的都了解过 vue3 在编译方面配合运行时做了很多性能优化方面的努力,本次分享的主题将会详细探讨实现优化的思路、问题以及应对方法,和对模板能力的探索。
过去一年,前端构建工具创新不断,Vite、Snowpack 等新型构建工具兴起,webpack 5 也做了大刀阔斧的改进。
要充分用上这些新工具的独特能力,如更快的模块热更新、跨模块代码复用、强构建缓存等,我们的项目代码也需要与时俱进。
本主题将会分享我在研究构建工具时总结的一些易于发挥工具潜力的编码技巧与开发流程实践。
对于 JSX 和 template,在大部分场景下是推荐使用 template 的,尤其是在业务场景下。虽然 Vue 3 的 template 提供了很多的性能优化,但是对于一些库的开发者来说,template 可能不够灵活,而使用 JSX 的方式就比较灵活。这次分享,将会给大家聊聊 JSX 和 template 的差异,并分享一些 Vue 3 JSX 插件的设计思路,和 Babel 插件的开发技巧。
Vue Composition API 底层原理介绍,对于编写优质的组合式函数技巧与模式的分享。
在当下,跨端已经是前端绕不开的一个话题,随着 IoT 设备的普及越来越多的“端”涌现到我们的日常开发中。自 Hybrid 、React Native(Weex)后,Flutter 凭借其精简的渲染管线以及自绘渲染的特性,一跃成为这两年跨端的新宠。但其用 Dart + Widget 的开发模式以及与前端割裂的生态造成了研发成本过高。基于这个背景,我们探索一种基于 W3C 标准的 Flutter 应用方案,向上对接前端生态,向下通过自绘保证多端一致性。将给大家带来一个用 Vue.js 开发 Flutter 应用的方案,以及 Kraken 背后的实践与思考。
新版 uni-app 编译器升级为 Vite,运行时升级为 Vue 3.0,升级后的 uni-app编译速度有了指数级的提升,运行时也有很多性能优化。
本次我将分享 uni-app 在升级 Vue 3.0 过程中的系列探索和思考,主要内容包括:
1、基于 Vite 重新实现 uni 编译器
2、利用 Composition API 重写 uni-app 内置组件
3、更小、更快、可摇树的 uni runtime
4、根据平台差异,量身裁剪 Vue 3.0 runtime
5、使用 Vue 3.0开发多端应用的优势(运行性能/灵活性/编译速度等)
在我的演讲中,我将讨论如何使用Vue 3组合式API封装基于context逻辑。
我也会分享如何将其用于简单的Vue组件和复合Vue组件之间共享逻辑。
共享复合组件的反应性context。
使用Vue 3组合式API改进了静态和服务器端渲染组件的性能。
Live coding:将popper.js组合到组合式函数中。