Omi框架Store体系的前世今生

原文链接 写在前面 先说说Store系统是干什么的!为什么要造这样一个东西?能够给系统架构带来什么? 当我们组件之间,拥有共享的数据的时候,经常需要进行组件通讯。在Omi框架里,父组件传递数据给子组件非常方便: 通过在组件上声明 data-* 或者 :data- …


Omi v1.0.3发布 – 正式支持传递javascript表达式

原文链接 写在前面 Omi框架可以通过在组件上声明 data-* 把属性传递给子节点。 Omi从设计之初,就是往标准的DOM标签的标准传递方式靠齐。比如: 下划线自动转驼峰, data-page-index传到子组件就变成this.data.pageIndex data-xx 传递到子节点全都变成字 …


移动端输入框填坑系列(一)

输入在移动端是一个很常用的功能,那么输入框必然是一个很重要的部分。然而,移动端输入框总会遇到各种各样的问题,无论是样式还是ios和android两端体验不一致都是很让我们头疼的问题,那么如何使移动web的输入框体验更贴近原生也成了一个需要我们多多思 …


脚本错误量极致优化-监控上报与Script error

原文地址 在前端开发工作中,除了项目开发保质保量上线以外,项目的数据监控也应该配套起来,确保线上的正常运转。如上报 pv 监控项目是否正常运转;测速上报反应项目质量;脚本错误监控作为监控中重要一环,当页面发生报错的时候,通过上报错误信息,能 …


Omi v1.0震撼发布 – 令人窒息的Web组件化框架

原文链接–https://github.com/AlloyTeam/omi 写在前面 Omi框架经过几十个版本的迭代,越来越简便易用和强大。 经过周末的连续通宵加班加点,Omi v1.0版本终于问世。虽然版本遵循小步快跑、频繁迭代,但是Omi团队成员都有着克制之心,处女座占了半壁 …


png的故事:获取图片信息和像素内容

前言 现在时富媒体时代,图片的重要性对于数十亿互联网用户来说不言而喻,图片本身就是像素点阵的合集,但是为了如何更快更好的存储图片而诞生了各种各样的图片格式:jpeg、png、gif、webp等,而这次我们要拿来开刀的,就是png。 简介 首先,png是什么鬼 …


Omi应用md2site-0.5.0发布-支持动态markdown拉取解析

写在前面 Md2site是基于Omi的一款Markdown转网站工具,使用简单,生成的文件轻巧,功能强大。 官网:http://alloyteam.github.io/omi/md2site/ Github: https://github.com/AlloyTeam/omi/tree/master/md2site 真实案例:http://alloyteam.github.io/omi/ …


教你用webgl快速创建一个小世界

Webgl的魅力在于可以创造一个自己的3D世界,但相比较canvas2D来说,除了物体的移动旋转变换完全依赖矩阵增加了复杂度,就连生成一个物体都变得很复杂。


CSS Modules 入门及 React 中实践

写在前面 读文先看此图,能先有个大体概念: 阅读本文需要 11m 24s。 CSS Modules介绍 CSS Modules是什么东西呢?首先,让我们从官方文档入手: GitHub – css-modules/css-modules: Documentation about css-modules A CSS Module is a CSS fil …