【当耐特】
发表于
2017-03-15 03:00:00

Omi应用md2site-0.5.0发布-支持动态markdown拉取解析 - 【当耐特】

【摘要】写在前面 Md2site是基于 "Omi" 的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。官网： "http://alloyteam.github.io/omi/md2site/" Github: "https://github.com/AlloyTeam/omi/tree阅读全文 ...继续阅读 (6)

【当耐特】
发表于
2017-03-06 04:57:00

Omi应用md2site发布-markdown转网站利器 - 【当耐特】

【摘要】写在前面 Md2site是基于 "Omi" 的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。当我们想把一堆markdown文档转成网站时，你可能有许多选择，倘若选择 md2site ，你一定会爱上她。官网： "http://alloyteam.github.io/omi/m阅读全文 ...继续阅读 (12)

【当耐特】
发表于
2017-03-03 03:34:00

AlloyTouch之无限循环select插件 - 【当耐特】

【摘要】写在前面当滚动的内容很多，比如闹钟里设置秒，一共有60项。让使用者从59ms滚回01ms是一件很痛苦的事情，所以：在列表项太多的情况下，我们希望能够有个无限循环的滚动。00ms和01ms是无缝链接起来的。如下图所示：在线演示 "http://alloyteam.github.io/AlloyT阅读全文 ...继续阅读 (12)

【当耐特】
发表于
2017-03-01 01:31:00

Omi教程-插件体系 - 【当耐特】

【摘要】插件体系 "Omi" 是Web组件化框架，怎么又来了个插件的概念？可以这么理解: Omi插件体系可以赋予dom元素一些能力，并且可以和组件的实例产生关联。 omi drag 且看这个例子: 点击这里→在线试试 js import OmiDrag from './omi drag.js'; OmiD阅读全文 ...继续阅读 (10)

【当耐特】
发表于
2017-02-28 01:29:00

AlloyTouch之select选择插件 - 【当耐特】

【摘要】写在前面很多情况下，产品希望统一安卓和IOS select交互和样式。但是众所周知，IOS和安卓的select唤起的选择界面并不是样的，甚至IOS不同系统版本以及安卓不同系统版本下的select唤起的界面也不是相同的。而且省市区多选的需求，不管是IOS和安卓都没有提供原生界面的支持。所以唯一的办法阅读全文 ...继续阅读 (9)

【当耐特】
发表于
2017-02-27 02:23:00

Omi命令行界面omi-cli发布 - 【当耐特】

【摘要】"原文链接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi cli.md" 写在前面通常认为，命令行界面（CLI）没有图形用户界面（GUI）那么方便用户操作。但是CLI比GUI节约资源，在熟悉命令之后，CLI会比GU阅读全文 ...继续阅读 (7)

【当耐特】
发表于
2017-02-23 01:58:00

Omi实战-QQ附近用户列表Web页 - 【当耐特】

【摘要】"原文地址https://github.com/AlloyTeam/omi/blob/master/docs/cn_pr_nearby.md" 写在前面 Omi很适合大型复杂的Web页面开发，例如一些Web在线工具的开发。但是制作这种简单的QQ附近用户列表Web页，也不会有大炮哄蚊子的感觉。项目开阅读全文 ...继续阅读 (5)

【当耐特】
发表于
2017-02-22 02:47:00

Omi教程-生命周期和事件处理 - 【当耐特】

【摘要】生命周期名称含义时机 constructor 构造函数 new的时候 install 初始化安装，这可以拿到用户传进的data进行处理实例化 installed 安装完成，HTML已经插入页面之后执行实例化 uninstall 卸载组件。执行remove方法会触发该事件销毁时 befor阅读全文 ...继续阅读 (7)

【当耐特】
发表于
2017-02-17 03:40:00

Omi教程-组件通讯攻略大全 - 【当耐特】

【摘要】组件通讯 "Omi框架" 组建间的通讯非常遍历灵活，因为有许多可选方案进行通讯：通过在组件上声明 data 传递给子节点通过在组件上声明 data 传递给子节点（支持复杂数据类型的映射）父容器设置 childrenData 自动传递给子节点声明 group data 传递（支持复杂数据类型阅读全文 ...继续阅读 (9)

【当耐特】
发表于
2017-02-16 03:24:00

Omi教程-使用group-data通讯 - 【当耐特】

【摘要】写在前面 "Omi框架" 组建间的通讯非常遍历灵活， "上篇文章" 介绍了几种通讯方式，其中childrenData的方式可以批量传递数据给组件，但是有很多场景下data的来源不一定非要都从childrenData来，childrenData是个数组，会和组件的顺序一一对应，这就给不同传递方式的da阅读全文 ...继续阅读 (6)

