摘要：苹果 icloud 把我 ipad min 所有照片丢失，大概发生在 ‘云上贵州’ 之后！ 发帖纪念～～～ 求个说法～～～ 阅读全文
Wechart 饼图
2018-07-31 11:10 by 【当耐特】, 3205 阅读, 0 推荐, 收藏, 编辑
摘要：预览 "Preview" | "Usage Source" | "Pie Source" | "Tutorial" "Wechart by Cax" "Cax" 众所周知 Cax 既能开发游戏、又能开发图表。本文将从饼图开始 Wechart 的图表之旅。 Wechart 完全基于 Group 体系构 阅读全文
【开源】Skatch 正式发布 - 极速渲染抽象派草图
2018-07-30 10:38 by 【当耐特】, 1432 阅读, 1 推荐, 收藏, 编辑
摘要：极速渲染抽象派草图 DEMO "Simple" "Letter" 简介 Skatch 这个词由 sketch wechart abstract cax 混合而成的一个新词，代表了cax wechart 抽象艺术派派草图渲染器。说得直白一点就是npm 上 sketch 被 tj 占了，只能强行加上赋予 阅读全文
【开源】小程序、小游戏和Web运动引擎 to2to 发布
2018-06-25 11:02 by 【当耐特】, 2662 阅读, 1 推荐, 收藏, 编辑
摘要：简单轻量跨平台的 Javascript 运动引擎 Github → "https://github.com/dntzhang/cax/tree/master/packages/to" "Simple DEMO" "Animation DEMO" "Clip Transform Animation D 阅读全文
【开源】微信小程序、小游戏以及 Web 通用 Canvas 渲染引擎 - Cax
2018-06-21 10:00 by 【当耐特】, 6112 阅读, 4 推荐, 收藏, 编辑
摘要：Cax 小程序、小游戏以及 Web 通用 Canvas 渲染引擎 Github → "https://github.com/dntzhang/cax" "点我看看 DEMO" 小程序 DEMO 正在审核中敬请期待 小游戏 DEMO 正在审核中敬请期待 特性 Learn Once, Write Any 阅读全文
【开源】Qone 正式发布，使 javascript 支持 .NET LINQ
2018-04-24 14:59 by 【当耐特】, 6794 阅读, 49 推荐, 收藏, 编辑
摘要：Qone 下一代 Web 查询语言，使 javascript 支持 LINQ Github： "https://github.com/dntzhang/qone" 缘由 最近刚好修改了腾讯文档 Excel 表格公式的一些 bug，主要是修改公式的 parser 。比如下面的脚本怎么转成 javasc 阅读全文
你不容错过的 腾讯 AlloyTeam Web 前端大会 看点完全剖析
2017-09-29 17:54 by 【当耐特】, 2260 阅读, 5 推荐, 收藏, 编辑
摘要：AC大会 ( Alloyteam Conf )，是由腾讯前端技术团队的标杆团队 AlloyTeam 发起的前端技术大会，旨在分享团队在技术研究、产品研发、开源项目的经验沉淀。AC2017 将会继续在工程化、图形处理、Web动画、性能优化等方面呈献团队一年多以来的实践，还将邀请几个业内专家来快速分享他 阅读全文
腾讯 AlloyCrop 1.0 发布
2017-08-02 11:10 by 【当耐特】, 2868 阅读, 8 推荐, 收藏, 编辑
摘要：写在前面 "AlloyCrop" 这个项目是8个月前发布的，作为 "AlloyFinger" 的典型案例，发布之后被BAT等其他公司广泛使用。但是发布之后，有两个问题一直没有抽出时间去解决: 裁剪图像的分辨率太小，是否可配？ pinch双指放大的时候，放大的中心不是双指中心，是否可以优化？ 现在很高 阅读全文
50行代码实现的高性能动画定时器 raf-interval
2017-07-20 10:42 by 【当耐特】, 2105 阅读, 0 推荐, 收藏, 编辑
摘要：写在前面 raf interval 是基于 window.requestAnimationFrame() 封装的定时器。 Github: "https://github.com/dntzhang/raf interval" window.requestAnimationFrame() 方法告诉浏览器 阅读全文
QQ日迹Omi实战开发，从0到1
2017-07-17 09:52 by 【当耐特】, 1830 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面 相信大家对Omi应该都不陌生了，如果还有不了解的同学先看看这里。了解并使用Omi之后你会发现真的回不去了~~~ "精通Omi框架" 先简单说一下吧，Omi就是一个可以快速开发项目的组件化框架，和vue／react一样为了节省生产力的。想了解Omi和vue还有react区别的，上面文档有讲解 阅读全文
腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画
2017-06-21 09:12 by 【当耐特】, 2077 阅读, 2 推荐, 收藏, 编辑
摘要：pasition Pasition Path Transition with little JS code, render to anywhere 超小尺寸的Path过渡动画类库 "Github源代码" "在线演示" 最近和贝塞尔曲线杠上了，如 "curvejs" 和 "pasition" 都是贝塞 阅读全文
腾讯AlloyTeam正式发布omi-cli脚手架 - 创建网站无需任何配置
2017-06-05 12:06 by 【当耐特】, 3073 阅读, 1 推荐, 收藏, 编辑
摘要：omi cli "omi cli" "omi cli命令" "omi框架" 用户指南 "文件目录" "npm 脚本" "npm start" "npm run dist" "代码分割" "兼容 IE8" "插入 CSS" "插入组件局部 CSS" "局部CSS使用图片" "插入 Less" "插入组 阅读全文
Omi树组件omi-tree编写指南
2017-05-02 14:53 by 【当耐特】, 1361 阅读, 0 推荐, 收藏, 编辑
摘要："Omi框架" 能够以少量的代码声明式地编写可拖拽移动节点的树形组件。 通常树组件能够考验UI框架的健壮性，因为需要使用到UI框架的如下特性： 组件嵌套 组件传值 组件批量传值 组件依赖自身递归嵌套(nest self) 子、孙或炎黄子孙访问根组件实例 下面来介绍下使用 omi tree 的开发全过 阅读全文
腾讯AlloyTeam正式发布Canvas魔幻线条 - curvejs
2017-04-21 10:19 by 【当耐特】, 3414 阅读, 1 推荐, 收藏, 编辑
摘要："【原文链接】" 写在前面 "curvejs" 中文读["克js"]，是腾讯AlloyTeam打造的一款魔幻线条框架，让线条成为一名优秀的舞者，让线条们成为优秀的舞团，HTML5 Canvas就是舞台。 官网： "https://alloyteam.github.io/curvejs/" 你还记得 阅读全文
Omi官方插件系列 - omi-transform介绍
2017-04-05 11:02 by 【当耐特】, 2024 阅读, 1 推荐, 收藏, 编辑
摘要："原文链接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 写在前面 "Omi框架" 正式发布了 "omi transform" 作为Omi组件化开发特效运动解决方案，让你轻松在Omi项目里快速简便支持CSS3 Transform设置。先 阅读全文
Omi新成员omi-router正式发布
2017-03-31 09:26 by 【当耐特】, 1300 阅读, 1 推荐, 收藏, 编辑
摘要："原文链接 https://github.com/AlloyTeam/omi/blob/master/tutorial" omi router "omi router" 是 "Omi框架" 专属的router插件，文件尺寸轻量，使用简便，功能强大。用于Omi制作Web单页应用的首选解决方案。 单页的 阅读全文
Omi架构与React Fiber
2017-03-29 11:28 by 【当耐特】, 2428 阅读, 3 推荐, 收藏, 编辑
摘要："原文链接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 写在前面 "Omi框架" 在架构设计的时候就决定把update的控制权交给了开发者，视灵活性比生命还重要。不然的话，如果遇到React Fiber要解决的这类问题的话，就需要推翻 阅读全文
Omi框架Store体系的前世今生
2017-03-23 10:13 by 【当耐特】, 1625 阅读, 1 推荐, 收藏, 编辑
摘要："原文链接 https://github.com/AlloyTeam/omi" Store 体系 先说说Store系统是干什么的！为什么要造这样一个东西？能够系统架构带来什么？ 当我们组件之间，拥有共享的数据的时候，经常需要进行组件通讯。在Omi框架里，父组件传递数据给子组件非常方便： 通过在组件上 阅读全文
omi-cli新版发布-升级webpack2和支持sass生成组件局部CSS
2017-03-16 08:32 by 【当耐特】, 1922 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面 "omi cli" 是 "Omi" 的命令行工具。在v0.1.X以及之前版本中，生成出来的项目脚手架 是基于webpack1的。由于： webpack1不支持tree shaking，webpack2 支持tree shaking webpack1不支持 sass loader，webpa 阅读全文
Omi应用md2site-0.5.0发布-支持动态markdown拉取解析
2017-03-15 11:00 by 【当耐特】, 1273 阅读, 0 推荐, 收藏, 编辑
摘要：写在前面 Md2site是基于 "Omi" 的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。 官网： "http://alloyteam.github.io/omi/md2site/" Github: "https://github.com/AlloyTeam/omi/tree 阅读全文
Omi应用md2site发布-markdown转网站利器
2017-03-06 12:57 by 【当耐特】, 2081 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面 Md2site是基于 "Omi" 的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。 当我们想把一堆markdown文档转成网站时，你可能有许多选择，倘若选择 md2site ，你一定会爱上她。 官网： "http://alloyteam.github.io/omi/m 阅读全文
AlloyTouch之无限循环select插件
2017-03-03 11:34 by 【当耐特】, 1172 阅读, 1 推荐, 收藏, 编辑
摘要：写在前面 当滚动的内容很多，比如闹钟里设置秒，一共有60项。让使用者从59ms滚回01ms是一件很痛苦的事情，所以： 在列表项太多的情况下，我们希望能够有个无限循环的滚动。00ms和01ms是无缝链接起来的。如下图所示： 在线演示 "http://alloyteam.github.io/AlloyT 阅读全文
Omi教程-插件体系
2017-03-01 09:31 by 【当耐特】, 1413 阅读, 1 推荐, 收藏, 编辑
摘要：插件体系 "Omi" 是Web组件化框架，怎么又来了个插件的概念？ 可以这么理解: Omi插件体系可以赋予dom元素一些能力，并且可以和组件的实例产生关联。 omi drag 且看这个例子: 点击这里→在线试试 js import OmiDrag from './omi drag.js'; OmiD 阅读全文
AlloyTouch之select选择插件
2017-02-28 09:29 by 【当耐特】, 951 阅读, 2 推荐, 收藏, 编辑
摘要：写在前面 很多情况下，产品希望统一安卓和IOS select交互和样式。但是众所周知，IOS和安卓的select唤起的选择界面并不是样的，甚至IOS不同系统版本以及安卓不同系统版本下的select唤起的界面也不是相同的。而且省市区多选的需求，不管是IOS和安卓都没有提供原生界面的支持。所以唯一的办法 阅读全文
Omi命令行界面omi-cli发布
2017-02-27 10:23 by 【当耐特】, 1445 阅读, 1 推荐, 收藏, 编辑
摘要："原文链接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi cli.md" 写在前面 通常认为，命令行界面（CLI）没有图形用户界面（GUI）那么方便用户操作。但是CLI比GUI节约资源，在熟悉命令之后，CLI会比GU 阅读全文
Omi实战-QQ附近用户列表Web页
2017-02-23 09:58 by 【当耐特】, 1741 阅读, 0 推荐, 收藏, 编辑
摘要："原文地址https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_nearby.md" 写在前面 Omi很适合大型复杂的Web页面开发，例如一些Web在线工具的开发。但是制作这种简单的QQ附近用户列表Web页，也不会有大炮哄蚊子的感觉 阅读全文
Omi教程-生命周期和事件处理
2017-02-22 10:47 by 【当耐特】, 1108 阅读, 0 推荐, 收藏, 编辑
摘要：生命周期 名称 含义 时机 constructor 构造函数 new的时候 install 初始化安装，这可以拿到用户传进的data进行处理 实例化 installed 安装完成，HTML已经插入页面之后执行 实例化 uninstall 卸载组件。执行remove方法会触发该事件 销毁时 befor 阅读全文
AlloyTouch实现下拉刷新
2017-01-09 11:46 by 【当耐特】, 1811 阅读, 2 推荐, 收藏, 编辑
摘要：原文地址: "https://github.com/AlloyTeam/AlloyTouch/wiki/Pull to refresh" 效果展示 扫码体验 你也可以 "点击这里" 访问Demo 可以 "点击这里" 查看代码 背景 在手机QQ内部，其实客户端提供了下拉刷新的能力，拖动整个webvie 阅读全文
AlloyTouch实战--60行代码搞定QQ看点资料卡
2016-12-29 10:09 by 【当耐特】, 1384 阅读, 1 推荐, 收藏, 编辑
摘要：原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/kandian" 先验货 访问DEMO你也可以 "点击这里" 源代码可以 "点击这里" 如你体验所见，流程的滚动的同时还能支持头部的动画？不断地加载新数据还能做到流畅的滑动！怎么做得的？使用All 阅读全文
AlloyTouch 0.2.0发布--鱼和熊掌兼得
2016-12-28 10:56 by 【当耐特】, 1081 阅读, 1 推荐, 收藏, 编辑
摘要：原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch 0.2.0" 背景 公司师姐昨日在KM发了篇长文，主要结论RAF+transform3d就是不如transition+transform3d平滑流畅，但是transition 阅读全文
Scoped CSS规范草案
2016-12-26 16:09 by 【当耐特】, 1740 阅读, 3 推荐, 收藏, 编辑
摘要：原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped CSS" 写在前面 问:什么是Scoped CSS规范？ Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。 面对组件化的普及，组件的复用很普遍 阅读全文
transformjs污染了DOM?是你不了解它的强大
2016-12-26 09:24 by 【当耐特】, 1723 阅读, 1 推荐, 收藏, 编辑
摘要：原文链接: https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful transformjs 写在前面 上星期在React微信群里，有小伙伴觉得transformjs直接给DOM添加属性太激进，不可取（由于不在那个微信群，不明白为什么React会谈到 阅读全文
AlloyTouch全屏滚动插件发布--30秒搞定顺滑H5页
2016-12-22 11:06 by 【当耐特】, 6900 阅读, 1 推荐, 收藏, 编辑
摘要：原文链接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch FullPage Plugin" 先验货 插件代码可以在 "这里" 找到。 注意，虽然是扫码体验，但是AlloyTouch.FullPage特意对鼠标滚轮事件进行了兼容，所以 阅读全文
react动画难写？试试react版transformjs
2016-12-19 09:37 by 【当耐特】, 3819 阅读, 1 推荐, 收藏, 编辑
摘要：简介 "transformjs" 在非react领域用得风生水起，那么react技术栈的同学能用上吗？答案是可以的。junexie童鞋已经造了个 "react版本" 。 动画实现方式 传统 web 动画的两种方式 ： 1. 纯粹的CSS3 ：如：transition/animation+transf 阅读全文
你必须收藏的Github技巧
2016-12-14 09:23 by 【当耐特】, 8558 阅读, 13 推荐, 收藏, 编辑
摘要：一秒钟把Github项目变成前端网站 GitHub Pages大家可能都知道，常用的做法，是建立一个gh pages的分支，通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。 这里经常遇到的痛点是，master遇到变更，经常需要去sync到gh pages，特别是纯w 阅读全文
HTML5 Canvas玩转酷炫大波浪进度图
2016-12-13 11:52 by 【当耐特】, 5164 阅读, 5 推荐, 收藏, 编辑
摘要：如上图所见，本文就是要实现上面那种效果。 由于最近 "AlloyTouch" 要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。 本文的代码你可以在这里 "https://github. 阅读全文
AlloyTouch Button插件-不再愁click延迟和点击态
2016-12-12 15:17 by 【当耐特】, 1378 阅读, 2 推荐, 收藏, 编辑
摘要：移动端不能使用click，因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态（用户点击的瞬间要有及时的外观变化反馈）的问题。hover会有不消失的问题，所有大家一般用:active。利用 :active 伪类来设置某元素被点击时的点击态样式 阅读全文
一分钟搞定AlloyTouch图片轮播组件
2016-12-09 12:54 by 【当耐特】, 1953 阅读, 4 推荐, 收藏, 编辑
摘要：轮播图也涉及到触摸和触摸反馈，同时，AlloyTouch可以把惯性运动打开或者关闭，并且设置min和max为运动区域，超出会自动回弹。 除了一般的竖向滚动，AlloyTouch也可以支持横向滚动，甚至任何属性的运动，因为它的设计的本质就是属性无关，触摸可以反馈到任何属性的运动。所以 "AlloyTo 阅读全文
Using AlloyTouch to control three.js 3D model
2016-12-08 08:50 by 【当耐特】, 1043 阅读, 0 推荐, 收藏, 编辑
摘要：As you can see, the above cube rotation, acceleration, deceleration stop all through the AlloyTouch to achieve. Demo(Mobile) Code factor need to conti 阅读全文
AlloyTouch与three.js 3D模型交互
2016-12-07 09:41 by 【当耐特】, 2333 阅读, 0 推荐, 收藏, 编辑
摘要：如你所见，上面的cube的旋转、加速、减速停止都是通过AlloyTouch去实现的。 演示 代码 factor需要自己不断去调试出最佳的值，让松手之后的惯性运动的速率和时间达到最佳的效果。 moveFactor需要自己不断去调试出最佳的值，就是让横向拖拽的距离映射到旋转的角度上达到最跟手的效果。 如 阅读全文