IMWebConf 2017 前端开发者大会
着丰富的前端经验,也热衷于技术的开源与 分享。每年,我们都会举办自己的前端大会 ——IMWebConf。 会议日程 会议日程 大会流程: 大会流程: Node.js会场 会场 框架性能会场 框架性能会场 综合会场 综合会场 会议嘉宾 会议嘉宾 姓名 姓名 个人介绍 个人介绍 主题 主题 主题介绍 主题介绍 Philippe Le Hégaret Philippe Le ## 前世今生 - 洪荒时代 - 英雄时代 - 工业时代 ## HTTP的奇妙旅程 - koa2的请求旅程 - 任人打扮HTTP ## 进阶妙想 - 巧用中间件 - 巧用多进程 - 性能监控 - RPC 郭达峰 Strikingly/上线了 的联合创始人。于 2010 年 开发了三款 Facebook 平台的应用,获取了超 过 2 千万的用户。2012 年创立了市面上最简易 体系有较深的理解,曾参与腾讯课堂、手Q会 员,吃喝玩乐,now直播等多项业务,具有较 丰富架构经验,著有书籍《现代前端技术解 析》 React组件的运行质 量监控方案 主要讲解react组件异常日志 的捕获方式与性能问题,包 括全局捕获、入侵式捕获和 无痕方式捕获。帮助react组 件开发者调试和线上质量改 进 WebAssembly作为一种新的 面向web的二进制格式,从 设计之初,就以其高效和可0 码力 | 8 页 | 698.99 KB | 1 年前3前终端统⼀一⽅方案Hippy-Vue 设计和实现
⽀支持多平台 可动态发布 体验差 能⼒力力弱 Native 开发效率低 ⽆无法跨平台 发布复杂 体验好 能⼒力力强 传统移动端开发模式,⽆无法满⾜足业务精细化运营需求,急需寻找⼀一种⾼高性能、跨平台、动态发布的开发解决⽅方案。 前终端⼀一体化 开发效率⾼高 ⽀支持双平台 可动态发布 能⼒力力强 体验好 Hippy 简介 腾讯 Hippy 动态运营解决⽅方案由 Hippy Hippy 管理理平台 组成: • Hippy SDK 是⼀一套多端统⼀一的开发框架,它能通过 JavaScript ⾼高效率地开发出:跨平台(安卓/iOS/ Web)、⾼高性能的原⽣生应⽤用,尤其适合需要快速迭代⼜又追求⾼高性能的产品。 • Hippy 管理理平台 涵盖编译、发布、监控等动态运营所需的各个环节,并⽀支持灰度⽐比例例、ABTest、差量量包等 ⾼高级特性。 Android Platform ⽀支持最流⾏行行的框架 向阳⽽而⽣生 代码即将对外开源 ( 发布平台) User Code JavaScript Hippy 底层三⼤大特性 ⾼高性能可复⽤用滚动列列表 动画和⼿手势实现 X5 内核团队提供⽀支持 项⽬目架构 Hippy SDK 采⽤用三层设计,其中: • JavaScript 层:提供业务代码运⾏行行时的前端上下⽂文环境;0 码力 | 19 页 | 556.32 KB | 1 年前3Vue.js v3.0 教程(Vue3 教程)
now() { 3. return Date.now() 4. } 5. } 相比之下,每当触发重新渲染时,调用方法将总会再次执行函数。 我们为什么需要缓存?假设我们有一个性能开销比较大的计算属性 list ,它需要遍历一个巨大的 数组并做大量的计算。然后我们可能有其他的计算属性依赖于 list 。如果没有缓存,我们将不可 避免的多次执行 list 的 getter!如果你不希望有缓存,请用 -- content --> 3.建议尽可能在使用 v-for 时提供 key attribute,除非遍历输出的 DOM 内容非常简单, 或者是刻意依赖默认行为以获取性能上的提升。 因为它是 Vue 识别节点的一个通用机制, key 并不仅与 v-for 特别关联。后面我们将在指 南中看到,它还具有其它用途。 提示 不要使用对象或数组之类的非基本类型值作为 preventDefault()` 的情况 --> 4....这个 .passive 修饰符尤其能够提升移动端的性能。 TIP 不要把 .passive 和 .prevent 一起使用,因为 .prevent 将会被忽略,同时浏览器可 能会向你展示一个警告。请记住, .passive 会告诉浏览器你不想阻止事件的默认行为。
0 码力 |
368 页 |
3.97 MB
| 1 年前
3
Vue 2017 现状与展望
Vue 2.4 K??? 更好的 TypeScript 整合 TypeScript 和 VSCode 团队为 Vue 量身打造更好的类型推导和 IDE 支持 SSR 性能进一步优化 通过编译时优化获得 2~8x 性能提升 SSR + webpack code split 完美支持 (不再局限于路由) vue-cli 3.0 ● 配置依赖化 + 可组合 ● PWA by default
0 码力 |
36 页 |
2.00 MB
| 1 年前
3
探索Vue的⾼高级应⽤用
受控/⾮非受控组件 基于组件的国际化配置(36种语⾔言包) 共享Antd设计资源(Sketch、Axure等) ⼀一致的API 未来规划 提升单测覆盖率 TypeScript⽀支持 周边⽣生态建设 性能优化 总结 姿(zhi)势(shi)很重要 Q&A
0 码力 |
26 页 |
1.38 MB
| 1 年前
3
Element Plus 和Ant Design Vue 对比测评,哪个更好?
Ant Design Vue 1.x 仅支持 Vue 2 ,2.x 是为了 Vue 3 开发的兼容版,并没有任何新特性,大多数的 API 也只是为了更好的兼容 Vue 3 ,3.x 版在易用性、功能、性能上都有了很大的提升,可以说是对 ue 3 比较成熟支持的版本了。 浏览器兼容性 Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了,并不是他们自己放弃了 IE
0 码力 |
5 页 |
387.25 KB
| 1 年前
3
mpvue小程序开发框架和最佳实践
查阅官⽅方⽂文档 翻看github issue 加⼊入技术交流群讨论 最佳上⼿手路路径 经验和踩坑汇总 构建策略略优化 配套设施完善 super jsbridge 统⼀一桥适配 框架性能优化 Vue 版本升级 最流⾏行行的 ⼩小程序框架 社区第三⽅方库 ⽀支持 泛⼩小程序平台 动态化⽅方案 跨端 动态化 泛⼩小程序 开源 社区建设 微信 ⼩小程序 动态化能⼒力力展望
0 码力 |
31 页 |
3.17 MB
| 1 年前
3
共 7 条
- 1