TAT.joeyguo 快速制作高性能帧动画解决方案
In Web开发 on 2017年08月08日 by view: 909
0

原文地址

帧动画中含有大量的图片,通过图片优化、减少图片整体大小,将能够节省资源,提高性能。下面将一一列举优化方式及解决方案。

使用 gka 一键图片优化并生成动画文件

GitHub: https://github.com/gkajs/gka

原文地址

雪碧图并不陌生,将多张图片合在一起来减少请求数,从而提升网站的性能。在你的网站未支持 HTTP2 前,还是值得这么处理。

为了适应不同的设备分辨率,一般会做几套不同大小的图去适配,那如何用一套图来自适应缩放呢?

本文对等比缩放的雪碧图动画的原理进行分步讲解,并使用 gka 进行一键生成。
GitHub: https://github.com/gkajs/gka

原文地址

那一天,我收到设计姐提供的图片

big 1

ganjuebudui 1

立志成为一位优秀工程师的我,看图深思..

为了节省流量(流量就是金钱)
为了让图片更快加载(更好的体验)

TAT.joeyguo 使用 gka 一键生成帧动画
In Web开发,资源工具 on 2017年07月09日 by view: 2,335
2

gka

简单的、高效的帧动画生成工具


gka

gka 是一款简单的、高效的帧动画生成工具。

通过对图片集进行处理,一键式生成序列帧动画文件,并内置相关优化。

  • 一键式 : 图片文件批量序列化重命名,生成 css keyframes,生成帧动画预览文件
  • 性能佳 : 支持图片压缩✓,支持合图模式✓,相同帧图片复用
  • 多模板 : 内置多种文件输出模板,支持自定义模板

最新更新,请访问 github 地址 https://github.com/joeyguo/gka

TAT.joeyguo 腾讯Web前端大会< TFC2017 />热力来袭
In Web开发 on 2017年05月17日 by view: 4,655
0

< TFC2017 /> 大会官网:https://TFC.tencent.com

腾讯Web前端大会 < TFC2017 /> 将在深圳热力开启。本次大会将邀请全国各地开发者,共同探讨Web前端最新技术、海量用户服务优化和运营心得,以及未来行业发展风向。

本次大会将是腾讯规模最大的Web前端盛会。主办方腾讯, 中国顶级互联网公司之一,创造了许多亿万海量用户级的优秀Web应用,积累了深厚的Web前端开发经验 。

大会讲师将会广邀国内外的前端知名大牛,他们有著名流行框架的作者、知名前端书籍的作者、Web工程化方面的权威等。其中还有部分讲师是从腾讯上千名前端工程师中精挑细选的优秀高级工程师,将为你带来最具实践价值、最接地气的前端开发经验分享,内容不仅涵盖Web新技术、Node.js、框架、工程化、 图形处理等前端前沿内容 ,还包含极致的性能优化、海量用户运营等具有腾讯前端特色的宝贵经验。

无论您是资深的前端大咖,还是初出茅庐的前端菜鸟,相信都可以通过本次大会获得非常有价值的帮助。

原文地址

在上篇《脚本错误量极致优化-监控上报与Script error》 中,主要提到了js脚本错误上报的方式,并讲解了如何使用 crossorigin 来解决 Script error 报错信息的方案,于是我们就可以查看到脚本报错信息了。而此时可能会遇到另一个问题:”JS 代码压缩后,定位具体出错代码困难!“。本篇《脚本错误量极致优化-让脚本错误一目了然》 将结合示例,通过多种解决方案逐一分析,让脚本错误 一目了然。

原文地址

在前端开发工作中,除了项目开发保质保量上线以外,项目的数据监控也应该配套起来,确保线上的正常运转。如上报 pv 监控项目是否正常运转;测速上报反应项目质量;脚本错误监控作为监控中重要一环,当页面发生报错的时候,通过上报错误信息,能及时发现存在问题,修复优化、减少损失。

本文基于在手Q家校群前端脚本错误量优化的方案,致力于打造极致的脚本错误优化。

TAT.joeyguo 构建流式应用—RxJS详解
In Web开发 on 2016年12月02日 by view: 5,611
5

原文地址

最近在 Alloyteam Conf 2016 分享了《使用RxJS构建流式前端应用》,会后在线上线下跟大家交流时发现对于 RxJS 的态度呈现出两大类:有用过的都表达了 RxJS 带来的优雅编码体验,未用过的则反馈太难入门。所以,这里将结合自己对 RxJS 理解,通过 RxJS 的实现原理、基础实现及实例来一步步分析,提供 RxJS 较为全面的指引,感受下使用 RxJS 编码是怎样的体验。

 

banner

1   2   3

       2016.10.23 由 AlloyTeam 团队发起的 <AC2016> Alloyteam Conf 2016 前端技术大会,在腾讯大厦 2 楼多功能成功举办。今年对大会进行全面升级,分享延长至全天,增加报名邀请码机制,圆桌会议面对面讨论等精彩环节,加上 AlloyTeam 多年以来在业界比较深远的影响力,官网上线后报名人数剧增,出现一码难求的情况,大会当天更是人员爆满、氛围热烈! 以下将从大会的整体情况,大会现场以及观众反馈来回顾此次大会。

TAT.joeyguo 谈谈函数式编程 
In Web开发 on 2016年09月20日 by view: 3,487
1

原文地址

函数式编程 ( Functional Programming ) 是一种以函数为基础的编程方式和代码组织方式,能够带来更好的代码调试及项目维护的优势。本篇主要结合笔者在实际项目开发中的一些应用,简要谈谈函数式编程。