2016-10-21 精選文章

軟體	Google 文件、試算表與簡報「內建」任務指派與確認簽核功能- 電腦玩物
	深入研究：http2的真正性能到底如何
	为何你的浏览器不信任GlobalSign签发的HTTPS证书？ - FreeBuf.COM ...
	怎样才算是大神级代码？ - 编程- 知乎
	GitLab-CI 从安装到差点放弃
	Docker存储方式选型建议
	从RethinkDB的倒闭反思开源项目可持续的盈利模式
	Solidot | 英特尔新处理器支持深度学习指令集
	MySQL 8.0 將會實作「真正的」Descending Indexes | Gea-Suan Lin's ...
Web	JavaScript 异步编程之 jsdeferred 原理解析
	《每周一点canvas动画》——差分函数的妙用
	css中的有趣的 border
	HTML5，不只是看上去很美（第四弹：可交互地铁线路图）
	理解并运用 CSS 的负 margin 值
	Chrome扩展程序开发
	JavaScript函数式真正的浅析
	CSS中一些利用伪类、伪元素和相邻元素选择器的技巧
	CSS 行内对齐的黑魔法
	H5页面- 小米Max 微信群聊 - xiao
	开源造轮子：一个简洁，高效，轻量级，酷炫的不要不要的canvas粒子运动插件库
	WebGL 绘制三角形
	七种css方式让一个容器水平垂直居中
	《JavaScript 闯关记》之正则表达式
	CSS 实现 1px 以内的移动
	基于HTML5 Canvas 实现矢量工控风机叶轮旋转
架構	Jay Kreps谈基于Apache Kafka和Kafka Streams的分布式流处理 - InfoQ
	无服务器架构2/3 - InfoQ
	无服务器架构1/3 - InfoQ
	无服务器架构3/3 - InfoQ
	Netflix的计费系统迁移到AWS的实践– 第3篇 - InfoQ
	从建设到治理，从系统到团队，谈高可用架构之道 - InfoQ
資安	全球居然有200万IoT设备还存在12年前的OpenSSH“骨灰级”漏洞 ...
行銷	LINE 公開最新商務操作策略，四大服務讓你的粉絲從多到黏- INSIDE 硬 ...
	想吸引新客戶，給折扣 VS. 免費試用，哪個更有效？
	KKBOX的全新推薦系統！他怎麼能猜中你「沒聽過但可能會喜歡」的歌 ...
管理	弄清楚Leader的角色，才帶得好團隊！領導者要做的5件事｜經理人at ...
創業	这三个重要指标，决定了创业公司能否顺利进行到下一阶段_资讯_i黑马
	初创企业应该先招什么样的人？互补型还是“细胞分裂”？_36氪
	創業公司融資，股權是如何一步步被稀釋的？ | aplayground.com
	陈春花：谁是唯一有能力解雇企业所有人的人？_资讯_i黑马
	大多数天使投资人不会告诉你的六个真相，投资初创公司是一个数字游戏 ...
	发布智能机器人图灵，因果树希望回答一切和投资有关的问题_36氪
	互联网金融风险专项整治工作实施方案曝光 - 中国网新三板
	又一家美元基金中国团队独立：红点创投中国基金成立 - 微博
Go	robot go for windows & mac
	使用go的io.Pipe优雅的优化中间缓存
	Transfer 10Gbps http traffic over 1Gbps networks

HTML5 手機平台支援度

HTML5 手機平台支援度 :
http://caniuse.com/#agents=mobile
http://caniuse.com/#feat=namevalue-storage,offline-apps,websockets,webworkers


web worker相關應用
web worker為多執行緒處理類別,可同時處理更多的事件,類似ajax
參考網址:
http://blog.colorbase.tw/web-development/888

Adobe Edge-讓你用HTML5設計動態網頁

http://www.slashgear.com/adobe-edge-html5-app-could-eat-flash-from-the-inside-01168612/
Edge影片介紹
他主要是用HTML5作網頁動畫及操作,所以可以用flash的設計觀點去設計
不過程式語法是java script,現在看起來edge的完整性滿高的,而且他很有可能會是free的
因為他的js library是公開的,只要了解library就可以自行開發新的IDE介面出來

可以期待網頁美術人員製作出純HTML5的動態網頁!!!
資源:
http://labs.adobe.com/technologies/edge/resources/
Edge下載:
http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_edge

開發Mobile HTML應用程式技巧

下面這個網址說明了開發Mobile HTML應用程式技巧,有META的宣告也有說JS可以監聽到的event有哪些,對於剛要接觸的HTML5 mobile的人很有幫助,不過他是英文的,不過不難就是了
HTML5 mobile

HTML5 phonegap VS. Flash AIR mobile

最近測試了Phonegap 跟 AIR mobile的效能
測試環境:
Android 2.2 Emulator
AIR版本:2.6
phoneGap版本:1.0
測試方式:
只計算FPS不做任何處理
測試結果:
Type FPS
Phonegap 15~18
AIR 60~90

結論:
AIR在效能上的確比PhoneGap好,但是在手機功能支援度上,AIR只有相機跟麥克風可以使用,PhoneGap則有GPS跟加速計等額外的手機功能可以使用,如果在開發遊戲上以AIR來開發,開發速度會比HTML5開發速度快許多,但是在一些創意功能上可能就遜色了,所以目前開發遊戲還是用AIR做好了~O~

更新:AIR已經可以支援GPS等...設備

線上HTML5編輯器

今天無意間看到的 "Cloud9",它是一套開放原始碼的線上HTML5編輯器

優點:
1.線上協同開發
2.偵錯功能
3.可發佈到專案網站github
缺點:
1.沒有自動顯示可用事件或屬性功能(有這功能才不用記一大堆指令)
2.操作速度上可以感覺到有些延遲(可能有些人不覺得,不過我是覺得有些不順)

如何申請
先到他的網站申請帳戶,通過認證之後,就可以建立專案開發了
網址:http://c9.io/

有興趣的人可以去看看,我還是乖乖的用eclipse做比較實際

HTML5 in mobile

紀錄一下有關HTML5 在行動平台上的滑鼠監聽事件
web mobile
onmousemove touchmove
onmousedown touchstart
onmouseup touchend

/**************************************************************************
程式碼
/**************************************************************************
window.addEventListener("touchmove", this, false);
this.stage.onmousemove = stageMouseEvent;
}
}
Stage.prototype.handleEvent = function (event)
{
switch(event.type)
{
case "touchstart" :
this.onTouchStart(event);
break;
case "touchmove" :
this.onTouchMove(event);
break;
case "touchend" :
this.onTouchEnd(event);
break;
}
}
Stage.prototype.onTouchMove = function(e)
{
e.preventDefault();
/* Stop tracking if targetTouches contains multiple touches (this means that a gesture event has occurred)*/
if (e.targetTouches.length != 1)
{
return false;
}
/* trace x,y */
mouseXY("Stage:" + e.targetTouches[0].clientX + ',' + e.targetTouches[0].clientY);
return false;
}