【当耐特】
发表于
2017-02-14 01:28:00

Omi教程-组件通讯 - 【当耐特】

【摘要】组件通讯 "Omi框架" 组建间的通讯非常遍历灵活，因为有许多可选方案进行通讯：通过在组件上声明 data 传递给子节点通过在组件上声明 data 传递给子节点父容器设置 childrenData 自动传递给子节点完全面向对象，可以非常容易地拿到对象的实例，之后可以设置实例属性和调用实例的方阅读全文 ...继续阅读 (5)

【当耐特】
发表于
2017-02-10 01:44:00

Omi教程-组件 - 【当耐特】

【摘要】组件 "Omi框架" 完全基于组件体系设计，我们希望开发者可以像搭积木一样制作Web程序，一切皆是组件，组件也可以嵌套子组件形成新的组件，新的组件又可以当作子组件嵌套至任意组件形成新的组件... 简单组件这里使用Todo的例子来讲解Omi组件体系的使用。 js class Todo extends阅读全文 ...继续阅读 (4)

【当耐特】
发表于
2017-02-09 02:43:00

Omi原理-Hello Omi - 【当耐特】

【摘要】Hello Omi "Omi框架" 的每个组件都继承自Omi.Component，本篇会去完成Omi的Component的基本锥形，让其能够渲染第一个组件。 omi.js实现 Omi.getInstanceId 用来给每个组件生成自增的ID Omi.render 用来把组件渲染到页面基类Omi.C阅读全文 ...继续阅读 (9)

【当耐特】
发表于
2017-02-08 04:45:00

Omi原理-环境搭建 - 【当耐特】

【摘要】环境搭建 "Omi框架" 使用 Webpack + ES6 的方式去开发；使用karma+jasmine来作为Omi的测试工具。 Karma介绍 Karma是一个基于Node.js的JavaScript测试执行过程管理工具（Test Runner）。该工具可用于测试所有主流Web浏览器，也可集成到C阅读全文 ...继续阅读 (5)

【当耐特】
发表于
2017-02-07 02:45:00

2017年试试Web组件化框架Omi - 【当耐特】

【摘要】Open and modern framework for building user interfaces. Omi的Github地址 "https://github.com/AlloyTeam/omi" 如果想体验一下Omi框架，请 "点击Omi Playground" 如果想使用Omi框架，请阅读全文 ...继续阅读 (12)

【当耐特】
发表于
2017-01-09 03:46:00

AlloyTouch实现下拉刷新 - 【当耐特】

【摘要】原文地址: "https://github.com/AlloyTeam/AlloyTouch/wiki/Pull to refresh" 效果展示扫码体验你也可以 "点击这里" 访问Demo 可以 "点击这里" 查看代码背景在手机QQ内部，其实客户端提供了下拉刷新的能力，拖动整个webvie阅读全文 ...继续阅读 (12)

【当耐特】
发表于
2016-12-29 02:09:00

AlloyTouch实战--60行代码搞定QQ看点资料卡 - 【当耐特】

【摘要】原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/kandian" 先验货访问DEMO你也可以 "点击这里" 源代码可以 "点击这里" 如你体验所见，流程的滚动的同时还能支持头部的动画？不断地加载新数据还能做到流畅的滑动！怎么做得的？使用All阅读全文 ...继续阅读 (3)

【当耐特】
发表于
2016-12-28 02:56:00

AlloyTouch 0.2.0发布--鱼和熊掌兼得 - 【当耐特】

【摘要】原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch 0.2.0" 背景公司师姐昨日在KM发了篇长文，主要结论RAF+transform3d就是不如transition+transform3d平滑流畅，但是transition阅读全文 ...继续阅读 (2)

【当耐特】
发表于
2016-12-26 08:09:00

Scoped CSS规范草案 - 【当耐特】

【摘要】原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped CSS" 写在前面问:什么是Scoped CSS规范？ Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。面对组件化的普及，组件的复用很普遍阅读全文 ...继续阅读 (2)

【当耐特】
发表于
2016-12-26 01:24:00

transformjs污染了DOM?是你不了解它的强大 - 【当耐特】

【摘要】原文链接: https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful transformjs 写在前面上星期在React微信群里，有小伙伴觉得transformjs直接给DOM添加属性太激进，不可取（由于不在那个微信群，不明白为什么React会谈到阅读全文 ...继续阅读 (7)

