AlloyTeam

AlloyTeam

Copyright © Tencent AlloyTeam. All Rights Reserved.
AlloyTeam 腾讯全端 AlloyTeam 团队 Blog
  • 首页
  • Web 开发
    • 前端资讯
    • HTML5
    • CSS3
    • JavaScript
    • Node.js
    • 移动 Web 开发
    • 用户体验设计
    • Web 前端优化
    • 资源工具
  • 移动开发
    • Android 开发
    • iOS 开发
    • 移动 Web 开发
  • Alloy 实验室
    • 作品
    • HTML5 游戏
  • 关于
    • 团队
    • Github
    • 留言
    • 友情链接
  • RSS
  • TAT.joeyguo 快速制作多倍图帧动画方式及原理:gka[–ratio]
    In 未分类 on 2018年04月25日 by TAT.joeyguo view: 3,799
    0

    原文地址

    gka

    多倍图的适配在前端开发还是比较常见的,像在 Retina 屏幕,一般会使用二倍图从而让图片保持清晰,而在开发帧动画中使用的图片实际上同样需要做这样的适配处理。gka 提供一键式的制作多倍图帧动画的方式。

    gka 是一款简单的、高效的帧动画生成工具,图片处理工具。

    官方文档:https://gka.js.org

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

    继续阅读

  • TAT.heyli 要做软件工程师,而不是前端工程师
    In 未分类 on 2018年03月08日 by TAT.heyli view: 13,099
    7

    原文链接

    default

    最近几个月一直有些事情没有想通,但可幸的是,有些问题的答案逐渐开始明朗起来了。好久没写文章,籍此献上一篇短文。

    当初准备毕业的时候,其实并没有想过要当前端工程师,毕竟当时基本都是全栈(PHP + jQuery)。但由于并不是科班出身(大学读 Business),自信心不足,以及机缘巧合,就成为了一名前端工程师。

    选择这份职业,其实也领略到它所拥有的魅力,更快捷的开发方式,更紧贴时代的发展,跨端的兼容等等,可以算是享受了前端这几年飞速发展的红利。但工作三年之后,也逐渐发现只是围绕前端来发展,有很大的局限性。

    大约是有那么两件事触动到我吧。

    继续阅读

  • june01 gif 的故事:解剖表情动图的构成
    In 未分类 on 2017年09月24日 by june01 view: 9,986
    4

    前言

    在现在表情包横行的年代,相信大家对表情动图已经不陌生了,这些动图通常就是我们使用的 gif 图(比如下图)。所谓动图就是会动的图片,而其会动的原理跟动画、影视剧一样,通过连续播放图片让我们从视觉感官上认为图片会动。那么 gif 图片又是如何将动图中的每一帧存储下来的呢,这下就需要我们动起刀子,解剖一下 gif 图。

    例子

    简介

    gif 图本身无需过多介绍,相信这个星球上的人类基本上没有没接触过的吧。但是从专业的角度上来介绍的话,gif 图是一种基于 LZW 算法的 8 位连续色调的无损压缩格式,某种程度上来说和 png 图的格式有点相似(索引、无损压缩等)。其中 LZW 算法上一种压缩算法,需要注意的是 gif 使用的 LZW 算法并不是原本的 LZW 算法,而是经过稍微改造后的 LZW 算法。

    继续阅读

  • 现代化富文本编辑器 Quill Editor
    In 未分类 on 2017年09月20日 by lin, dongpeng view: 23,323
    8

    介绍

    近期在弄富文本编辑器相关的内容,其中项目中使用了 Quill Editor(后面简称 Quill)。Quill 自称是一个现代化强大的富文本编辑器,它与其它富文本编辑器(例如 UEditor)不同的地方在于,过去的编辑器操作的数据和展现给用户的视图层是同一份 HTML/DOM,HTML 是树状结构,显然树状结构不如线性结构好处理,而 Quill 内部就是通过使用线性结构的方式使操作富文本编辑器变得简单,而且数据层和视图层是分离的,这让 Quill 对现在很流行的 React、Vue 或者 Angular 都能很好的支持。下面我简单介绍下 Quill 的使用:

    继续阅读

  • TAT.vorshen 用 threejs 制作一款简单的赛车游戏
    In 未分类 on 2017年09月15日 by TAT.vorshen view: 23,251
    3

    最近业务比较忙,但是我们追求 3D 世界的脚步不能停下来~某天在路上看到一辆辆飞驰而过的汽车,想到要不要弄一个赛车类的游戏
    没有再用原生,而是使用了 threejs,毕竟大点的 3D 项目,再用原生就是自己给自己找麻烦了……
    本文从 0 到 1 讲解了这个游戏的开发过程,其中没有专门的介绍 webgl 和 threejs,没有基础的同学可以结合 threejs 文档一起看,或者先学习一下 webgl 的基础知识~
    游戏地址如下:

    继续阅读

  • TAT.joeyguo 使用 gka 加速 createjs 动画开发及图片优化
    In 未分类 on 2017年09月12日 by TAT.joeyguo view: 5,066
    2

    原文地址

    CreateJS 是基于 HTML5 开发的一套模块化的库和工具,用于快捷地开发基于 HTML5 的游戏、动画和交互应用。

    gka 为 createjs 开发定制模板 gka-tpl-createjs ,仅需一行命令,优化图片资源,生成雪碧图及 createjs 动画文件。关于 gka 更多了解,请点击 https://github.com/gkajs/gka

    继续阅读

  • TAT.heyli AlloyTeam Conf 2017 前端技术大会震撼登陆,明星团队讲师倾城而出!
    In 未分类 on 2017年09月08日 by TAT.heyli view: 5,172
    2

    每年一度的 AlloyTeam Conf 大会即将于 2017 年 10 月 29 日在深圳盛大举行!届时,腾讯明星前端团队 AlloyTeam 讲师会到场,将一年来业界前沿技术,成熟技术实践,顶尖解决方案,全方位的呈现给所有到场的开发者。

    往届 AC 大会,汇聚了 AlloyTeam 在业内最为知名,最具实力的前端工程师,如图形动画界网红专家当耐特,iPresst 两位作者 老教授 和 何骏,AlloyImage 作者 dorsywang, 知名技术博主吕小鸣,webpack 中文社区负责人李成熙等等。

    主办方腾讯 AlloyTeam,国内最卓越的前端团队之一,团队成员在业内各技术领域,如图形动画处理、前端工程化、性能优化等方面都有许多优秀的实践以及技术贡献。多年来也推出了许多业内称道的技术产品,如 iPresst, AlloyTouch, AlloyImage 等等。本次大会,不仅有干货满满的分享,深入的技术交流,也可能会有新的技术产品惊艳发布哦!

    错过了这次大会,你就会与业界最前沿技术知识和最专业技术方案失之交臂。

    继续阅读

  • TAT.heyli 印记中文推出文档 CDN + COS 部署方案
    In 未分类 on 2017年08月30日 by TAT.heyli view: 3,638
    0

    简介

    印记中文的成立主要是为了协助社区更好地翻译与部署文档。最近联合腾讯云一起设计了一套有效提升访问速度及降低流量消耗成本的方案,即 COS 对象存储服务 及 CDN 加速方案。本文主要描述方案大体的实现过程,如果你是技术文档的管理者,苦于没有优秀的文档部署方案,可以联系印记中文 (docschina),我们会提供接入服务。如果你遇到性能问题,我们也可以提供免费的技术咨询服务

    ** QQ 群:492361223 **

    也可以关注我们的公众号:

    官网:docschina.org

    继续阅读

  • AlloyTeam ESLint 配置指南
    In 未分类 on 2017年08月28日 by xcatliu view: 24,592
    10

    ESLint 是一个应用广泛的 JavaScript 代码检查工具。本文主要介绍由 AlloyTeam 总结的 ESLint 配置,以及应用 ESLint 配置时的一些经验和工具。

    配置原则

    我们依据以下三条原则,研读了 ESLint 所有的配置项,定制出了心目中「完美」的 ESLint 配置。

    1. 能够帮助发现代码错误的规则,全部开启
    2. 配置不应该依赖于某个具体项目,而应尽可能的合理
    3. 帮助保持团队的代码风格统一,而不是限制开发体验

    继续阅读

  • TAT.heyli 英文技术文档看不懂?看印记中文就够了!
    In 未分类 on 2017年08月22日 by TAT.heyli view: 8,374
    2

    英文技术文档看不懂?看印记中文就够了!

    学习技术的时候,苦于找不到好的中文文档?现在不用担心了,印记中文能帮你解决技术文档的难题!我们专注于做最权威,质量最高的技术文档翻译社区。

    进入官方网站:www.docschina.org

    继续阅读

上页 1 ...3 4 5 6 7 8 9 10 11 12 ...61 下页
公众号:AlloyTeam
扫码关注
公众号:AlloyTeam
合作伙伴
HTML5梦工场
腾讯云
Coding
书签
  • 印记中文
  • W3CTech
  • 前端观察
  • 腾讯 ISUX
  • W3C Plus
  • 腾讯 CDC
  • 腾讯游戏 TGideas
  • 百度前端 EFE
  • 百度前端 FEX
  • Web 前端开发
  • 淘宝前端团队 FED
  • V2EX
  • 蓝色理想
  • 云开发 CloudBase
  • HTML5中文学习网
  • 爱思资源网
  • 牛大拿_前端设计导航
  • 吕小鸣前端博客
  • 腾讯大学


Copyright ©  2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2