传送门

Github地址:https://github.com/AlloyTeam/AlloyTouch

简介

AlloyTouch的本质是运动一个数字,把数字的物理变化映射到你想映射的任何属性上。所以带来了广泛的应用场景。不论实在应用、游戏、操作系统等许多层面,监听用户触摸,给用户真实的运动反馈是很常见的应用场景。如王者荣耀里,旋转用户角色,抽奖程序滚动转盘、页面滚动、局部滚动等。

TAT.dnt transformjs玩转星球
In Web开发 on 2016年12月05日 by view: 1,853
4

Javascript有个Unicode的天坑
In Web开发 on 2016年12月04日 by view: 4,536
8

最近笔者在项目中遇到了emoji表情的处理,期间发现js处理多字节字符时会有较多坑,记录一下与各位分享。
本文涉及知识点:

Unicode (BMP/SP)
UTF-8 UTF-16 UTF-32 UCS-2
javascript字符处理

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

原文地址

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

 

TAT.dnt 和transformjs一起摇摆
In Web开发 on 2016年12月01日 by view: 1,675
1

写在前面

记得以前facebook做过一款HTML5游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的gif所示:

facebook当时使用的是createjs下的子项目easeljs和tweenjs去制作,基于Canvas的动画。基本的原理主要是:循环运动Canvas抽象的DisplayObject的skewX和scaleY来实现软体摇摆。
目前来看transformjs也能做到,因为transformjs也能运动skewX和scaleY。先来看看facebook的方式。

TAT.dnt 移动Web利器transformjs入门
In Web开发 on 2016年11月28日 by view: 2,086
4

简介

在过去的两年,越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候,都使用了transformjs,所有必要介绍一下,让更多的人受益,提高编程效率,并享受编程乐趣。(当然transformjs不仅仅支持移动设备,支持CSS3 3D Transforms的浏览器都能正常使用transformjs)

传送门

官方网站:http://alloyteam.github.io/AlloyTouch/transformjs/
Github地址:https://github.com/AlloyTeam/AlloyTouch/tree/master/transformjs

简介

裁剪图片的应用场景有头像编辑、图像编辑,在移动端要配合手势以及进行触摸反馈来进行变形以确认用户的选区进行裁剪。AlloyCrop就是专注于裁剪图像的组件,目前服务于QQ相关的Web业务,今日正式对外开源。

传送门

Github地址:https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop

banner

1   2   3

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

TAT.dnt 超小Web手势库AlloyFinger原理
In Web开发 on 2016年11月11日 by view: 2,788
2

目前AlloyFinger作为腾讯手机QQ web手势解决方案,在各大项目中都发挥着作用。
感兴趣的同学可以去Github看看:

https://github.com/AlloyTeam/AlloyFinger

在腾讯,如:兴趣部落、QQ群、QQ动漫、腾讯学院、TEDxTencent、 AlloyTeam、腾讯CDC等多个部门、团队和项目都在使用AlloyFinger。如下图所示:

TAT.dnt 漫谈Nuclear Web组件化入门篇
In Web开发 on 2016年11月05日 by view: 1,544
5

目前来看,团队内部前端项目已全面实施组件化开发。组件化的好处太多,如:按需加载、可复用、易维护、可扩展、少挖坑、不改组件代码直接切成服务器端渲染(如Nuclear组件化可以做到,大家叫同构)…
怎么做到这么强大的优势,来回忆下以前见过的坑,或者现有项目里的坑。