代码改变世界

随笔分类 -  HTML5

Wechart 饼图

2018-07-31 11:10 by 【当耐特】, 3148 阅读, 收藏, 编辑
摘要: 预览 "Preview" | "Usage Source" | "Pie Source" | "Tutorial" "Wechart by Cax" "Cax" 众所周知 Cax 既能开发游戏、又能开发图表。本文将从饼图开始 Wechart 的图表之旅。 Wechart 完全基于 Group 体系构 阅读全文

【开源】Skatch 正式发布 - 极速渲染抽象派草图

2018-07-30 10:38 by 【当耐特】, 1418 阅读, 收藏, 编辑
摘要: 极速渲染抽象派草图 DEMO "Simple" "Letter" 简介 Skatch 这个词由 sketch wechart abstract cax 混合而成的一个新词,代表了cax wechart 抽象艺术派派草图渲染器。说得直白一点就是npm 上 sketch 被 tj 占了,只能强行加上赋予 阅读全文

【开源】Qone 正式发布,使 javascript 支持 .NET LINQ

2018-04-24 14:59 by 【当耐特】, 6675 阅读, 收藏, 编辑
摘要: Qone 下一代 Web 查询语言,使 javascript 支持 LINQ Github: "https://github.com/dntzhang/qone" 缘由 最近刚好修改了腾讯文档 Excel 表格公式的一些 bug,主要是修改公式的 parser 。比如下面的脚本怎么转成 javasc 阅读全文

你不容错过的 腾讯 AlloyTeam Web 前端大会 看点完全剖析

2017-09-29 17:54 by 【当耐特】, 2228 阅读, 收藏, 编辑
摘要: AC大会 ( Alloyteam Conf ),是由腾讯前端技术团队的标杆团队 AlloyTeam 发起的前端技术大会,旨在分享团队在技术研究、产品研发、开源项目的经验沉淀。AC2017 将会继续在工程化、图形处理、Web动画、性能优化等方面呈献团队一年多以来的实践,还将邀请几个业内专家来快速分享他 阅读全文

腾讯 AlloyCrop 1.0 发布

2017-08-02 11:10 by 【当耐特】, 2863 阅读, 收藏, 编辑
摘要: 写在前面 "AlloyCrop" 这个项目是8个月前发布的,作为 "AlloyFinger" 的典型案例,发布之后被BAT等其他公司广泛使用。但是发布之后,有两个问题一直没有抽出时间去解决: 裁剪图像的分辨率太小,是否可配? pinch双指放大的时候,放大的中心不是双指中心,是否可以优化? 现在很高 阅读全文

50行代码实现的高性能动画定时器 raf-interval

2017-07-20 10:42 by 【当耐特】, 2091 阅读, 收藏, 编辑
摘要: 写在前面 raf interval 是基于 window.requestAnimationFrame() 封装的定时器。 Github: "https://github.com/dntzhang/raf interval" window.requestAnimationFrame() 方法告诉浏览器 阅读全文

QQ日迹Omi实战开发,从0到1

2017-07-17 09:52 by 【当耐特】, 1817 阅读, 收藏, 编辑
摘要: 写在前面 相信大家对Omi应该都不陌生了,如果还有不了解的同学先看看这里。了解并使用Omi之后你会发现真的回不去了~~~ "精通Omi框架" 先简单说一下吧,Omi就是一个可以快速开发项目的组件化框架,和vue/react一样为了节省生产力的。想了解Omi和vue还有react区别的,上面文档有讲解 阅读全文

腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画

2017-06-21 09:12 by 【当耐特】, 2069 阅读, 收藏, 编辑
摘要: pasition Pasition Path Transition with little JS code, render to anywhere 超小尺寸的Path过渡动画类库 "Github源代码" "在线演示" 最近和贝塞尔曲线杠上了,如 "curvejs" 和 "pasition" 都是贝塞 阅读全文

腾讯AlloyTeam正式发布omi-cli脚手架 - 创建网站无需任何配置

2017-06-05 12:06 by 【当耐特】, 3050 阅读, 收藏, 编辑
摘要: 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 【当耐特】, 1346 阅读, 收藏, 编辑
摘要: "Omi框架" 能够以少量的代码声明式地编写可拖拽移动节点的树形组件。 通常树组件能够考验UI框架的健壮性,因为需要使用到UI框架的如下特性: 组件嵌套 组件传值 组件批量传值 组件依赖自身递归嵌套(nest self) 子、孙或炎黄子孙访问根组件实例 下面来介绍下使用 omi tree 的开发全过 阅读全文

腾讯AlloyTeam正式发布Canvas魔幻线条 - curvejs

2017-04-21 10:19 by 【当耐特】, 3382 阅读, 收藏, 编辑
摘要: "【原文链接】" 写在前面 "curvejs" 中文读["克js"],是腾讯AlloyTeam打造的一款魔幻线条框架,让线条成为一名优秀的舞者,让线条们成为优秀的舞团,HTML5 Canvas就是舞台。 官网: "https://alloyteam.github.io/curvejs/" 你还记得 阅读全文

Omi官方插件系列 - omi-transform介绍

2017-04-05 11:02 by 【当耐特】, 1984 阅读, 收藏, 编辑
摘要: "原文链接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 写在前面 "Omi框架" 正式发布了 "omi transform" 作为Omi组件化开发特效运动解决方案,让你轻松在Omi项目里快速简便支持CSS3 Transform设置。先 阅读全文

Omi新成员omi-router正式发布

2017-03-31 09:26 by 【当耐特】, 1284 阅读, 收藏, 编辑
摘要: "原文链接 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 【当耐特】, 2415 阅读, 收藏, 编辑
摘要: "原文链接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 写在前面 "Omi框架" 在架构设计的时候就决定把update的控制权交给了开发者,视灵活性比生命还重要。不然的话,如果遇到React Fiber要解决的这类问题的话,就需要推翻 阅读全文

Omi框架Store体系的前世今生

2017-03-23 10:13 by 【当耐特】, 1613 阅读, 收藏, 编辑
摘要: "原文链接 https://github.com/AlloyTeam/omi" Store 体系 先说说Store系统是干什么的!为什么要造这样一个东西?能够系统架构带来什么? 当我们组件之间,拥有共享的数据的时候,经常需要进行组件通讯。在Omi框架里,父组件传递数据给子组件非常方便: 通过在组件上 阅读全文

omi-cli新版发布-升级webpack2和支持sass生成组件局部CSS

2017-03-16 08:32 by 【当耐特】, 1912 阅读, 收藏, 编辑
摘要: 写在前面 "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 【当耐特】, 1258 阅读, 收藏, 编辑
摘要: 写在前面 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 【当耐特】, 2051 阅读, 收藏, 编辑
摘要: 写在前面 Md2site是基于 "Omi" 的一款Markdown转网站工具,使用简单,生成的文件轻巧,功能强大。 当我们想把一堆markdown文档转成网站时,你可能有许多选择,倘若选择 md2site ,你一定会爱上她。 官网: "http://alloyteam.github.io/omi/m 阅读全文

AlloyTouch之无限循环select插件

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

Omi教程-插件体系

2017-03-01 09:31 by 【当耐特】, 1404 阅读, 收藏, 编辑
摘要: 插件体系 "Omi" 是Web组件化框架,怎么又来了个插件的概念? 可以这么理解: Omi插件体系可以赋予dom元素一些能力,并且可以和组件的实例产生关联。 omi drag 且看这个例子: 点击这里→在线试试 js import OmiDrag from './omi drag.js'; OmiD 阅读全文