Share and Find 系列之淘宝 UED 专场 —— 你最爱的前端插件 / 前端开发工具

简介: 今天我们「Share and Find 系列之淘宝 UED 专场」在淘宝城 4 号楼顺利地举行。本着“做不一样的沙龙,Share and Find,让每个人都能有所收获”的初衷,下午的分享分为两个重量级的演讲和六个简单的圆桌演讲,接下来我们就详细回顾一下今天的分享内容,都是关于前端插件 / 前端开发工具的,有质量的东西很多哦~

关于系列活动更多内容移步 Share and Find Wiki

今天我们「Share and Find 系列之淘宝 UED 专场」在淘宝城 4 号楼顺利地举行。本着“做不一样的沙龙,Share and Find,让每个人都能有所收获”的初衷,下午的分享分为两个重量级的演讲和六个简单的圆桌演讲,接下来我们就详细回顾一下今天的分享内容,都是关于前端插件 / 前端开发工具的,有质量的东西很多哦~

开场介绍环节

首先是我司的 Tree 同学对本次沙龙的基本介绍,关于为何要办这样的一种沙龙和我们是如何准备的。

image.png

然后是本场的特别给力支持方 淘宝 UED 给我们带来的部门团队介绍,让我们感受到了一个有趣、开放的团队氛围,并且抓住机会向大家伸出橄榄枝。

image.png

嘉宾演讲

工作流之美 —— Chajs By 元彦

首先是淘宝资深前端工程师元彦][7]的演讲,他是淘宝 UED FEM 团队成员,建立了开源的链式任务工具 [Cha 与前端自动化工具 Mod,专注于移动 Web 前端业务的基础架构建设与性能优化,同时在 Github 上维护着移动 Web 前端开发知识库 Mars,曾在腾讯 AlloyTeam 任职期间先后负责 WebQQ、QQ、手机 QQ 等产品的 Web 前端工作。

他今天分享的内容也是 工作流之美——Chajs,讲了与其他框架如 Yeoman、Grunt、Gulp、Brunch fis 等对比,作为链式任务工具 chajs 的编程过程和可视化过程的优势,这也是他要做 chajs 的原因。同时讲了标准化任务体系 task 规范等。

image.png

kissy 组件 —— Uploader By 剑平

接下来演讲的是淘宝首页首席前端工程师剑平(哈哈,这是他的自称,因为淘宝首页的前端/后台/测试都是他一个人负责),他也是淘宝 UED FEM 团队成员,目前负责淘宝网首页的前端开发和 kissy gallery 组件库的维护。编写的 uploader 组件是目前 kissy 访问量最多和 star 数最高的第三方组件。

他的分享内容是 Uploader,包括跨域资源共享 CORS 技术、iframe 跨域上传等,还有他的独门“三合一才能够全面”—— ajax/iframe/flash 全方位防备。他指出,一个好的组件应该是好用、能拿来就用、扩展性强、人有我优、人无我有、持续改进以及文档/Demo 全面。

image.png

圆桌分享

这个环节是几个简单的前端插件/工具的分享。第一位演讲的是我们的忠实用户 chomefans(名曰汪汪),他分享了自己做的一款 Chrome 插件 —— RGB 转 Hex,自动获取网页某一点的颜色 RGB,并将之转化为 Hex。简单但很实用。印象深刻的是其“走心 真诚”的PPT,全场笑声一片。

image.png

第二位演讲的是熊君睿,关于自己做的一个产品 LydiaBox,这是一款能运行 PhoneGap app 的手机浏览器,感兴趣的童鞋可以在 AppStore 下载感受一下,这个分享的提问也是很入理。

他的分享引起了元彦等等现场参与者的提问,元彦也给出了很多的中肯建议。

image.png

第三位分享的是我司前端 Fakefish 童鞋,他讲的是 canvas 入门,并将自己做的表白神器的代码分享与大家。

image.png

第四位是周良小朋友(不知成年否)关于设计的分享,谈了一些基本的设计概念,并向我们介绍了几个比较好的设计学习网站。

image.png

第五位分享的是淘宝国际 UED 的设计师小雪,她给我们介绍了 iconfont,这是国内矢量图标做得非常棒的一个库。

image.png

最后是成骁奇关于 fiddler4 基本使用的分享。

image.png

匿名吐槽

最后的吐槽时间了,每人一张便签纸,写下对我们做的这场活动的满意和不满意的点,或者是对在场某个人的吐槽(哈哈),全匿名哦!这个环节的设置是我们不断将「Share and Find 系列沙龙」做得更好的源动力之一。

image.png

最后的最后,当然是自由交流和合照时间啦!

image.png

相关文章
|
2月前
|
监控 前端开发 JavaScript
前端工程化和传统前端开发的区别是什么?
前端工程化相比传统前端开发,在开发模式、代码组织与管理、构建与部署流程、团队协作、性能优化以及技术选型等方面都有了显著的改进和提升,能够更好地应对现代前端应用开发的复杂性和高要求。
|
8天前
|
人工智能 前端开发 小程序
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
|
20天前
|
前端开发 JavaScript 开发者
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
|
2月前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
60 8
|
2月前
|
前端开发 JavaScript 开发者
前端小白逆袭记:从零开始,如何快速掌握前端开发精髓?
本文从一个前端小白的视角,分享了快速掌握前端开发核心技能的逆袭之路。通过学习HTML、CSS和JavaScript,逐步接触前端框架如Bootstrap、Vue.js和React,克服挑战,最终实现从入门到精通的蜕变。
33 4
|
2月前
|
监控 前端开发 JavaScript
前端稳定性工具-Sentry
【11月更文挑战第9天】Sentry 是一个开源的错误和性能监控平台,支持多种编程语言和框架。它能够捕获前端应用中的各种错误和性能问题,提供详细的错误信息和用户行为关联,帮助开发团队快速定位和解决问题,优化应用性能。但需注意隐私保护、数据准确性和成本控制。
140 3
|
2月前
|
前端开发 JavaScript API
前端开发的秘密武器:这些工具让你轻松应对各种复杂动画效果!
【10月更文挑战第30天】前端开发中,动画效果为页面增添了无限生机。CSS3的@keyframes规则和JavaScript动画库如GSAP、Anime.js等,使开发者能轻松实现从简单到复杂的动画效果。掌握动画原理和设计原则,结合工具和库,可以创造出既美观又实用的动画,提升用户体验。
60 4
|
2月前
|
Web App开发 前端开发 JavaScript
前端开发的秘密武器:这些工具让你轻松应对各种复杂布局!
【10月更文挑战第31天】前端开发充满挑战,尤其是在处理复杂布局时。本文介绍了几种关键工具和技术,如HTML和CSS基础、Firefox开发者工具、Visual Studio Code以及Vue、React和Angular等前端框架,帮助开发者高效应对复杂布局,提升代码质量和用户体验。
42 2
|
3月前
|
自然语言处理 前端开发 JavaScript
推荐 10 个前端开发会用到的工具网站
本文介绍了多个前端开发工具,包括 Web Design Museum、Landing Page、Google Fonts、Lorem Ipsum、Animista、Blobmaker、Spline、CodeToGo、UnusedCSS 和 Responsively,帮助开发者提高效率和项目质量。这些工具涵盖了设计、动画、代码片段管理、响应式测试等多个方面。
183 0
推荐 10 个前端开发会用到的工具网站
|
3月前
|
存储 前端开发 JavaScript
前端模块化打包工具的深度解析
【10月更文挑战第13天】前端模块化打包工具的深度解析