JavaScript & HTML5 - 随笔分类(第2页) - 柒零壹

[Learn AF3]第三章 App Framework 3组件之Panel：afui的核心

摘要：Panel，afui的核心组件组件名称：Panel 使用说明：按照官方的说法，panel组件是af3的“核心（heart of the ui）”，panel用于构造应用中独立的内容展示区域，是真正用于装载信息和用户交互的控件的地方，panle控件还需要声明在class="pages"的div元素之... 阅读全文

posted @ 2015-03-09 11:59 柒零壹阅读(1491) 评论(2) 推荐(1)

[Learn AF3]第二章 App Framework 3.0的组件View——AF3的驱动引擎

摘要：View：af3中的驱动引擎组件名称：View 使用说明：按照官方的说法，view组件是af3的“驱动引擎（driving force）”，view是af3应用的基础，一个app中可以包含一个或多个view，它可以包含一个footer，一个header，可以包含N个panel和sidemenu... 阅读全文

posted @ 2015-03-06 10:30 柒零壹阅读(1817) 评论(0) 推荐(0)

[Learn AF3]第一章如何使用App Framework 3.0 构造应用程序

摘要：af3的变化非常大。参见[译]Intel App Framework 3.0的变化一、应用需要引用的js脚本： af3中不在自己实现dom选择器，而是选择基于jquey或兼容jquery的库如zepto等，touch layer也依靠fastclick。下面就是af3应用的head部分示意... 阅读全文

posted @ 2015-03-06 00:30 柒零壹阅读(3138) 评论(1) 推荐(0)

[译]Intel App Framework 3.0的变化

摘要：App Framework 3.0原文IAN M. (Intel) 发布于 2015-02-11 05:24 我们高兴地宣布App Framework 的新版本3.0发布了。你可以获得最新的代码于https://github.com/01org/appframework ，要查看文档请访问 ht... 阅读全文

posted @ 2015-03-02 23:45 柒零壹阅读(2640) 评论(3) 推荐(0)

手机浏览器中屏蔽img的系统右键菜单context menu

摘要：我们知道通过oncontextmenu事件可以屏蔽浏览器右键菜单$('img').on("contextmenu",function(E){E.preventDefault();E.stopPropagation();E.returnValue=false; return false;}) 可是这... 阅读全文

posted @ 2015-02-17 00:02 柒零壹阅读(1231) 评论(0) 推荐(0)

HTML5 touche vents drag to move & AF actionsheet by longTap

