原创 教你用webgl快速創建一個小世界

Webgl的魅力在於可以創造一個自己的3D世界,但相比較canvas2D來說,除了物體的移動旋轉變換完全依賴矩陣增加了複雜度,就連生成一個物體都變得很複雜。 什麼?!爲什麼不用Threejs?Threejs等庫確實可以很大程度的提

原创 CSS Modules 入門及 React 中實踐

寫在前面 讀文先看此圖,能先有個大體概念: 閱讀本文需要 11m 24s。 CSS Modules介紹 CSS Modules是什麼東西呢?首先,讓我們從官方文檔入手: GitHub – css-

原创 Omi框架Store體系的前世今生

原文鏈接 寫在前面 先說說Store系統是幹什麼的!爲什麼要造這樣一個東西?能夠給系統架構帶來什麼? 當我們組件之間,擁有共享的數據的時候,經常需要進行組件通訊。在Omi框架裏,父組件傳遞數據給子組件非常方便:

原创 移動端輸入框填坑系列(一)

輸入在移動端是一個很常用的功能,那麼輸入框必然是一個很重要的部分。然而,移動端輸入框總會遇到各種各樣的問題,無論是樣式還是ios和android兩端體驗不一致都是很讓我們頭疼的問題,那麼如何使移動web的輸入框體驗更貼近原生也成了一個需

原创 Omi v1.0.3發佈 – 正式支持傳遞javascript表達式

原文鏈接 寫在前面 Omi框架 可以通過在組件上聲明 data-* 把屬性傳遞給子節點。 Omi從設計之初,就是往標準的DOM標籤的標準傳遞方式靠齊。比如: 下劃線自動轉駝峯, data-p

原创 Omi命令行界面omi-cli發佈

原文鏈接:https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi-cli.md 寫在前面 通常認爲,命令行界面(CLI)沒有圖形用戶界面(GU

原创 腳本錯誤量極致優化-監控上報與Script error 監控上報 錯誤信息分析 · Script error

原文地址 在前端開發工作中,除了項目開發保質保量上線以外,項目的數據監控也應該配套起來,確保線上的正常運轉。如上報 pv 監控項目是否正常運轉;測速上報反應項目質量;腳本錯誤監控作爲監控中重要一環,當頁面發生報錯的時候,通

原创 Omi v1.0震撼發佈 – 令人窒息的Web組件化框架

原文鏈接 寫在前面 Omi框架 經過幾十個版本的迭代,越來越簡便易用和強大。 經過週末的連續通宵加班加點,Omi v1.0版本終於問世。雖然版本遵循小步快跑、頻繁迭代,但是Omi團隊成員都有着剋制之心

原创 Omi應用md2site-0.5.0發佈-支持動態markdown拉取解析

寫在前面 Md2site是基於 Omi 的一款Markdown轉網站工具,使用簡單,生成的文件輕巧,功能強大。 官網: http://alloyteam.github.io/omi/md2sit

原创 png的故事:獲取圖片信息和像素內容

前言 現在時富媒體時代,圖片的重要性對於數十億互聯網用戶來說不言而喻,圖片本身就是像素點陣的合集,但是爲了如何更快更好的存儲圖片而誕生了各種各樣的圖片格式:jpeg、png、gif、webp等,而這次我們要拿來開刀的,就是png。