Deno 入门与 Chrome 性能调试

Deno 入门与 Chrome 性能调试

2019 年 6 月 30 日 13:30 ~ 17:30

成都市高新区天益南巷 18 号创客大使馆

JavaScript 前后端的小伙伴有没有被一天到晚填坑而累得没脾气呢?

想不想学点高端武艺来对 bug 降维打击呢?

FCC 成都社区半月一次的小活动又来了!!!

主题简介

《Deno 初体验》

让我们来了解 Node.js 之父 Ryan Dahl 的新“造物”Deno 背后的动机,来一起学一下别人“学不动的” Deno,从背景及语法再到简单 HTTP 服务入手,畅谈 Deno 的现在和未来。

讲师简介

满远荣,前重庆优启科技架构师、前重庆奇燎科技 CTO,现 ThoughtWorks 切图仔。

Deno contributor;Deno 中国发起人、Deno 中文社区站长及发起人;denolib 组织 Member;Deno 生态核心基础库作者和贡献者。

《Chrome DevTools 之 performance》

浏览器渲染动画性能调优,让自己写的前端代码渲染性能可控。

讲师简介

Helen,爱玩的程序媛,喜欢写代码、玩游戏、架子鼓、马拉松。

她也是 FCC 成都社区核心成员、Vue Beauty 组件库活跃开发者,并在 Google Women TechMaker 2018(成都站)第 0 届学生开源年会等会议上发表演讲。

课前准备

安装 Deno

Linux、Mac OS X

命令行终端执行以下命令:

curl -fsSL https://deno.land/x/install/install.sh | sh

Windows

在 PowerShell 中执行以下命令:

iwr https://deno.land/x/install/install.ps1 | iex

Mac OS X

命令行终端执行以下命令:

brew install deno

安装 Google Chrome

https://google.cn/chrome

参考资料


活动总结

由于本次活动的出品人水歌上周经历了重感冒、在公司项目写微信小程序的双重折磨,没能尽早确定活动日期联系场地方,导致本次场地没有可用的 HDMI 投影仪智能电视,只能临时用 AK 同学的私人 Zoom 会议室共享讲师屏幕……

但幸好大家一起把三张大桌子连起来,人手一台电脑地坐一起,反而拉近了人与人的距离,又找回 2016 ~ 17 年在 @Too 的【拾级咖啡】办活动时的那种感觉!

第一个主题 Deno 乍看 PPT 很简单,但随着满远荣老师的逐步发散,让在座很多 Web 工程师发现 Deno 独特设计的奥妙 ——

  1. 小巧的单可执行文件 —— 安装、部署非常简单
  2. 开箱即用的 TypeScript 支持 —— 保持 JS 灵活的同时又强健
  3. 内置最新 Web API —— 前端同构代码更好移植
  4. 依赖包一条 URL 搞定 —— 基于 ECMAScript 模块标准

虽然现在 Deno 标准库尚不完善,但正因为基于 ES module,一个常用功能官方是否提供,甚至有没有官方软件源,都已不再重要,Deno 完全变成了分布式系统

尽管如此,官方还是希望维护一批由核心开发者维护的高质量常用库,满老师自己开发的 SMTP 工具库就是 Deno 创始人中意的之一,我们也有幸现场跟着老师从零写一遍这个库的核心代码,通过实践来体会 SMTP 协议和 Deno 的简洁。

【注】我事后发现了一个 VSCode Deno 扩展的 bug —— https://github.com/justjavac/vscode-deno/issues/44

紧接着的第二个主题由我们 FCC 成都社区颜值担当之一的 Helen 小姐姐讲解,几张言简意赅的图文 PPT 之后,便直接开始用 demo 程序演示如何用 Chrome 调试器来分析、优化动画渲染性能

勤于思考的小伙伴们在讲完后提出了多个值得思考的问题,Helen 在会后的活动总结中做了进一步解答

活动结束时,小伙伴们纷纷表示收获颇丰,但希望动手实践环节能再更易上手些,并通过一些思考题来现场编码,提升动手的参与度。这些建议我们会在和满老师一起准备下期 Deno 活动时充分采纳,敬请期待!


评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×