摘要：$('img').on("touchstart",function(E){ //E.preventDefault();E.stopPropagation(); var el=this;var... 阅读全文

posted @ 2015-02-16 00:31 柒零壹阅读(316) 评论(0) 推荐(0)

HTML5 FileReader

摘要：利用HTML5中的FileReader类，动态切换af中Panel的背景，动态设置img元素的图片 1 if(FileReader){ 2 $('.panel').on("tap",function(e){ 3 console.log("target",e.target) 4... 阅读全文

posted @ 2015-02-13 06:49 柒零壹阅读(269) 评论(0) 推荐(0)

【Intel AF 2.1 学习笔记三】

摘要：AF中自带一些Css矢量图标，使用时需要设置class，例如下面代码显示一个左箭头图标：AF中可用的图标类名有：addbasketbugbusycalendarcamerachatcheckclockclosecloudcssdatabasedowndownloaderrorfoldergraphh... 阅读全文

posted @ 2015-02-10 06:34 柒零壹阅读(187) 评论(0) 推荐(1)

【Intel AF 2.1 学习笔记二】AF中的页面——Panel

摘要：Panel Panel控件是你的app中的独立内容的区域控件。它是af UI的核心。Panel div 元素实际上承载了app中你管理和显示的界面元素和内容。创建panel控件是相当地容易的：在id为“content”的div元素中添加一个class设置为“panel”的新div元素，然后为其设置... 阅读全文

posted @ 2015-02-06 07:53 柒零壹阅读(436) 评论(0) 推荐(1)

【Intel AF 2.1 学习笔记一】AF程序结构

摘要：Intel App Framework（原jqMobi）是用来开发hybrid app的开源免费框架，被intel收编之后发布了最新的2.1版本，最近正在学习。af的所谓程序结构，就是AF网页的架构，大家直接看代码就都清楚了（因为我加了注释：^_^）。返回 ... 阅读全文

posted @ 2015-02-05 00:44 柒零壹阅读(545) 评论(3) 推荐(1)

mocha框架下，异步测试代码错误造成的问题----用例超时错误

摘要：今天用抹茶（mocha）做个测试，发现有一个测试项目总是超时：describe("DbFactory functions",function(){ it("query tables should return more than 0 rows",function(done){ ... 阅读全文

posted @ 2014-11-28 15:12 柒零壹阅读(3327) 评论(2) 推荐(0)

IE中自定义标签使用自封闭格式引发错误！

摘要：最近学习IONIC，其中用到了ion-menu-nav-button，由于标签开始和结尾之间没有内容，所以图省事儿使用自封闭标签的写法：在chrome和firefox下都没有问题，只有在IE10下body中的内容都没有显示，开始以为是box显示模式问题。经调试后发现，在IE的DOM树中，ion-na... 阅读全文

posted @ 2014-11-11 11:31 柒零壹阅读(295) 评论(0) 推荐(0)

AngularJS.directive系列：嵌套directive的通讯及scope研究

摘要：一、directive中的scope directive无疑是AngularJS中比较复杂难懂的部分，而directive中个scope更是其中最复杂的部分了，尤其是在嵌套directive中互相通讯的时候。单独的directive中，scope概念还是比较简单的，此时scope的三种取值情况... 阅读全文

posted @ 2014-11-03 16:54 柒零壹阅读(5292) 评论(5) 推荐(1)

[译]Angular-ui 之多命名视图（Multiple Named Views）

摘要：◄上一篇 (Nested States & Nested Views) 下一篇 (URL Routing) ► 你可以给你的视图命名，以便可以在单个模版当中拥有一个以上的 ui-view 。比如说，你有一个应用需要动态生成图表，一些表的数据和过滤条件如图所示：You can name your ... 阅读全文

posted @ 2014-10-10 12:59 柒零壹阅读(694) 评论(0) 推荐(0)

[译]Angular-ui 之 Url Routing

摘要：◄ 前一篇 (Multiple Named Views) 下一篇 (The Components) ► 在你的应用中多数的状态都是基于特定的url地址的。Url Routing机制绝不是在状态机制之上后加的东西，而是一开始就是规划在最初设计方案(译注：angular-ui的设计方案)之中的(在实... 阅读全文

posted @ 2014-10-10 12:56 柒零壹阅读(871) 评论(0) 推荐(0)

解决错误：“废弃 document 元素之后的内容”——HTML5新特性，局部样式表

摘要：最近正在学习angularjs，不过本文和angularjs没多大关系。在学习使用route和ng-view使用模版之后，发现view装载之后，firefox都会报个错误“废弃 document 元素之后的内容”，虽然页面正常运行，不过总是看着别扭:(。仔细查看后，发现报错之处指向了样式表标... 阅读全文

posted @ 2014-09-28 11:11 柒零壹阅读(219) 评论(0) 推荐(0)

给zTree添加onSelect callback

摘要：由于jqueryui没有集成tree控件，所以在网上找到了zTreev3。zTree无疑是功能非常强大的一款jquery的插件，而且是国人作品，zTree的文档写得也非常好，效果很炫。但是我在使用过程中，发现ztree目前的版本，缺乏一个onSelect的callback。系统的要求是这样的，Tr... 阅读全文

posted @ 2014-05-14 15:55 柒零壹阅读(2273) 评论(0) 推荐(0)

[译]究竟jQuery Mobile能为你做什么？

摘要：jQuery Mobile能为你做什么？原文在此作者： Matt Doyle 于2010.11.5 翻译：佣工7001概要：本文试图帮助你找到利用jQuery Mobile这个崭新的框架来很容易地搭建出惊艳的、跨平台的web应用。文章中例举了大量的编码实例，并链接了在线演示。jQuery 已经有... 阅读全文

posted @ 2013-03-01 10:24 柒零壹阅读(1358) 评论(0) 推荐(0)

jQuery.unbind解除按钮的事件

摘要：jQuery.unbind解除按钮的事件绑定不是立即完成（IE6）！我调用unbind后，再次触发按钮的click()方法，还是执行原来的处理逻辑。没办法，只好用window.setTimeout睡了一会儿才搞定。阅读全文

posted @ 2012-03-31 11:10 柒零壹阅读(271) 评论(0) 推荐(0)

升级到IE7.0引起的问题

摘要：我们的web应用一般都是使用三行的布局header+content+footer，其中header部分当然在顶部，footer部分紧靠底部，内容部分大小正好填充满浏览器的当前高度，内容溢出后中间部分产生滚动条。正如大家周知的CSS兼容原因，只能以高js脚本实现。可是浏览器升级到IE7后，不能正常显示了，经调试发现原来document.body.clientHeight的值在IE7中变得很奇怪，使页... 阅读全文

posted @ 2007-09-27 11:20 柒零壹阅读(464) 评论(0) 推荐(0)

我看青山多妩媚

随笔分类 - JavaScript & HTML5