摘要：蘋果 icloud 把我 ipad min 所有照片丟失，大概發(fā)生在 ‘云上貴州’ 之后！ 發(fā)帖紀念～～～ 求個說法～～～ 閱讀全文
Wechart 餅圖
2018-07-31 11:10 by 【當耐特】, 3316 閱讀, 0 推薦, 收藏,
摘要：預覽 "Preview" | "Usage Source" | "Pie Source" | "Tutorial" "Wechart by Cax" "Cax" 眾所周知 Cax 既能開發(fā)游戲、又能開發(fā)圖表。本文將從餅圖開始 Wechart 的圖表之旅。 Wechart 完全基于 Group 體系構(gòu) 閱讀全文
【開源】Skatch 正式發(fā)布 - 極速渲染抽象派草圖
2018-07-30 10:38 by 【當耐特】, 1524 閱讀, 1 推薦, 收藏,
摘要：極速渲染抽象派草圖 DEMO "Simple" "Letter" 簡介 Skatch 這個詞由 sketch wechart abstract cax 混合而成的一個新詞，代表了cax wechart 抽象藝術派派草圖渲染器。說得直白一點就是npm 上 sketch 被 tj 占了，只能強行加上賦予 閱讀全文
【開源】小程序、小游戲和Web運動引擎 to2to 發(fā)布
2018-06-25 11:02 by 【當耐特】, 2728 閱讀, 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 【當耐特】, 6471 閱讀, 4 推薦, 收藏,
摘要：Cax 小程序、小游戲以及 Web 通用 Canvas 渲染引擎 Github → "https://github.com/dntzhang/cax" "點我看看 DEMO" 小程序 DEMO 正在審核中敬請期待 小游戲 DEMO 正在審核中敬請期待 特性 Learn Once, Write Any 閱讀全文
【開源】Qone 正式發(fā)布，使 javascript 支持 .NET LINQ
2018-04-24 14:59 by 【當耐特】, 6904 閱讀, 49 推薦, 收藏,
摘要：Qone 下一代 Web 查詢語言，使 javascript 支持 LINQ Github： "https://github.com/dntzhang/qone" 緣由 最近剛好修改了騰訊文檔 Excel 表格公式的一些 bug，主要是修改公式的 parser 。比如下面的腳本怎么轉(zhuǎn)成 javasc 閱讀全文
你不容錯過的 騰訊 AlloyTeam Web 前端大會 看點完全剖析
2017-09-29 17:54 by 【當耐特】, 2324 閱讀, 5 推薦, 收藏,
摘要：AC大會 ( Alloyteam Conf )，是由騰訊前端技術團隊的標桿團隊 AlloyTeam 發(fā)起的前端技術大會，旨在分享團隊在技術研究、產(chǎn)品研發(fā)、開源項目的經(jīng)驗沉淀。AC2017 將會繼續(xù)在工程化、圖形處理、Web動畫、性能優(yōu)化等方面呈獻團隊一年多以來的實踐，還將邀請幾個業(yè)內(nèi)專家來快速分享他 閱讀全文
騰訊 AlloyCrop 1.0 發(fā)布
2017-08-02 11:10 by 【當耐特】, 2888 閱讀, 8 推薦, 收藏,
摘要：寫在前面 "AlloyCrop" 這個項目是8個月前發(fā)布的，作為 "AlloyFinger" 的典型案例，發(fā)布之后被BAT等其他公司廣泛使用。但是發(fā)布之后，有兩個問題一直沒有抽出時間去解決: 裁剪圖像的分辨率太小，是否可配？ pinch雙指放大的時候，放大的中心不是雙指中心，是否可以優(yōu)化？ 現(xiàn)在很高 閱讀全文
50行代碼實現(xiàn)的高性能動畫定時器 raf-interval
2017-07-20 10:42 by 【當耐特】, 2136 閱讀, 0 推薦, 收藏,
摘要：寫在前面 raf interval 是基于 window.requestAnimationFrame() 封裝的定時器。 Github: "https://github.com/dntzhang/raf interval" window.requestAnimationFrame() 方法告訴瀏覽器 閱讀全文
QQ日跡Omi實戰(zhàn)開發(fā)，從0到1
2017-07-17 09:52 by 【當耐特】, 1863 閱讀, 1 推薦, 收藏,
摘要：寫在前面 相信大家對Omi應該都不陌生了，如果還有不了解的同學先看看這里。了解并使用Omi之后你會發(fā)現(xiàn)真的回不去了~~~ "精通Omi框架" 先簡單說一下吧，Omi就是一個可以快速開發(fā)項目的組件化框架，和vue／react一樣為了節(jié)省生產(chǎn)力的。想了解Omi和vue還有react區(qū)別的，上面文檔有講解 閱讀全文
騰訊AlloyTeam正式發(fā)布pasition - 制作酷炫Path過渡動畫
2017-06-21 09:12 by 【當耐特】, 2100 閱讀, 2 推薦, 收藏,
摘要：pasition Pasition Path Transition with little JS code, render to anywhere 超小尺寸的Path過渡動畫類庫 "Github源代碼" "在線演示" 最近和貝塞爾曲線杠上了，如 "curvejs" 和 "pasition" 都是貝塞 閱讀全文
騰訊AlloyTeam正式發(fā)布omi-cli腳手架 - 創(chuàng)建網(wǎng)站無需任何配置
2017-06-05 12:06 by 【當耐特】, 3114 閱讀, 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 【當耐特】, 1397 閱讀, 0 推薦, 收藏,
摘要："Omi框架" 能夠以少量的代碼聲明式地編寫可拖拽移動節(jié)點的樹形組件。 通常樹組件能夠考驗UI框架的健壯性，因為需要使用到UI框架的如下特性： 組件嵌套 組件傳值 組件批量傳值 組件依賴自身遞歸嵌套(nest self) 子、孫或炎黃子孫訪問根組件實例 下面來介紹下使用 omi tree 的開發(fā)全過 閱讀全文
騰訊AlloyTeam正式發(fā)布Canvas魔幻線條 - curvejs
2017-04-21 10:19 by 【當耐特】, 3458 閱讀, 1 推薦, 收藏,
摘要："【原文鏈接】" ?寫在前面 "curvejs" 中文讀["克js"]，是騰訊AlloyTeam打造的一款魔幻線條框架，讓線條成為一名優(yōu)秀的舞者，讓線條們成為優(yōu)秀的舞團，HTML5 Canvas就是舞臺。 官網(wǎng)： "https://alloyteam.github.io/curvejs/" 你還記得 閱讀全文
Omi官方插件系列 - omi-transform介紹
2017-04-05 11:02 by 【當耐特】, 2117 閱讀, 1 推薦, 收藏,
摘要："原文鏈接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 寫在前面 "Omi框架" 正式發(fā)布了 "omi transform" 作為Omi組件化開發(fā)特效運動解決方案，讓你輕松在Omi項目里快速簡便支持CSS3 Transform設置。先 閱讀全文
Omi新成員omi-router正式發(fā)布
2017-03-31 09:26 by 【當耐特】, 1342 閱讀, 1 推薦, 收藏,
摘要："原文鏈接 https://github.com/AlloyTeam/omi/blob/master/tutorial" omi router "omi router" 是 "Omi框架" 專屬的router插件，文件尺寸輕量，使用簡便，功能強大。用于Omi制作Web單頁應用的首選解決方案。 單頁的 閱讀全文
Omi架構(gòu)與React Fiber
2017-03-29 11:28 by 【當耐特】, 2468 閱讀, 3 推薦, 收藏,
摘要："原文鏈接 https://github.com/AlloyTeam/omi/tree/master/tutorial" 寫在前面 "Omi框架" 在架構(gòu)設計的時候就決定把update的控制權交給了開發(fā)者，視靈活性比生命還重要。不然的話，如果遇到React Fiber要解決的這類問題的話，就需要推翻 閱讀全文
Omi框架Store體系的前世今生
2017-03-23 10:13 by 【當耐特】, 1662 閱讀, 1 推薦, 收藏,
摘要："原文鏈接 https://github.com/AlloyTeam/omi" Store 體系 先說說Store系統(tǒng)是干什么的！為什么要造這樣一個東西？能夠系統(tǒng)架構(gòu)帶來什么？ 當我們組件之間，擁有共享的數(shù)據(jù)的時候，經(jīng)常需要進行組件通訊。在Omi框架里，父組件傳遞數(shù)據(jù)給子組件非常方便： 通過在組件上 閱讀全文
omi-cli新版發(fā)布-升級webpack2和支持sass生成組件局部CSS
2017-03-16 08:32 by 【當耐特】, 1942 閱讀, 1 推薦, 收藏,
摘要：寫在前面 "omi cli" 是 "Omi" 的命令行工具。在v0.1.X以及之前版本中，生成出來的項目腳手架 是基于webpack1的。由于： webpack1不支持tree shaking，webpack2 支持tree shaking webpack1不支持 sass loader，webpa 閱讀全文
Omi應用md2site-0.5.0發(fā)布-支持動態(tài)markdown拉取解析
2017-03-15 11:00 by 【當耐特】, 1317 閱讀, 0 推薦, 收藏,
摘要：寫在前面 Md2site是基于 "Omi" 的一款Markdown轉(zhuǎn)網(wǎng)站工具，使用簡單，生成的文件輕巧，功能強大。 官網(wǎng)： "http://alloyteam.github.io/omi/md2site/" Github: "https://github.com/AlloyTeam/omi/tree 閱讀全文
Omi應用md2site發(fā)布-markdown轉(zhuǎn)網(wǎng)站利器
2017-03-06 12:57 by 【當耐特】, 2157 閱讀, 1 推薦, 收藏,
摘要：寫在前面 Md2site是基于 "Omi" 的一款Markdown轉(zhuǎn)網(wǎng)站工具，使用簡單，生成的文件輕巧，功能強大。 當我們想把一堆markdown文檔轉(zhuǎn)成網(wǎng)站時，你可能有許多選擇，倘若選擇 md2site ，你一定會愛上她。 官網(wǎng)： "http://alloyteam.github.io/omi/m 閱讀全文
AlloyTouch之無限循環(huán)select插件
2017-03-03 11:34 by 【當耐特】, 1196 閱讀, 1 推薦, 收藏,
摘要：寫在前面 當滾動的內(nèi)容很多，比如鬧鐘里設置秒，一共有60項。讓使用者從59ms滾回01ms是一件很痛苦的事情，所以： 在列表項太多的情況下，我們希望能夠有個無限循環(huán)的滾動。00ms和01ms是無縫鏈接起來的。如下圖所示： 在線演示 "http://alloyteam.github.io/AlloyT 閱讀全文
Omi教程-插件體系
2017-03-01 09:31 by 【當耐特】, 1430 閱讀, 1 推薦, 收藏,
摘要：插件體系 "Omi" 是Web組件化框架，怎么又來了個插件的概念？ 可以這么理解: Omi插件體系可以賦予dom元素一些能力，并且可以和組件的實例產(chǎn)生關聯(lián)。 omi drag 且看這個例子: 點擊這里→在線試試 js import OmiDrag from './omi drag.js'; OmiD 閱讀全文
AlloyTouch之select選擇插件
2017-02-28 09:29 by 【當耐特】, 959 閱讀, 2 推薦, 收藏,
摘要：寫在前面 很多情況下，產(chǎn)品希望統(tǒng)一安卓和IOS select交互和樣式。但是眾所周知，IOS和安卓的select喚起的選擇界面并不是樣的，甚至IOS不同系統(tǒng)版本以及安卓不同系統(tǒng)版本下的select喚起的界面也不是相同的。而且省市區(qū)多選的需求，不管是IOS和安卓都沒有提供原生界面的支持。所以唯一的辦法 閱讀全文
Omi命令行界面omi-cli發(fā)布
2017-02-27 10:23 by 【當耐特】, 1481 閱讀, 1 推薦, 收藏,
摘要："原文鏈接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi cli.md" 寫在前面 通常認為，命令行界面（CLI）沒有圖形用戶界面（GUI）那么方便用戶操作。但是CLI比GUI節(jié)約資源，在熟悉命令之后，CLI會比GU 閱讀全文
Omi實戰(zhàn)-QQ附近用戶列表Web頁
2017-02-23 09:58 by 【當耐特】, 1775 閱讀, 0 推薦, 收藏,
摘要："原文地址https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_nearby.md" 寫在前面 Omi很適合大型復雜的Web頁面開發(fā)，例如一些Web在線工具的開發(fā)。但是制作這種簡單的QQ附近用戶列表Web頁，也不會有大炮哄蚊子的感覺 閱讀全文
Omi教程-生命周期和事件處理
2017-02-22 10:47 by 【當耐特】, 1130 閱讀, 0 推薦, 收藏,
摘要：生命周期 名稱 含義 時機 constructor 構(gòu)造函數(shù) new的時候 install 初始化安裝，這可以拿到用戶傳進的data進行處理 實例化 installed 安裝完成，HTML已經(jīng)插入頁面之后執(zhí)行 實例化 uninstall 卸載組件。執(zhí)行remove方法會觸發(fā)該事件 銷毀時 befor 閱讀全文
AlloyTouch實現(xiàn)下拉刷新
2017-01-09 11:46 by 【當耐特】, 1819 閱讀, 2 推薦, 收藏,
摘要：原文地址: "https://github.com/AlloyTeam/AlloyTouch/wiki/Pull to refresh" 效果展示 掃碼體驗 你也可以 "點擊這里" 訪問Demo 可以 "點擊這里" 查看代碼 背景 在手機QQ內(nèi)部，其實客戶端提供了下拉刷新的能力，拖動整個webvie 閱讀全文
AlloyTouch實戰(zhàn)--60行代碼搞定QQ看點資料卡
2016-12-29 10:09 by 【當耐特】, 1447 閱讀, 1 推薦, 收藏,
摘要：原文鏈接： "https://github.com/AlloyTeam/AlloyTouch/wiki/kandian" 先驗貨 訪問DEMO你也可以 "點擊這里" 源代碼可以 "點擊這里" 如你體驗所見，流程的滾動的同時還能支持頭部的動畫？不斷地加載新數(shù)據(jù)還能做到流暢的滑動！怎么做得的？使用All 閱讀全文
AlloyTouch 0.2.0發(fā)布--魚和熊掌兼得
2016-12-28 10:56 by 【當耐特】, 1108 閱讀, 1 推薦, 收藏,
摘要：原文鏈接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch 0.2.0" 背景 公司師姐昨日在KM發(fā)了篇長文，主要結(jié)論RAF+transform3d就是不如transition+transform3d平滑流暢，但是transition 閱讀全文
Scoped CSS規(guī)范草案
2016-12-26 16:09 by 【當耐特】, 1756 閱讀, 3 推薦, 收藏,
摘要：原文鏈接： "https://github.com/AlloyTeam/AlloyTouch/wiki/Scoped CSS" 寫在前面 問:什么是Scoped CSS規(guī)范？ Scoped CSS規(guī)范是Web組件產(chǎn)生不污染其他組件，也不被其他組件污染的CSS規(guī)范。 面對組件化的普及，組件的復用很普遍 閱讀全文
transformjs污染了DOM?是你不了解它的強大
2016-12-26 09:24 by 【當耐特】, 1735 閱讀, 1 推薦, 收藏,
摘要：原文鏈接: https://github.com/AlloyTeam/AlloyTouch/wiki/Powerful transformjs 寫在前面 上星期在React微信群里，有小伙伴覺得transformjs直接給DOM添加屬性太激進，不可取（由于不在那個微信群，不明白為什么React會談到 閱讀全文
AlloyTouch全屏滾動插件發(fā)布--30秒搞定順滑H5頁
2016-12-22 11:06 by 【當耐特】, 6952 閱讀, 1 推薦, 收藏,
摘要：原文鏈接： "https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch FullPage Plugin" 先驗貨 插件代碼可以在 "這里" 找到。 注意，雖然是掃碼體驗，但是AlloyTouch.FullPage特意對鼠標滾輪事件進行了兼容，所以 閱讀全文
react動畫難寫？試試react版transformjs
2016-12-19 09:37 by 【當耐特】, 3840 閱讀, 1 推薦, 收藏,
摘要：簡介 "transformjs" 在非react領域用得風生水起，那么react技術棧的同學能用上嗎？答案是可以的。junexie童鞋已經(jīng)造了個 "react版本" 。 動畫實現(xiàn)方式 傳統(tǒng) web 動畫的兩種方式 ： 1. 純粹的CSS3 ：如：transition/animation+transf 閱讀全文
你必須收藏的Github技巧
2016-12-14 09:23 by 【當耐特】, 8604 閱讀, 13 推薦, 收藏,
摘要：一秒鐘把Github項目變成前端網(wǎng)站 GitHub Pages大家可能都知道，常用的做法，是建立一個gh pages的分支，通過setting里的設置的GitHub Pages模塊可以自動創(chuàng)建該項目的網(wǎng)站。 這里經(jīng)常遇到的痛點是，master遇到變更，經(jīng)常需要去sync到gh pages，特別是純w 閱讀全文
HTML5 Canvas玩轉(zhuǎn)酷炫大波浪進度圖
2016-12-13 11:52 by 【當耐特】, 5181 閱讀, 5 推薦, 收藏,
摘要：如上圖所見，本文就是要實現(xiàn)上面那種效果。 由于最近 "AlloyTouch" 要寫一個下拉刷新的酷炫loading效果。所以首選大波浪進度圖。 首先要封裝一下大波浪圖片進度組件。基本的原理是利用Canvas繪制矢量圖和圖片素材合成出波浪特效。 本文的代碼你可以在這里 "https://github. 閱讀全文
AlloyTouch Button插件-不再愁click延遲和點擊態(tài)
2016-12-12 15:17 by 【當耐特】, 1397 閱讀, 2 推薦, 收藏,
摘要：移動端不能使用click，因為click會有300ms。所有有了fastclick這樣的解決方案。然后fastclick并沒有解決點擊態(tài)（用戶點擊的瞬間要有及時的外觀變化反饋）的問題。hover會有不消失的問題，所有大家一般用:active。利用 :active 偽類來設置某元素被點擊時的點擊態(tài)樣式 閱讀全文
一分鐘搞定AlloyTouch圖片輪播組件
2016-12-09 12:54 by 【當耐特】, 1975 閱讀, 4 推薦, 收藏,
摘要：輪播圖也涉及到觸摸和觸摸反饋，同時，AlloyTouch可以把慣性運動打開或者關閉，并且設置min和max為運動區(qū)域，超出會自動回彈。 除了一般的豎向滾動，AlloyTouch也可以支持橫向滾動，甚至任何屬性的運動，因為它的設計的本質(zhì)就是屬性無關，觸摸可以反饋到任何屬性的運動。所以 "AlloyTo 閱讀全文
Using AlloyTouch to control three.js 3D model
2016-12-08 08:50 by 【當耐特】, 1059 閱讀, 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 【當耐特】, 2355 閱讀, 0 推薦, 收藏,
摘要：如你所見，上面的cube的旋轉(zhuǎn)、加速、減速停止都是通過AlloyTouch去實現(xiàn)的。 演示 代碼 factor需要自己不斷去調(diào)試出最佳的值，讓松手之后的慣性運動的速率和時間達到最佳的效果。 moveFactor需要自己不斷去調(diào)試出最佳的值，就是讓橫向拖拽的距離映射到旋轉(zhuǎn)的角度上達到最跟手的效果。 如 閱讀全文
浙公網(wǎng)安備 33010602011771號