TAT.dnt 移动Web利器transformjs入门
In 未分类 on 2016年11月28日 by view: 2,491
4

简介

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

传送门

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

TAT.dnt 腾讯AlloyTeam移动Web裁剪组件AlloyCrop正式开源
In 未分类 on 2016年11月21日 by view: 3,913
10

简介

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

传送门

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

TAT.joeyguo AlloyTeam Conf 2016 前端技术大会精彩回顾
In 未分类 on 2016年11月14日 by view: 2,765
2

banner

1   2   3

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

TAT.dnt 超小Web手势库AlloyFinger原理
In 未分类 on 2016年11月11日 by view: 4,565
2

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

https://github.com/AlloyTeam/AlloyFinger

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

TAT.dnt 漫谈Nuclear Web组件化入门篇
In 未分类 on 2016年11月05日 by view: 1,695
5

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

june01 实现一个简单的模板引擎
In 未分类 on 2016年10月22日 by view: 6,037
5

简介

模板引擎,其实就是一个根据模板和数据输出结果的一个工具。

我们要开发一个将模板文件转换成我们实际要使用的内容的工具,这个工具就是模板引擎。我们把模板文件里的内容当成字符串传入到模板引擎中,然后模板引擎根据一定语法对该字符串进行解析处理,然后返回一个函数,之后我们在执行函数时把数据传输进去,即可拿到根据模板和数据得到的新字符串。最后我们想怎么处理该字符串就看需求了,如果用于前端模板生成的话,则可以用dom的innerHTML这个属性来追加内容。

目前前端的模板引擎多得数不胜数,语法特性也花样百出,用行内的话来说,我们要实现的是一种基于字符串的模板引擎。

TAT.joeyguo 谈谈函数式编程 
In 未分类 on 2016年09月20日 by view: 4,007
1

原文地址

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

TAT.Johnny Preload:有什么好处?(下)
In 未分类 on 2016年07月25日 by view: 1,211
1

==============接上篇 Preload:有什么好处?(上)=================

译者注:上文讲到了利用Preload,我们可以做到哪些事情,从这里继续~

 

响应式加载(RESPONSIVE LOADING)

因为Preload是一个链接,遵循规范它应有media属性(目前Chrome还未支持,不过很快就可以了)。这个属性可以启用资源的条件加载能力。

它又有什么用处呢?举个例子,你的网站的初始视窗,对于PC/宽屏设备展示可交互的地图版本,而对于手机/窄屏设备则展示静态的地图版本。如果你擅于加载性能优化,会想到在特定设备只加载其中一个版本的资源,而不是所有资源。而要做到这样唯一的办法就是使用JS去动态地加载资源。但是这么做,会使得资源对于preloader(译者注:上文提到过的浏览器内部的预加载器)不可见,因此会使得资源的加载时机稍微滞后,不但影响了用户的视觉体验,还对站点的SpeedIndex 得分有着负面影响

所以我们该怎么做,才能让浏览器尽早知道所需加载的资源呢?没错,就是Preload!

我们可以使用Preload提前加载这些资源,并且使用media属性,做到只加载需要的资源:

TAT.dnt 时光倒流程序设计-AlloyTicker
In 未分类 on 2016年07月25日 by view: 3,969
3

熵与负熵

熵遵循熵增原理,即无序非热能与热能之间的转换具有方向性。薛定谔说过:生命本质在于负熵。熵代表的是无序,负熵就是熵的对立,而负熵表示的则是有序。汲取负熵(米饭、面包、牛奶、鸡蛋),可以简单的理解为从外界吸收了物质或者能量之后,转化成负熵流,使系统的熵降低,人体变得更加有序。

TAT.tennylv HTTP,HTTP2.0,SPDY,HTTPS你应该知道的一些事
In 未分类 on 2016年07月23日 by view: 30,000
21

作为一个经常和web打交道的程序员,了解这些协议是必须的,本文就向大家介绍一下这些协议的区别和基本概念,文中可能不局限于前端知识,还包括一些运维,协议方面的知识,希望能给读者带来一些收获,如有不对之处还请指出。

 

1. web始祖HTTP

全称:超文本传输协议(HyperText Transfer Protocol) 伴随着计算机网络和浏览器的诞生,HTTP1.0也随之而来,处于计算机网络中的应用层,HTTP是建立在TCP协议之上,所以HTTP协议的瓶颈及其优化技巧都是基于TCP协议本身的特性,例如tcp建立连接的3次握手和断开连接的4次挥手以及每次建立连接带来的RTT延迟时间。