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

相关文章
|
3月前
|
人工智能 JSON 前端开发
有关D2C工具的思考和分享, 提升前端研发效率
有关D2C工具的思考和分享, 提升前端研发效率
77 1
|
4月前
|
设计模式 存储 缓存
精进前端开发:深入探讨前端设计模式
精进前端开发:深入探讨前端设计模式
31 0
|
3天前
|
Web App开发 缓存 前端开发
如何优化前端网页加载速度:最佳实践和工具推荐
本文探讨了如何通过采用最佳实践和利用先进的工具来优化前端网页加载速度。从压缩资源到使用CDN,从减少HTTP请求到利用缓存策略,我们将介绍一系列提高网页性能的技术手段。同时,我们还将推荐一些广受好评的工具,帮助开发者更轻松地实施这些优化策略。
|
4天前
|
缓存 前端开发 JavaScript
如何优化前端性能:最佳实践与工具推荐
在当今互联网时代,用户对网页加载速度和性能的要求越来越高。本文将介绍一些优化前端性能的最佳实践,包括代码压缩、资源合并、懒加载等技术,并推荐一些实用的工具,帮助开发者提升网页加载速度和用户体验。
|
13天前
|
移动开发 前端开发 UED
【专栏:HTML与CSS前端技术趋势篇】渐进式增强与优雅降级在前端开发中的实践
【4月更文挑战第30天】前端开发中的渐进式增强和优雅降级是确保跨浏览器、跨设备良好用户体验的关键策略。渐进式增强是从基础功能开始,逐步增加高级特性,保证所有用户能访问基本内容;而优雅降级则是从完整版本出发,向下兼容,确保低版本浏览器仍能使用基本功能。实践中,遵循HTML5/CSS3规范,使用流式布局和响应式设计,检测浏览器特性,并提供备选方案,都是实现这两种策略的有效方法。选择合适策略优化网站,提升用户体验。
|
13天前
|
前端开发 持续交付 开发工具
【专栏:工具与技巧篇】版本控制与Git在前端开发中的应用
【4月更文挑战第30天】Git是前端开发中的必备工具,它通过分布式版本控制管理代码历史,支持分支、合并、回滚等操作,促进团队协作和冲突解决。在前端项目中,Git用于代码追踪、代码审查、持续集成与部署,提升效率和质量。优化协作包括制定分支策略、编写清晰提交信息、定期合并清理分支及使用Git钩子和自动化工具。掌握Git能有效提升开发效率和代码质量。
|
14天前
|
Dart 前端开发 开发者
【Flutter前端技术开发专栏】Flutter中的性能分析工具Profiler
【4月更文挑战第30天】Flutter Profiler是用于性能优化的关键工具,提供CPU、GPU、内存和网络分析。它帮助开发者识别性能瓶颈,如CPU过度使用、渲染延迟、内存泄漏和网络效率低。通过实时监控和分析,开发者能优化代码、减少内存占用、改善渲染速度和网络请求,从而提升应用性能和用户体验。定期使用并结合实际场景与其它工具进行综合分析,是实现最佳实践的关键。
【Flutter前端技术开发专栏】Flutter中的性能分析工具Profiler
|
14天前
|
前端开发 数据处理 Android开发
【Flutter 前端技术开发专栏】Flutter 中的调试技巧与工具使用
【4月更文挑战第30天】本文探讨了Flutter开发中的调试技巧和工具,强调其在及时发现问题和提高效率上的重要性。介绍了基本的调试方法如打印日志和断点调试,以及Android Studio/VS Code的调试器和Flutter Inspector的使用。文章还涉及调试常见问题的解决、性能和内存分析等高级技巧,并通过实际案例演示调试过程。在团队协作中,有效调试能提升整体开发效率,而随着技术发展,调试工具也将持续进化。
【Flutter 前端技术开发专栏】Flutter 中的调试技巧与工具使用
|
14天前
|
XML 前端开发 JavaScript
前端CSS样式零基础教学总结,UI、前端开发都适用
前端CSS样式零基础教学总结,UI、前端开发都适用
|
15天前
|
监控 前端开发 jenkins
Jenkins在前端项目持续部署中的应用,介绍了Jenkins作为自动化部署工具的基本概念和流程
【4月更文挑战第29天】本文探讨了Jenkins在前端项目持续部署中的应用,介绍了Jenkins作为自动化部署工具的基本概念和流程。前端持续部署涉及代码提交、构建、测试和部署四个步骤。实现过程中需配置代码仓库、构建、测试和部署任务,安装相关插件并确保环境一致性。注意事项包括代码质量控制、环境一致性、监控预警和安全管理。通过Jenkins,可提升前端开发效率和质量,但需不断学习以应对技术发展。