【当耐特】
发表于
2016-12-22 03:06:00

AlloyTouch全屏滚动插件发布--30秒搞定顺滑H5页 - 【当耐特】

【摘要】原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch FullPage Plugin" 先验货插件代码可以在 "这里" 找到。注意，虽然是扫码体验，但是AlloyTouch.FullPage特意对鼠标滚轮事件进行了兼容，所以阅读全文 ...继续阅读 (2)

【当耐特】
发表于
2016-12-19 01:37:00

react动画难写？试试react版transformjs - 【当耐特】

【摘要】简介 "transformjs" 在非react领域用得风生水起，那么react技术栈的同学能用上吗？答案是可以的。junexie童鞋已经造了个 "react版本" 。动画实现方式传统 web 动画的两种方式： 1. 纯粹的CSS3 ：如：transition/animation+transf阅读全文 ...继续阅读 (5)

【当耐特】
发表于
2016-12-14 01:23:00

你必须收藏的Github技巧 - 【当耐特】

【摘要】一秒钟把Github项目变成前端网站 GitHub Pages大家可能都知道，常用的做法，是建立一个gh pages的分支，通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。这里经常遇到的痛点是，master遇到变更，经常需要去sync到gh pages，特别是纯w阅读全文 ...继续阅读 (3)

【当耐特】
发表于
2016-12-13 03:52:00

HTML5 Canvas玩转酷炫大波浪进度图 - 【当耐特】

【摘要】如上图所见，本文就是要实现上面那种效果。由于最近 "AlloyTouch" 要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。本文的代码你可以在这里 "https://github.阅读全文 ...继续阅读 (3)

【当耐特】
发表于
2016-12-12 07:17:00

AlloyTouch Button插件-不再愁click延迟和点击态 - 【当耐特】

【摘要】移动端不能使用click，因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover会有不消失的问题，所有大家一般用:active。利用 :active 伪类来设置某元素被点击时的点击态样式阅读全文 ...继续阅读 (4)

【当耐特】
发表于
2016-12-09 04:54:00

一分钟搞定AlloyTouch图片轮播组件 - 【当耐特】

【摘要】轮播图也涉及到触摸和触摸反馈，同时，AlloyTouch可以把惯性运动打开或者关闭，并且设置min和max为运动区域，超出会自动回弹。除了一般的竖向滚动，AlloyTouch也可以支持横向滚动，甚至任何属性的运动，因为它的设计的本质就是属性无关，触摸可以反馈到任何属性的运动。所以 "AlloyTo阅读全文 ...继续阅读 (7)

【当耐特】
发表于
2016-12-08 00:50:00

Using AlloyTouch to control three.js 3D model - 【当耐特】

【摘要】As you can see, the above cube rotation, acceleration, deceleration stop all through the AlloyTouch to achieve. Demo(Mobile) Code factor need to conti阅读全文 ...继续阅读 (2)

【当耐特】
发表于
2016-12-07 01:41:00

AlloyTouch与three.js 3D模型交互 - 【当耐特】

【摘要】如你所见，上面的cube的旋转、加速、减速停止都是通过AlloyTouch去实现的。演示代码 factor需要自己不断去调试出最佳的值，让松手之后的惯性运动的速率和时间达到最佳的效果。 moveFactor需要自己不断去调试出最佳的值，就是让横向拖拽的距离映射到旋转的角度上达到最跟手的效果。如阅读全文 ...继续阅读 (4)

【当耐特】
发表于
2016-12-05 07:26:00

移动Web触摸与运动解决方案AlloyTouch开源啦 - 【当耐特】

【摘要】传送门 Github地址：https://github.com/AlloyTeam/AlloyTouch 简介 AlloyTouch的本质是运动一个数字，把数字的物理变化映射到你想映射的任何属性上。所以带来了广泛的应用场景。不论实在应用、游戏、操作系统等许多层面，监听用户触摸，给用户真实的运动反馈是阅读全文 ...继续阅读 (1)

【当耐特】
发表于
2016-12-05 00:19:00

transformjs玩转星球 - 【当耐特】

【摘要】如你所见。这篇就是要讲下使用 "transformjs" 制作星球的过程。你也可以无视文章，直接去看源码和在线演示： "源码" | "在线演示" 代码100行多一点，直接看也没有什么压力。下面分几步讲解下。生成球上点坐标设球心为 (a,b,c),半径为r, 则球的标准方程为 (x a)²+(y阅读全文 ...继续阅读 (3)