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

相关文章
|
5月前
|
运维 前端开发 JavaScript
前端埋点校验工具:数据驱动的最后一道防线
数据埋点是企业决策的关键基础,但常面临覆盖率低、数据不准和故障难排查三大难题。本文深入剖析了这些问题的成因与影响,并提出“三维校验矩阵”解决方案:提升覆盖率至99.8%、降低错误率至0.3%、提速故障定位5倍。同时对比Split.io、Tealium、Sentry、板栗看板等工具优劣,为企业选型提供参考。迈向高质量数据治理,从精准埋点开始。
|
监控 前端开发 JavaScript
前端工程化和传统前端开发的区别是什么?
前端工程化相比传统前端开发,在开发模式、代码组织与管理、构建与部署流程、团队协作、性能优化以及技术选型等方面都有了显著的改进和提升,能够更好地应对现代前端应用开发的复杂性和高要求。
|
11月前
|
机器学习/深度学习 人工智能 自然语言处理
DeepSeek Artifacts:在线实时预览的前端 AI 编程工具,基于DeepSeek V3快速生成React App
DeepSeek Artifacts是Hugging Face推出的免费AI编程工具,基于DeepSeek V3,支持快速生成React和Tailwind CSS代码,适合快速原型开发和前端组件构建。
2364 39
DeepSeek Artifacts:在线实时预览的前端 AI 编程工具,基于DeepSeek V3快速生成React App
|
10月前
|
JSON 前端开发 API
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
552 5
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
|
9月前
|
JSON 人工智能 前端开发
前端开发中使用whistle代理工具
Whistle是一款强大的代理工具,相比Charles、Fiddler更轻量且功能丰富。它适用于前端开发中的多种场景,如接口数据Mock、接口代理、静态资源代理等。通过简单的规则配置,可将接口指向本地JSON文件,解决跨域问题,或代理静态资源以满足特定域名访问需求。此外,Whistle还支持本地端口间转发与移动端请求抓包,搭配SwitchyOmega插件使用效果更佳。需注意,使用前请确保已安装Node环境并参考官方文档完成基础配置。
|
12月前
|
人工智能 前端开发 小程序
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
368 31
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
|
10月前
|
人工智能 自然语言处理 前端开发
VSCode AI提效工具,通义灵码前端开发体验
通义灵码2.0是一款强大的VS Code插件,安装简便,图标易记。其亮点包括接入deepseek-v3/r1模型,支持智能问答、AI编程、代码优化及贴图提问;多语言和编辑器支持;个性化使用满足不同需求。个人版完全免费,节省12%开发时间。对比1.0版本,2.0在功能实现上更加完善,尤其在前端项目中表现出色,根据需求描述生成完整项目结构和详细代码,极大提升开发效率。
765 0
|
前端开发 JavaScript 开发者
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
734 4
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
494 8
|
前端开发 JavaScript 开发者
前端小白逆袭记:从零开始,如何快速掌握前端开发精髓?
本文从一个前端小白的视角,分享了快速掌握前端开发核心技能的逆袭之路。通过学习HTML、CSS和JavaScript,逐步接触前端框架如Bootstrap、Vue.js和React,克服挑战,最终实现从入门到精通的蜕变。
161 4

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    586
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    238
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    226
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    164
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    275
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    408
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    177
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    112
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    192
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    262