摘要：
感谢谢帅shawn分享的canvas动画框架，我再来分一次//动画框架http://neekey.net/blog/2011/05/11/canvas-%E7%AE%80%E5%8D%95%E5%8A%A8%E7%94%BB%E5%AE%9E%E7%8E%B0%E6%80%9D%E8%B7%AF///使用JavaScript和Canvas开发游戏http://www.cn-cuckoo.com/2011/08/10/game-development-with-javascript-and-the-canvas-element-2554.html 之前学过的OC是纯粹的面向对象语言，所以我一直. 阅读全文
摘要：
2012.09.03 1. 学习oc的绘图api，将美女无P的图片上画上响应的人名。10:00--12:00 2. 做一个cordova webView的helloworld。14:00--16:00总结： 这几天都放羊了，就当时学了一年的假期吧。绘图api还没看，cordova webview也没做。 坚持。坚持。 阅读全文
摘要：
2012.09.02 今天早上5点半起来送父母去机场，现在回到家8点了，不睡了，干点事吧。 1. 利用phonegap2.0的新特性cordova webView新特性，尝试开发一个重原生的混合应用，8:30--12:00。 2. 学习oc里的绘图api，实现在照片上绘制水印。13:00--16:00。 3. C++入门学习，18:00--20:00。 4. 素描自学课程，1小时。总结： 由于和朋友出去玩了，只完成了第1项的前一半，也就是成功的安装了cordova2.0，还在github上下载了一个NativeControls.js/.h/.m的phonegap插件，可以很方便的调... 阅读全文
摘要：
2012.08.30 今天的主要任务还是修改美女无P的中间衔接页，经过4天的研究，昨天终于知道在哪里下手改了。昨天下载了cordova2.0，今天要简单的写一个cordova webView的demo体验一下如何在重原生的hybrid App里穿插webView。 美女无P，10点到11点半，完成中间页的所有功能。 美女无P，2点到3点半，先确定是否需要给照片加信息水印，如果需要的就去查看oc的图形api。 总结： 上午未完成“中间页”的工作，所以延续到了下午才完成。加水印的工作没有完成，只能放在以后了。 好像是有点进步了~ 阅读全文
摘要：
2012.08.29 最近有个很强烈的感觉——必须做的事情、应该做的事情、自己想做的事情都越来越多。必须做的是指工作和学习上的固有计划；应该做的事情是指我觉得有一些知识很有价值，应该去掌握，但是又不是必须立刻掌握。自己想做的事情包括兴趣爱好、锻炼身体、自我完善等等。这俩年来，自我感觉在人生大方向上的计划和把握上，比较满意。随着一步一步进入到了移动互联网，成为了程序员——在行业和职业上都有了明确的脚步，我深深的体会到，每个行业都是博大精深。一个行业里会分很多专长，很多方向。一个人不可能在短期之内通吃所有角色。所以，唯有找到自己的优势，自己的兴趣点，有重点、有计划的前进，才能走的更轻松更坚实... 阅读全文
摘要：
http://www.cnblogs.com/shenzhoulong/archive/2011/02/13/1952919.htmlhttp://www.webskys.com/html5/134.html精：http://www.cnblogs.com/Wenwang/archive/2012/04/26/2470403.html 阅读全文
摘要：
http://qiqicartoon.com/?p=629 阅读全文
摘要：
透视投影：http://blog.csdn.net/summerhust/article/details/6751475demo实现：http://www.html5china.com/HTML5features/WebGL/20120509_3611.htmlthree.dome:http://mrdoob.github.com/three.js/ 阅读全文
摘要：
编者按：Greg McKeown为商业作家、顾问及研究员，专注于领导力，战略设计，集体智慧及人力系统，曾出版《成为乘法领导者：如何帮助员工成就卓越》。为什么一些成功的人或组织不会自动变得非常成功？对于这个问题，其中一个重要的解释就是“目标明确悖论”，这可概括为四个阶段：阶段1：当我们目标明确，目标明确会让我们成功。阶段2：当我们成功，成功会给予我们更多的选择和机会。阶段3：当我们有了更多的选择和机会，这些机会将分散我们的努力。阶段4：当我们努力被分散，我们最初成功的明确目标会被破坏。所以很离奇的，如果对这个结论再总结一下，那就是：成功是失败的催化剂。这个结论并不稀奇，我们可以在那些曾在华尔街炙 阅读全文
摘要：
Sencha Architect 2快速上手Ext JS 4.1:http://df1.github.com/blog/2012/04/23/get-started-with-ext-js-4-1-using-sencha-architect-2/sencha touch 2与phonegap结合开发web app:http://www.cnblogs.com/huanghuang/archive/2012/01/30/2331721.htmlsencha touch demo:http://www.zawaung.co.uk/mobile/senchatouch/workspace/publ 阅读全文
摘要：
2012移动开发调查显示HybridApp开发占据一半以上：http://blog.sina.com.cn/s/blog_56c9b55c01010wc0.htmlWeb App 被看衰，Hybrid App 才是新王道：http://www.iteye.com/news/25442HTML5、Native或Hybrid App开发全接触：http://www.e800.com.cn/articles/2012/0620/511316.shtml 阅读全文
摘要：
http://blog.csdn.net/zkdemon/article/details/7066807 阅读全文
摘要：
NSRequest详解：http://blog.csdn.net/bl1988530/article/details/6590099ajax同步请求与异步请求的解释：http://285746555.blog.51cto.com/2966432/624295http://www.cnblogs.com/liunx/archive/2010/08/06/1793954.html 阅读全文
摘要：
保存到相册：http://www.devdiv.com/thread-37976-1-1.html进度条实现：http://code4app.com/category/progress 阅读全文
摘要：
如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。这里主要介绍六种简单通用的方式——转场、邀请、过渡、反馈、缩放、吸附。原则一：转场由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、 阅读全文
摘要：
原文地址：http://www.adobe.com/cn/devnet/html5/articles/extending-phonegap-with-native-plugins-for-ios.htmlGitHub demo：https://github.com/phonegap/phonegap-plugins/blob/master/iOS/PickerView/PickerView.m要求必备知识为充分理解本文，要求精通PhoneGap 基础知识和 Objective-C 编程。用户级别中级范例文件MyFirstPhoneGapPlugin.zip本文细致探讨了 Xcode（以 iOS 阅读全文
摘要：
感谢贾占霞的分享，这里我收藏了，原文地址http://bbs.html5cn.org/thread-2204-1-18.html在Web开发中，加载动画是非常有用的，不要低估它，它可以让网站响应用户的交互，让用户知道服务器正在处理请求，并告知用户需要等待一段时间。通常加载动画是GIF格式的，但是现在我们有强大的浏览器和技术（VML和Canvas），加载动画不再只限于GIF格式，它可以由JavaScript来生成，并高度可定制，以下是我整理的5个JavaScript实现的加载动画方案。这些动画并不是所有的都能在老的浏览器上实现，比如IE6、IE7和IE8。但是其中activity indicat 阅读全文
摘要：
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title> css3 滑动块效果 </title> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> .top{positi 阅读全文
摘要：
www.mordernzir.comthis is about html5 css3www.kineticjs.comthis is about canvas 阅读全文
摘要：
原文链接：走走停停看看demo：http://peterned.home.xs4all.nl/matrices/#1.282,-0.010,-0.273,0.801,51.793,-103.582http://blog.csdn.net/baoeni/article/details/7605394今天终于知道matrix矩阵的工作原理，原来跟自己大一时学习的线性代数有很大的关系，看来得找个时间回去补一下功课了….这就是矩阵的运算了，简化为公式：x’=ax+cy+ey’=bx+dy+f所以给定一个matrix矩阵，通过上面的公式变换就可以得到不同的效果，这关系到计算机图形学（省略1w+字..）c 阅读全文
摘要：
写css3的-webkit-transform-style:preserve-3d是开启了该容器的3d空间，并且调用硬件加速。需要多个动作的div要合写在一起，不能分开写，否则后面的会覆盖前面的。keyframe里每个关键帧都会分别按照timing-function的设置运动，并不是整个全部运动过程执行一套ease，所以，要想明白自己到底要什么效果。动画执行完后会恢复原样，无法停留在最后的样子。<html> <head> <title> New Document </title> <meta name="Generator&quo 阅读全文
摘要：
总结一些需要注意的点： 1. 不要忘记写 html, body {margin:0; height:100%;}，否则 outer 的 height:100%就不会有效果。 2. 给body设置box-sizing:border-box;可以让padding也包含在height里。 3. box的子元素是默认横向（horizontal）排列的，此时，box-pack是负责横向左中右对齐，box-align是负责竖向上中下对齐的。 当将box-orient:vertical时，是纵向排列，此时，box-pack是负责上中下对齐，而box-align负责左中右对齐。相当于旋转了90度。... 阅读全文
摘要：
这次phoneGap的开发，了却了我一直以来想学学这方面知识的心愿——这算是hybrid程序员的起点。之前一直认为很神秘，接触起来也觉得并不很难学，充分证明人类对于“未知的恐惧”的心理作用，通过越来越多的经历，会变得不那么严重。当然，如果要研究到一定的深度，也不会很容易。 doctor项目，并不能算是真正意义上的phoneGap开发，它只是使用了phoneGap框架，几乎没有用到其中的亮点——对于移动设备硬件资源的调动、用js代码与oc代码进行互动等。虽然如此，仍然出现了很多我没接触的东西，需要总结一下。 1. 使用iframe开发网页的通用部分，还是很不错的选择。因为通用部分完全就是... 阅读全文
摘要：
（Storyboard）是一个能够节省你很多设计手机App界面时间的新特性，下面，为了简明的说明Storyboard的效果，我贴上本教程所完成的Storyboard的截图： 现在，你就可以清楚的看到这个应用究竟是干些什么的，也可以清楚的看到其中的各种关系，这就是Storyboard的强大之处了。如果你要制作一个页面很多很复杂的App，Storyboard可以帮助你解决写很多重复的跳转方法的麻烦，节省很多时间，以便你能够完全的专注于核心功能的实现上。 开始 首先启动Xcode，新建一个工程，我们在这里使用Single View App Template，这个模板会提供一个类和一个Storybo. 阅读全文
摘要：
学了这么久编程了，for循环使用了不知道多少次。解决一个计算问题，可以用n种不同的方法来实现，而优秀的算法，可以提高计算效率，这对于大量的计算有着显著的作用。我们学习的编程基础中，并没有强调算法的重要性，因为我们所涉及的计算量对于计算机来说太渺小了，但是，早些将“算法最优性”的意识植入大脑，这将有利于我们向更高级的程序员迈进。这里分享一个腾讯的面试题，不难，但是可以体会到算法的巧妙之处。（先自己想出一个思路，再看答案） 题目：有一组数字，从1到n（此例子假设n=10），乱序且不存在重复的数字。例如：[8,9,2,3,6,1,4,5,7,10]。从中任意删除了3个数，顺序也再次被打乱，将这... 阅读全文
摘要：
Introduction:准备实践一些HTML5的新技术来强化项目的工具。设计后台交互部分选择了HTML5的WebSocket，研究了一下基本的用法，想写点对于WebSocket实践的感受。个人觉得WebSocket的出现是对于Web应用交互性设计的一次革新。WebSocket提出之前，为了解决后台推送消息到前台的需求，提出了一些解决方案，这些方案使用已有的技术（如ajax，iframe，flashplayer，java applet ...），通过一些变通的处理来实现。基本思路都是通过轮询的方式不断的由Client Browser向Server请求任何数据和页面的变化，亦或通过长连接的方式借 阅读全文
摘要：
<script type="text/javascript"> <!-- var zhengze = /as/g; alert(typeof zhengze) var zfc = 'asjkkjkjasjkjlkjas'; //正则的方法 aa = zhengze.exec(zfc)//返回找到第一个as，一般会配合index使用 bb = zhengze.test(zfc)//返回的是否找到as的bool值 cc = zfc.match(zhengze)//返回找到所有的as，一般会配合index使用 alert(aa.index);// 阅读全文
摘要：
1. 协同命名 有事好商量，或按功能特点区分。2. 命名空间var o = { o.name = 1; o.age = 2; ...}3. 闭包：(function(){})(); 阅读全文
摘要：
http://www.infoq.com/cn/presentations/hybrid-html5-ios-clientnative+html5+css3的优劣势和发展，还有很多大公司的实际案例，视频还配合了ppt，重要的只能截图了。1. 街旁5的hybrid开发模型中使用的工具方案其中的Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务 阅读全文
摘要：
<html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content 阅读全文
摘要：
1. var i; alert(i); // undefined 只声明了但是没定义2. var i; i--; alert(i); // NaN i--运算自动将 i 转化成了数字类型，但是 i 没有初值，所以说它不是一个合法的数字3. 关于作用域——找变量的时候会先在最近的作用域里找！！var x=1;function print(){ alert(x); // undefined 先在本层作用域找x，找到了，但是还没执行初始化，所以是未定义。若没有下面的代码，则弹出1。 var x = 'hello world'; alert(x); // hell... 阅读全文
摘要：
来自： Innovision 研究技术有限公司目录1. 简介 32. NFC的主要应用 43. NFC的规定标签类型 54. 选择适当的标签 65. 小结 116. 术语表 121. 简介近场通信(NFC)适用于非常广泛的一系列应用。构建于现有系统和人类行为的基础上，NFC使人们的生活变得更简单更方便：访问新媒体和获取内容服务的方式更加直观，购物付款、搜索、同步处理和共享信息更加简单，使用运输和其他公共服务也更加方便。NFC为很多行业带来了新产品和新服务的机会：从网络运营商到手持装置制造商，从应用和服务开发商到服务提供商。尽管如此，面对NFC大众市场的崛起，为了基于这种技术建立能够盈利的企业， 阅读全文
摘要：
在此文档中你会发现很多例子来教会你如何快速上手iScroll脚本库。参看文中的demo小例子并仔细阅读此文档，可能有点小无聊，但是这篇文章中却是iScroll这个脚本库的精髓之所在哦。iScroll需要对所要进行滚动的元素进行初始化，并且不限定一个页面中使用iScroll的元素的个数（这里不考虑您的硬件配置）。滚动元素中内容的类型和长度在一定程度上将会影响iScroll脚本库里可以同时使用的元素的个数。使用iScroll这个脚本库时，DOM树的结构要足够简单，移除不必要的标签，尽量避免过多的标签嵌套使用。最优的使用iScroll的结构如下所示：//isScroll JSvar myScroll 阅读全文
摘要：
1. window.eventIE：有window.event对象FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)2. 鼠标当前坐标IE：event.x和event.y。FF：event.pageX和event.pageY。通用：两者都有event.clientX和event.clientY属性。3. 鼠标当前坐标(加上滚动条滚过的距离)IE：event.offsetX和event.offsetY。FF：event.layerX和event.layerY。4. 标签的x和y的坐标位置：style.po 阅读全文
摘要：
盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder 阅读全文
摘要：
jQuery选择器选择器 实例 选取* $("*") 所有元素#id $("#lastname") id="lastname"的元素.class $(".intro") 所有class="intro"的元素element $("p") 所有<p>元素.class.class $(".intro.demo") 所有class="intro"且class="demo"的元素:first $("p:f 阅读全文
摘要：
本文转载自yu0319@126《CSS3圆角阴影渐变透明旋转等功能详述》随着浏览器的升级，CSS3已经可以投入实际应用了。但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。以下就是这些写法的详细介绍。所有代码都经过了Firefox 3.6和IE 8.0的验证，原文的错误之处也已得到改正。一、圆角（Rounded Corner）.box_round {-moz-border-radius: 30px; /* FF1+ */-webkit-border-radius: 30px; /* Saf3+, Chrom 阅读全文
摘要：
从自己刚刚开始学习javascript到现在已经很久了，今天得益于新酱的细心讲解，总算是把this这个“雾中花”看清晰了。在此首先感谢新酱的讲解下面将this的一些基本使用和大家分享一下：查看this指向的一句话法则：永远指向其所在函数的所有者如果没有所有者时，指向window。理解this的要点：关键在于将函数与函数名分开看待。同一个函数，在不同的执行方法下，会有不同的效果。如何来进行理解呢，来看几个实例1）全局函数中的this指向function test(){ alert(this);//test这个函数没有所有者，因此此时this指向的是window}2）对象方法中的this指向o.t 阅读全文
摘要：
0,canvas一些初始化操作html：<!--在html里写入canvas标签宽高必须设置还可以设置其他css样式canvas标签内写入浏览器不支持canvas标签时应该显示的文字--><canvasid="myCanvas"width="800"height="600"style="border:1pxsolid#c3c3c3;">Yourbrowserdoesnotsupportthecanvaselement.</canvas>js：//通过id获取canvas元素对象v 阅读全文
摘要：
【总结】如何使html5语义化标签兼容ie百度空间改版了，firebug一下，发现页面大量使用了section，article，header等html5标签，赶紧在ie下测试，发现竟然布局不会乱（老浏览器怎么会识别这些新标签？），那么百度是怎么做到的呢？我自己写了几行html，使用了这些新标签，发现老浏览器是根本不会认识这些标签的，为了使这些古董级浏览器认识html5的语义化标签，我们需要用到js。document.createElement('header');//创建一个新标签，标签名为header如上，我们用js创建了一个新标签为header，那此header是不是就可以 阅读全文