在前面的文章中对于Kendo UI中的Grid控件的一些基础的配置和使用做了一些介绍,本文来看看如何将Kendo UI 中的Grid网格控件绑定到远程数据. 众所周知Grid网格控件是用户界面的一个重要的接口,尽管jQuery已经使得界面项目变得更加的容易,但是当网页设计时网格依旧是有一点玄乎.Kendo UI 中的Grid控件包含了快速模版引擎以及内置的数据源,使得我们可以非常快速的创建和运行网格. 创建Grid网格 在页面上首先需要一个网格,一个简单的描述了列表头的表格就可以了,如果你要自己…
Kendo UI Web中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页.排序.分组.选择等,同时还有着大量的配置选项.使用Kendo DataSource组件,可以绑定到本地的JSON数据或者是远程的数据. 创建Kendo Grid: 1.从现有的HTML表格元素中,用HTML定义组.行.和数据. 2.从 HTML div 元素中,用配置定义列和行,并绑定到数据. 从现有的HTML表格元素创建Kendo Grid:>>>示例代码 初始化Kendo Grid $(do…
作为下一代的网页语言,HTML5拥有很多让人期待已久的新特性.HTML5的优势之一在于能够实现跨平台游戏编码移植,现在已经有很多公司在移动 设备上使用HTML5技术.随着HTML5跨平台支持的不断增强和智能手机的迅速普,HTML5技术有着非常好的发展前景,甚至有人预言HTML5将引燃 移动平台游戏开发技术的新革命. 越来越多的开发者热衷于使用html5+JavaScript开发移动Web App.不过,HTML5 Web APP的出现能否在未来取代移动应用,就目前来说,还是个未知数.一方面,用户…
       移动互联网指手机网站和app,其中app分为native app(原生app),web app(html5开发),Hybrid app(前两种app结合):手机网站分为wap网站和3g网站,wap网站分为wap1.x和wap2.0,其中wap1.x网站用wml开发的网站,而wap2.0用XHTML开发的网站,通常称wap2.0网站为3g网站.现在手机网站都能实现触屏操作.具体差异参考下这边文章:http://blog.sina.com.cn/s/blog_6310d2980101g…
触摸屏网站的开发其实现在来讲比前几年移动端网站开发好多了,触摸屏设备IOS.Android.BBOS6等系统自带浏览器均为WEBKIT核心,这就说明PC上面尚未立行的HTML5 CSS3能够运用在这里,极大的减少了工作量和资料的缺乏. 这篇文章讲述关于IOS触屏网站meta的定义对网站的一些效果或者说是功能的帮助. 从最基本的讲: 移动客户端对meta的定义有几项通用定义: <meta content="width=device-width, initial-scale=1.0, maxi…
WAP的全称是“无线应用协议(Wireless Application Protocol)”,是一种向移动终端提供互联网内容和先进增值服务的全球统一的开放式协议标准, 是简化了的无线Internet 协议.手机网站按照这种标准提供服务,支持这种标准的手机就可以访问这些网站亨受这些服务. WEB是网的意思,这里应是指World Wide Web,WWW,万维网.万维网常被当成因特网的同义词,不过其实万维网是靠着因特网运行的一项服务. WAP和WEB并称的时候,前者是指基于WAP协议的手机网站,后者…
转自 http://my.oschina.net/cart/blog/282477 做前端开发不短了,用过jQuery Mobile jqMobi 也纯手工写过.. 最后总结如下: jQuery Mobile:适合大而全,兼容性高,功能全,但是文件大,略显臃肿..如果你是网页版.手机版共用jquery库等 适合使用jQuery Mobile. jqMobi:适合单独就是手机版的站,体积小,速度快,但是兼容性没有jQuery Mobile好,功能没有jQuery Mobile全,但是一般也够用啦.…
HTML5在国内外越来越受到互联网开发团队的青睐.国外,谷歌兴致勃勃地开发Chrome Web Store,微软发布了支持使用HTML5技术开发的“Irish Spring”主题网站,诺基亚斥巨资购得并打造的NOKIA MAP业务.国内的互联网巨头对这股大洋彼岸吹来的新web开发标准也同样感兴趣,开始着手HTML5产品的试水.网易微博iPhone平台Web App产品在2012年第一季度已经成功上线.现将此项目开发的经验教训分享给大家,希望与大家在HTML5开发环境中共同成长.人员配置一.开发人…
最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mobile 与 HTML5 ,可以很方便的开发出一款具有良好界面及用户体验的 Web App,在这个过程中我收获良多,因此决定针对使用 jQuery Mobile 与 HTML5 开发 Web App 写一个系列的文章.在开始之前,我首先简述 Web App 与原生 App 各自的优缺点. 一. Web…
[微信小程序项目实践总结]30分钟从陌生到熟悉 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05-日历组件的实现 4. 微信小程序开发04-打造自己的UI库 5. 微信小程序开发03-这是一个组件 6. 微信小程序开发02-小程序基本介绍 7. 微信小程序开发01-小程序的执行流程是怎么样的? 阅读本文之前,如果大家想对小程序有更深入的了解,或者一些细节的了解可以先阅读上述文章,本文后面点需要对…
在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容. “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会有适当的处理,开发者可以使用 bind() 函数绑定到需要的页面对象中. 值得…
简介 本文重点关注如何充分利用HTML5和CSS让web app运行更加流畅. Tip 1: 使用web storage代替cookie cookie最大的缺陷是在每一次HTTP请求中都会携带所有符合规则的cookie数据.这会增加请求响应时间,特别是XHR请求. 在HTML5中使用sessionStorage和localStorage代替cookie是更好的做法. 这种方法可以将数据永久或者以session时间存储在用户本地.数据不会随着HTTP请求传递.所以我们优先使用web storage…
WAP网站推广随着无线互联时代的到来,已经日益受到大家的重视.虽然WAP网站的目前盈利模式还不是很清晰,但WAP网站推广的竞争强度将肯定会越来越激烈,下面和大家一起探讨下WAP网站的推广方法. 方法/步骤 1.WAP PUSH,这是最直接的方法,直接把商品连接或者柜台连接发给用户手机,用户根据信息查看就直接连接到商品或者柜台页面,很方便用户操作,优点是直接,针对性强,效果好,但缺点是需要成本,用短信方式实现需要成本1毛/条,找群发公司做大概是3分钱左右. 2.​找一些流量大的页面做友情连接,这个…
一:网页的一些标记 1:声明 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 2:<metaname="viewport" content="width=device-width, initial-scale=1.0, maximum-scale…
随着互联网技术的不断进步,越来越多的运营商对于手机wap网站的建设有了更多的投入,手机wap网站的建设和开发要根据网站的特点和经营范围来进行设计和建设,这样才可以提升手机wap网站建设的效果.现在智能手机也基本都普及了,好多的人们都是通过手机来进行互联网的访问的.那么手机wap网站建设的方法和技巧有哪些呢? 手机wap网站,即WAP是无线应用协议的缩写,一种实现移动电话与互联网结合的应用协议标准. 手机wap网站建设是无线应用协议的缩写,一种实现移动电话与互联网结合的应用协议标准.例如大家可以在…
我们在成功建立wap网站之后,不要觉得一时没有达到自己想要的效果就丢之气之,让其成为垃圾链接,我们既然前期做了大量的工作来建立起来这个网站,一定要坚持耐心的把这个网站培养下去,其实就如同我们栽种一个树苗,我们需要不断的呵护和施肥他才能够茁壮的成长,网站的日常维护也是保证网站寿命和质量的重要环节,如果发现自己的网站多给你带来的效果不理想,不要立即下结论说这个渠道是不行的.而是要仔细的分析是否是我们在WAP网站建设的时候忽略了哪些细节,平时也要及时的了解客户的体验感,从而不断的对自己的网站进行优化.…
众所周知,苹果的APP开发是需要基于MAC环境的,而我们很多的开发者并没有这样的条件,如果单单为发布一款app就去买一台价格昂贵的MAC那成本就太高了! 就算你有一台MAC,也有能力自己开发出一款基于网页的IOS应用,那你发布时又遇到了难题:发布的门砍太高!体现在以下方面: 1.appstore是所有APP下载安装的唯一合法正确渠道.你必须申请一个苹果开发者账号才可以上传发布应用到appstore,账号是按年付费,99美金一年! 2.你的资料必须完全合规,否则会不断的重复复杂而繁琐的修改过程!…
Web信息架构——设计大型网站(第3版)(久负盛名经典再现,信息架构设计领域基石之作!) [美]]Peter Morville(彼得·莫维尔)  Louis Rosenfeld(路易斯·罗森菲尔德)  著 陈建勋译 ISBN 978-7-121-21533-9 2013年10月出版 定价:99.00元 540页 16开 编辑推荐 在由Wiki.Folksonomy及Mashup所构成的后Ajax化的Web 2.0世界中,精心设计的信息架构显得格外重要.你该如何向众人展现大量的信息,从而使他们能迅…
MontageJS 可以帮助您构建高可扩展性和可维护性的 HTML5 应用.有了 MontageJS,开发人员可以创建可重用的用户界面组件和模块,组件和控制器之间的绑定属性,并且同步 DOM 查询和更新,以确保流畅的用户体验. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则表达式可视化调试…
wap网站safari浏览器cooke不能登录问题: http://wenku.baidu.com/link?url=VnPxl43PySYVygt09vkQ7xwxOD0JCXNtw3Fx7100jvysM5rSmZGcK0cbN_rQBJG0S4RwD2sObkdl4RpYgs06SwM3725U4nbJeoNmbtZlQfe…
这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇,在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件.事件响应以及可以调用的方法,而作为该系列的第一篇文章,Kayo 将会先介绍 jQuery Mobile 的基本情况和一些基础的实例. 一.jQuery Mobile 的渐进增强设计与浏览器支持 在上一篇文章中, Kayo 简单介绍了渐进增强设计的概念,可以参考文中的第四点内容.而 jQuery Mobile 虽然是一些…
从事互联网的人员都知道移动互联网营销是一个大的趋势,但是要怎么去做恐怕还都一筹莫展.由PC端的网络营销的经验和常识来看,首要的是要做好移动端手机网站的优化工作.据观察分析,目前国内的大多数并没有做好手机网站的优化,有的只是由PC端网站copy成简单的移动版本的wap网站,基本没有做优化.那么如何做好wap网站seo优化呢?下面就和大家分享一下! 1.wap网站seo定位和页面设计.无论是PC端还是移动客户端,网站都要分别清楚消费群体的定位问题.所以,在页面设计时,要考虑到用户打开网页的时长,一些…
CROW-5 WEB APP引擎商业计划书(HTML5方向)-微信网页版微信公众平台登录-水仙谷 CROW-5 WEB APP引擎商业计划书(HTML5方向)…
自涛舅舅研发的“苹果ios APP自助生成系统”上线以来,每天都有大量的用户注册和生成免越狱app,为什么? 因为我们有明显的技术优势,APP不需要上架appstore, 生成APP又不需要企业签名证书,苹果手机安装APP也不需要越狱! 为了更好的满足用户的需求,提升用户体验,我们将“苹果ios APP自助生成系统”正式命名为“勾勾街”,名字变了,核心技术不会变! 勾勾街官网:http://www.gogojie.com/   勾勾街官网:http://www.gogojie.com/    …
前一段时间一直被wap网站的自适应困惑…… 仔细研究了一下新浪的wap网站,发现原来我们的head存在着这样的差异…… <%@page contentType="text/html;charset=UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> <html xmlns="ht…
支付宝WAP网站版本的支付接口网上整合的比较少,看到很多网站在卖,顿觉无语. 主要是得自己查看支付宝官方提供的SDK中的开发文档. 支付宝sdk下载地址:https://doc.open.alipay.com/doc2/detail?treeId=60&articleId=103564&docType=1 (如果使用md5签名方式就不需要配置密钥文件了) 1. 要使用支付宝手机网站支付接口,除了要配置基本的帐号外,还必须配置openssl密钥文件(参考 http://blog.csdn.n…
公司准备要做一个项目,是p2p配资的app.在网上问了一些人后,发现有的是直接有html5做好后,用软件封装的.之前我学过app的开发,当时Android版本的,知道开发Android app时写的代码.那么问题来了: html5封装的app与原生态app有什么区别呢? html5又和app有什么区别呢? 为什么大型网络公司还是倾向于推广原生态app呢? html5是有跨平台的优势,但是为什么还是不温不火,或者我们仍称之为轻应用app呢? 查找了相关的资料,梳理了一下,发现有如下区别: 1.ht…
微信可以摇歌曲,根据声音识别出歌曲,然后返回歌曲信息,利用html5的deviceOrientation特性和deviceMotion事件也可以在web app上实现类似于微信摇一摇的功能,原生的app实现也有相关接口,这里只考虑web app的情况...... Section One 先来看下demo效果图: 测试地址:http://hcy2367.github.io/music/,请在手机浏览器中打开该链接,建议WiFi下操作,否则一首歌几M的流量挺坑的,然后摇一摇换歌,操作可能会有点慢.…
新版Web信息架构设计大型网站针对新技术做了全面更新——搭配新颖范例.全新场景及最佳实践信息——但是,其焦点依然放在基础原理上.其结构严谨,图文并貌,内容涵盖了信息架构基本原理和实践应用的方方面面.   Web信息架构设计大型网站兼具较高的理论价值和实用价值,曾被Web设计领域多<Web信息架构设计大型网站>籍重点推荐,是信息架构领域公认的经典书籍,不论新手还是专家都能各取所需.   Web信息架构 设计大型网站(第3版)主题包罗万象:  1.信息架构概论(适用于入门者和有实践经验的专家). …
使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web App  “使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了,为方便大家浏览, Kayo 把这些文章整理成一个目录,收录那些已经写好的文章并会继续更新. 该系列的文章实质上分成四个部分,分别是总体概况.jQuery Mobile 组件.jQue…