TAT.bizai 致我们终将组件化的Web
In Web开发,经验心得 on 2015年11月24日 by view: 22,694
43

这篇文章将从两年前的一次技术争论开始。争论的聚焦就是下图的两个目录分层结构。我说按模块划分好,他说你傻逼啊,当然是按资源划分。

mulu_left 《=》mulu_right

 

TAT.bizai 全局CSS的终结(狗带) [译]
In CSS3,Web开发 on 2015年10月22日 by view: 11,695
23

CSS类名总是作用在同一的全局作用域里面。

任何一个跟CSS有长时间打交道的开发者,都不得不接受CSS那具有侵略性的全局特性,明显地这是一种文档流时代的设计模型。而对于今天现代web应用,更应该积极提出一种更健全的样式环境。

每一个CSS类名都有可能与其它元素产生的意想不到副作用,又或者产生冲突。更令人吃惊的是,我们的class的效果可能在全局作用域的互相影响下(原文这里比喻为全局唯一性战争),最终在页面上产生很少的效果或者根本没有效果。

任何时候我们改变一个CSS文件,我们都需要小心翼翼地考虑全局环境是否产生冲突。没有其他前端技术是需要如此之多的规范和约束,而这仅仅是为了保持最低级别的可维护性

TAT.bizai 透过Text标签看ReactNative的设计理念
In Web开发 on 2015年05月31日 by view: 1,742
1

现在前端圈子最热的莫过于ReactNative。以Web的开发方式来开发Native,并且仗这facebook这个国际互联网公司做保证,这种革命性的产品都让前端coder和客户端coder都炸开了。本文打算以ReactNative的Text标签的角度,这个最基本的标签,来带你跨入入ReactNative的世界的第一步。

TAT.bizai HTTP2.0的奇妙日常
In HTML5,Web 前端资讯,Web开发 on 2015年03月23日 by view: 19,656
32
    【交代:时间是在距今的5年后,由于我的智能滑板鞋,还有智能小内内的创业失败,为了在这个先看胸再看脸的时代活下去,我不得不重操旧业,去面试web前端工程师的工作。多年没有接触web开发了,找了个AlloyTeam的老同事晨伯帮我温习一下知识,好让面试通过】
    
    “多年没见,你的女神后来什么样了”晨伯总是这么八卦我的女神,而不是我。
    “我给你一个表情,你自己体会一下”youshang_small
    “你先写个小页面给我看看吧,我指导一下你吧。”晨伯一幅很吊的样子。
但是这样的小case当然难不了我,虽然多年没碰web,但是我当年可以是AlloyTeam的成员啊。很快我就啪啪啪地完成了页面。晨伯看完我写的页面,一幅“我可是有女朋友的男人”的表情,感叹了一句“现在是HTTP2.0的时代啦,给你普及一下知识点”。
 

allotstick_head2

What’s AlloyStick

AlloyStick 是一款专为HTML5开发的2D骨骼动画引擎。可以用于HTML5动画开发、HTML5游戏开发。AlloyStick 主要由骨骼动画引擎和骨骼动画编辑器两部分组成。骨骼动画编辑器提供强大的骨骼动画编辑功能,拖拽骨骼组合角色,通过设置动画关键帧,输出动画数据。js动画库根据输出数据,依靠强大的自动补间和骨骼关系,就可以制作出逼真、生动的Canvas骨骼动画,可以畅快的运行在PC、手机、平板等设备里。

TAT.bizai 视差滚动的爱情故事之优化篇
In JavaScript,Web开发 on 2014年02月14日 by view: 25,366
28

上篇博客链接:视差滚动的爱情故事

大家好,想起以前有家伙想给我起个花名,叫伟哥。这种跟人类生殖器官有关系的花名,怎么能让它伴随我英明的一生呢!看我不抽死那。。。。。哦,不对,看我不说服那个家伙改口,最后他在我185魁梧的身材,俊朗的五官的威严下改口了,只不过那天手掌略疼略疼而已。上一篇博客知道,我的女神居然有男朋友了,很明显这是上天给予我的挑战,然后故事就会像狗血韩剧那样发展,我成为了男二号,女神女主角因为得了癌症,男一号假以远赴外国寻医实则东莞被捕,就这样在女神身边消失了,而身为男二号的我会不离不弃地守护这女神,终于女神在我的爱情滋润下战胜病魔,重获新生,男二号和女神走在一起,哈哈哈哈哈哈啊啊啊哈哈,故事一定是这样。什么?你说韩剧后面还有男一号回来跟女神重拾旧爱的剧情?韩剧一般看到这里我就不看的。

。。。。。。好吧我承认,我没有成为什么男二号,而是成为一名(diao si)备胎

故事说起在一个冰冷幽暗的夜晚上,我正思考的十分重要的人生问题,这周末该去那里happy好呢?是宅在家里好呢,或者宅在家里好呢,还是宅在家里好呢?这时,万年隐身的QQ竟然浮起浅色聊天框,我去!不得了,居然是女神主动联系我,女神一定是因为我俊朗的五官,185的模特身材而深深地迷恋上我了,呵呵呵呵呵呵。

基本介绍

mocha 是一个javascript的测试框架,chai是一个断言库,两者搭配使用更佳,所以合称“抹茶”(其实mocha是咖啡)。“抹茶”特点是: 简单,Hour级学习成本,node和浏览器都可运行,有趣。

关于吹水,充字数的内容我放到了blog最后,因为“抹茶”上手非常的简单,看完blog再阅览一下官网就可以实际动手敲代码了,不足一个小时就可以基本掌握他们了。

TAT.bizai 图文理解 CSS3 3D Transform
In CSS3,Web开发 on 2012年11月04日 by view: 13,598
7

Minren哥前面已经写了一些关于这方面的blog了,大家也可以在团队blog里面参考。

http://www.alloyteam.com/2012/10/the-css3-transform-perspective-property/

介于只是介绍perspective,没有对css 3d transform其他部分属性介绍说明,下面是我个人对css3 3D的一些个人见解,大神们莫喷。那些rotateX啊,scaleY啊这些大家都能够立刻明白的我就不过多的解析了。主要有几个属性大家可能比较少用或没有理解透的为这部分的主要内容。