原文地址

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

big 1

ganjuebudui 1

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

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

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

gka

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


gka

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

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

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

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

< 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: 17,664
7

原文地址

最近在 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: 5,540
1

原文地址

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

TAT.joeyguo Node 直出理论与实践总结
In Web开发 on 2016年07月04日 by view: 8,751
14

原文地址

直出是什么?到底是怎样的性能优化?本文将结合从在浏览器输入 url,到展示最终页面的过程来对其进行一步步分析,并将在手 Q web 中的实际应用实践进行总结。

 

原文地址

React 的实践从去年在 PC QQ 家校群开始,由于 PC 上的网络及环境都相当好,所以在使用时可谓一帆风顺,偶尔遇到点小磕绊,也能够快速地填补磨平。而最近一段时间,我们将手 Q 的家校群重构成 React,除了原有框架上存在明显问题的原因外,选择 React 也是因为它确实有足够的吸引力以及优势,加之在 PC 家校群上的实践经验,斟酌下便开始了,到现在已有页面在线上正常跑起。