TAT.bizai 致我們終將組件化的 Web
In 未分類 on 2015年11月24日 by view: 35,228
46

這篇文章將從兩年前的一次技術爭論開始。爭論的聚焦就是下圖的兩個目錄分層結構。我說按模塊劃分好,他說你傻逼啊,當然是按資源劃分。

mulu_left 《=》mulu_right

 

TAT.bizai 全局 CSS 的終結 (狗帶) [譯]
In 未分類 on 2015年10月22日 by view: 20,595
23

CSS 類名總是作用在同一的全局作用域里面。

任何一個跟 CSS 有長時間打交道的開發者,都不得不接受 CSS 那具有侵略性的全局特性,明顯地這是一種文檔流時代的設計模型。而對于今天現代 web 應用,更應該積極提出一種更健全的樣式環境。

每一個 CSS 類名都有可能與其它元素產生的意想不到副作用,又或者產生沖突。更令人吃驚的是,我們的 class 的效果可能在全局作用域的互相影響下(原文這里比喻為全局唯一性戰爭),最終在頁面上產生很少的效果或者根本沒有效果。

任何時候我們改變一個 CSS 文件,我們都需要小心翼翼地考慮全局環境是否產生沖突。沒有其他前端技術是需要如此之多的規范和約束,而這僅僅是為了保持最低級別的可維護性。

TAT.bizai 透過 Text 標簽看 ReactNative 的設計理念
In 未分類 on 2015年05月31日 by view: 4,154
1

現在前端圈子最熱的莫過于 ReactNative。以 Web 的開發方式來開發 Native,并且仗這 facebook 這個國際互聯網公司做保證,這種革命性的產品都讓前端 coder 和客戶端 coder 都炸開了。本文打算以 ReactNative 的 Text 標簽的角度,這個最基本的標簽,來帶你跨入入 ReactNative 的世界的第一步。

TAT.bizai HTTP2.0 的奇妙日常
In 未分類 on 2015年03月23日 by view: 33,332
35
? ?【交代:時間是在距今的 5 年后,由于我的智能滑板鞋,還有智能小內內的創業失敗,為了在這個先看胸再看臉的時代活下去,我不得不重操舊業,去面試 web 前端工程師的工作。多年沒有接觸 web 開發了,找了個 AlloyTeam 的老同事晨伯幫我溫習一下知識, 好讓面試通過】
? ??
? ? “多年沒見,你的女神后來什么樣了” 晨伯總是這么八卦我的女神,而不是我。
? ? “我給你一個表情,你自己體會一下”youshang_small
? ? “你先寫個小頁面給我看看吧,我指導一下你吧?!?/span>晨伯一幅很吊的樣子。
但是這樣的小 case 當然難不了我,雖然多年沒碰 web,但是我當年可以是 AlloyTeam 的成員啊。很快我就啪啪啪地完成了頁面。晨伯看完我寫的頁面,一幅 “我可是有女朋友的男人” 的表情,感嘆了一句 “現在是 HTTP2.0 的時代啦,給你普及一下知識點”。
?
TAT.bizai AlloyStick——專為 HTML5 開發的開源骨骼動畫引擎
In 未分類 on 2014年02月21日 by view: 27,114
14

allotstick_head2

What's AlloyStick

AlloyStick 是一款專為 HTML5 開發的 2D 骨骼動畫引擎??梢杂糜?HTML5 動畫開發、HTML5 游戲開發。AlloyStick 主要由骨骼動畫引擎和骨骼動畫編輯器兩部分組成。骨骼動畫編輯器提供強大的骨骼動畫編輯功能,拖拽骨骼組合角色,通過設置動畫關鍵幀,輸出動畫數據。js 動畫庫根據輸出數據,依靠強大的自動補間和骨骼關系,就可以制作出逼真、生動的 Canvas 骨骼動畫,可以暢快的運行在 PC、手機、平板等設備里。

TAT.bizai 視差滾動的愛情故事之優化篇
In 未分類 on 2014年02月14日 by view: 31,653
28

上篇博客鏈接:視差滾動的愛情故事

大家好,想起以前有家伙想給我起個花名,叫偉哥。這種跟人類生殖器官有關系的花名,怎么能讓它伴隨我英明的一生呢!看我不抽死那。。。。。哦,不對,看我不說服那個家伙改口,最后他在我 185 魁梧的身材,俊朗的五官的威嚴下改口了,只不過那天手掌略疼略疼而已。上一篇博客知道,我的女神居然有男朋友了,很明顯這是上天給予我的挑戰,然后故事就會像狗血韓劇那樣發展,我成為了男二號,女神女主角因為得了癌癥,男一號假以遠赴外國尋醫實則東莞被捕,就這樣在女神身邊消失了,而身為男二號的我會不離不棄地守護這女神,終于女神在我的愛情滋潤下戰勝病魔,重獲新生,男二號和女神走在一起,哈哈哈哈哈哈啊啊啊哈哈,故事一定是這樣。什么?你說韓劇后面還有男一號回來跟女神重拾舊愛的劇情?韓劇一般看到這里我就不看的。

。。。。。。好吧我承認,我沒有成為什么男二號,而是成為一名(diao si)備胎

TAT.bizai 視差滾動的愛情故事
In 未分類 on 2014年01月05日 by view: 54,851
52

故事說起在一個冰冷幽暗的夜晚上,我正思考的十分重要的人生問題,這周末該去那里 happy 好呢?是宅在家里好呢,或者宅在家里好呢,還是宅在家里好呢?這時,萬年隱身的 QQ 竟然浮起淺色聊天框,我去!不得了,居然是女神主動聯系我,女神一定是因為我俊朗的五官,185 的模特身材而深深地迷戀上我了,呵呵呵呵呵呵。

基本介紹

mocha 是一個 javascript 的測試框架,chai 是一個斷言庫,兩者搭配使用更佳,所以合稱 “抹茶”(其實 mocha 是咖啡)?!澳ú琛?特點是: 簡單,Hour 級學習成本,node 和瀏覽器都可運行,有趣。

關于吹水,充字數的內容我放到了 blog 最后,因為 “抹茶” 上手非常的簡單,看完 blog 再閱覽一下官網就可以實際動手敲代碼了,不足一個小時就可以基本掌握他們了。

TAT.bizai 圖文理解 CSS3 3D Transform
In 未分類 on 2012年11月04日 by view: 25,485
7

Minren 哥前面已經寫了一些關于這方面的 blog 了,大家也可以在團隊 blog 里面參考。

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

介于只是介紹 perspective,沒有對 css 3d transform 其他部分屬性介紹說明,下面是我個人對 css3 3D 的一些個人見解,大神們莫噴。那些 rotateX 啊,scaleY 啊這些大家都能夠立刻明白的我就不過多的解析了。主要有幾個屬性大家可能比較少用或沒有理解透的為這部分的主要內容。