探索Vue的⾼高级应⽤用 Ant Design Vue ⾥里里的那些”⿊黑科技” 唐⾦金金州 搜狗、蚂蚁⾦金金服、⼀一点资讯 Ant Design Vue的诞⽣生 遇到的问题及解决⽅方案 现状及未来规划 Ant Design Vue的诞⽣生 Why How 不不要怂 就是⼲干 站在巨⼈人的肩膀上 UI=fn(state) 脚本转换 属性声明\传递、状态声明 ⽅方法 or

腾讯SNG高级前端工程师，2013 加入腾讯， 先后负责微信钱包，QQ钱包相关业务，现在是 QQ钱包，QQ智慧校园的核心开发者，喜欢前 端技术，在框架/工具方面有较深的经验沉淀。 QQ钱包优化实践 1. 性能优化：service worker 在QQ钱包的实践 2. 生产力优化： 打造QQ钱 包专属辅助系统 kavinkhuang(黄 伟明) 黄伟明，腾讯Web前端高级工程师。2011年加 dericktang(唐俊 俊) 唐俊俊，腾讯企业产品部高级前端开发工程 师，nconp核心开发者。 WebIM Node.js微服 务应用开发与实践 webim是腾讯企点重要消息 通路之一，它实现了无需客 户端就可以和腾讯企点客户 端进行即时沟通，node.js主 要实现了消息通路的前端接 入层服务，本次将基于 webim接入层实现架构，柔 性服务特性，监控上报等方 面的实践进行分享 springswang(王 springswang(王 跃) 王跃，腾讯高级前端工程师，拥有10+年前端 开发经验。2013年加入腾讯，负责互娱自助营 销系统，道聚城等多个项目前端架构和开发， 最近一年比较关注小程序发展，曾就职于搜狐 和新浪。 本次主要分享下近1年对小程 序底层框架实现原理研究和 小程序实战经验，帮助开发 者更好的理解小程序的实现 逻辑和更快速的解决问题。 lexiao(肖乐)

包等 ⾼高级特性。 Android Platform iOS Platform Web Platform React.js Library Vue.js Library 前端主导 ⽀支持最流⾏行行的框架 向阳⽽而⽣生 代码即将对外开源 （ 发布平台） User Code JavaScript Hippy 底层三⼤大特性 ⾼高性能可复⽤用滚动列列表 前端开发所熟悉的 复⽤用 拥抱标准 纯粹 只做移动端的实现 Hippy-Vue 特性 同⼀一套代码，三端运⾏行行： 移动端⽤用 Hippy-Vue 渲染原⽣生代码 浏览器器⾥里里⽤用原版 Vue 渲染⽹网⻚页代码 终端扩展 Vue.Native，可以通过它 判断是否在终端运⾏行行，访问原⽣生能⼒力力。 Hippy-Vue 特性 同样的 div 浏览器器⾥里里⽀支持的背景图样式 Hippy-Vue Hippy-Vue 同样⽀支持 跟浏览器器⼀一样通过 overflow 样式 确定滚动⽅方向 Hippy-Vue 特性 CSS display 参数⽀支持 none 值 v-show 照样使⽤用 Hippy-Vue 特性 textarea 跟浏览器器⼀一模⼀一样 v-model 直接⽤用来做数据绑定 Emoji ⽀支持没问题 ? Hippy-Vue 架构 Android Platform iOS

数次，还无法彻底解决的问题，在这次面向 Vue 3.0 构时，一次性全部解决。 Ant Design Vue 1.x 仅支持 Vue 2 ，2.x 是为了 Vue 3 开发的兼容版，并没有任何新特性，大多数的 API 也只是为了更好的兼容 Vue 3 ，3.x 版在易用性、功能、性能上都有了很大的提升，可以说是对 ue 3 比较成熟支持的版本了。 浏览器兼容性 Element Plus 和 个组件，Ant Design Vue 3.x 共 64 个组件。 ● table 组件：Element Plus 自带 virtual scroll ，Ant Design Vue 需要购买 Surely 这个高级包。 果需要用表格处理大量数据，Element Plus 更合适。Ant Design table ，定义好 columns 有几列后 用 template 写法就无法用 v-if 去隐藏某一列 ●

prop 传递到整个组件链中，这可能会很烦人。 对于这种情况，我们可以使用 provide 和 inject 对。父组件可以作为其所有子组件的依赖 项提供程序，而不管组件层次结构有多深。这个特性有两个部分：父组件有一个 provide 选项来 提供数据，子组件有一个 inject 选项来开始使用这个数据。 例如，如果我们有这样的层次结构： 1. Root 2. └─ TodoList }) 在 Vue 2 中，mixin 是将部分组件逻辑抽象成可重用块的主要工具。但是，他们有几个问题： mixin 很容易发生冲突：因为每个特性的属性都被合并到同一个组件中，所以为了避免 property 名冲突和调试，你仍然需要了解其他每个特性。 可重用性是有限的：我们不能向 mixin 传递任何参数来改变它的逻辑，这降低了它们在抽象逻 辑方面的灵活性 为了解决这些问题，我们添加了 BookStack.CN 构建 深入响应性原理 响应式原理 响应式计算和侦听 响应性 - 194 - 本文档使用 书栈网 · BookStack.CN 构建 现在是时候深入了！Vue 最独特的特性之一，是其非侵入性的响应性系统。数据模型是被代理的 JavaScript 对象。而当你修改它们时，视图会进行更新。这让状态管理非常简单直观，不过理解其 工作原理同样重要，这样你可以避开一些常见的问题。在这个章节，我们将研究一下

使⽤用⽅方式 mpvue 框架针对的使⽤用场景如何，在各种复杂的 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue 之前 了了解⼩小程序能⼒力力 & 边界 了了解 Vue.js 特性 了了解前端构建 mpvue 做什什么 & 不不做什什么 设计⼀一种编码⽅方式 确定⼀一套语法集合 内置编译构建⼯工具 推荐示例例项⽬目模板 UI 组件库 常⽤用⼯工具库 第三⽅方平台⽀支持