GVKun编程网logo

移动设备web开发首选框架:zeptojs介绍(移动端web开发框架)

9

本文将为您提供关于移动设备web开发首选框架:zeptojs介绍的详细介绍,我们还将为您解释移动端web开发框架的相关知识,同时,我们还将为您提供关于11-移动端开发教程-zepto.js入门教程、A

本文将为您提供关于移动设备web开发首选框架:zeptojs介绍的详细介绍,我们还将为您解释移动端web开发框架的相关知识,同时,我们还将为您提供关于11-移动端开发教程-zepto.js入门教程、Adsense 毁了移动设备的 Pagespeed 得分,移动设备 50,桌面设备 98、android – 应用程序通知弹出移动设备Web浏览器、Asp.net的web开发和框架介绍的实用信息。

本文目录一览:

移动设备web开发首选框架:zeptojs介绍(移动端web开发框架)

移动设备web开发首选框架:zeptojs介绍(移动端web开发框架)

最近看到了一篇文章,是介绍一种新的js框架,名为zepto.js,他适用于移动设备已经桌面浏览器除了ie系列的。。

他兼容jquery的API,所以学起来或用起来并不吃力。他比jquery的优势在于

1.他够小,只有21k左右。。功能俱全。

2.增加了移动设备的触摸等事件,不需要再次引入其他手机框架如jquery mobile。

3.虽然不兼容ie但是提供了一个兼容方法:

复制代码 代码如下:

<script>
document.write(''<script src='' +
(''__proto__'' in {} ? ''zepto'' : ''jquery'') +
''.js><\/script>'')
</script>

因为他跟jquery的API是兼容的,所以就不用担心在ie上引用了jquery后事件那些会失效,除了触摸等一些。。

桌面浏览器:

1.Safari 5+ (Mac, Win)
2.Chrome 5+ (Win, Mac, Linux, Chrome OS)
3.Mozilla Firefox 4+ (Win, Mac, Linux)
4.Opera 10+ (Win, Mac, Linux)

移动浏览器:

1.iOS 4+ Safari
2.Chrome for Android
3.Chrome for iOS
4.Android 2.2+ Browser
5.webOS 1.4.5+ Browser
6.BlackBerry Tablet OS 1.0.7+ Browser
7.Amazon Silk 1.0+
8.Firefox for Android
9.Firefox OS Browser
10.Practically any WebKit-based browsers/runtimes

在如今的框架来看,他是开发移动设备web的首选框架。。。。有兴趣的可以看看github:https://github.com/madrobby/
zepto官网:http://zeptojs.com

您可能感兴趣的文章:
  • jquery实现在页面加载的时自动为日期插件添加当前日期
  • zepto.js中tap事件阻止冒泡的实现方法
  • 基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
  • jQuery插件zepto.js简单实现tab切换
  • zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
  • Yii2框架引用bootstrap中日期插件yii2-date-picker的方法
  • jQuery Mobile开发中日期插件Mobiscroll使用说明
  • JQuery日期插件datepicker的使用方法
  • 基于zepto的移动端轻量级日期插件--date_picker

11-移动端开发教程-zepto.js入门教程

11-移动端开发教程-zepto.js入门教程

Zepto.js是一个轻量级的针对现代浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。

1. Why Zepto.js?

  1. API类似jQuery,熟悉jQuery可以无缝迁移到Zepto.js
  2. Zepto仅针对高版本现代浏览器设计了最小核心的通用库,代码体积小,尤其适合移动端开发。
  3. Zepto增加了针对移动端的触摸和手势相关的事件
  4. Zepto模块化做的很灵活,可以自定义组合模块

2. Zepto.js下载

代码下载:zeptojs中文站 、 github

2.1 自定义Zepto.js文件模块

zepto默认是有五个模块的,分别为zepto、event、ajax、form、ie,这五个模块被称为核心模块。

module default description
zepto 核心模块;包含许多方法
event 通过on()off()处理事件
ajax XMLHttpRequest 和 JSONP 实用功能
form 序列化 & 提交web表单
ie 增加支持桌面的Internet Explorer 10+和Windows Phone 8。
detect   提供 $.os和 $.browser消息
fx   The animate()方法
fx_methods   以动画形式的 showhidetoggle, 和 fade*()方法.
assets   实验性支持从DOM中移除image元素后清理iOS的内存。
data   一个全面的 data()方法, 能够在内存中存储任意对象。
deferred   提供 $.Deferredpromises API. 依赖"callbacks" 模块. 当包含这个模块时候, $.ajax() 支持promise接口链式的回调。
callbacks   为"deferred"模块提供 $.Callbacks
selector   实验性的支持 jQuery CSS 表达式 实用功能,比如 $(''div:first'')el.is('':visible'')
touch   在触摸设备上触发tap– 和 swipe– 相关事件。这适用于所有的touch(iOS, Android)和pointer事件(Windows Phone)。
gesture   在触摸设备上触发 pinch 手势事件。
stack   提供 andSelfend()链式调用方法
ios3   String.prototype.trim 和 Array.prototype.reduce 方法 (如果他们不存在) ,以兼容 iOS 3.x.

如果需要其他非核心模块,需要下载github的源码自行编译。

自定义编译步骤:

  1. 第一步:下载zeptojs源码:源码
  2. 第二步:解压源码,并打开命令行进入源码根目录
# 打开命令行工具,进入解压的zepto目录
$ cd zepto-master # 安装npm包依赖 $ npm install 
  1. 第三步:修改make编译文件的依赖模块
modules = (env[''MODULES''] || ''zepto event ajax form ie'').split('' '')
## 修改:增加 touch gesture fx fx_methods等模块 ## 
modules = (env[''MODULES''] || ''zepto event ajax form ie touch gesture fx fx_methods'').split('' '')
 
  1. 第四步:编译最终的zeptojs
$ npm run-script dist

3. zepto注意事项

  1. 注意某些模块必须打包进zeptojs文件才能用,比如:fx_methods模块的方法:hide() show()等动画方法。
  2. Zepto只设置全局变量$指向它本身。 没有Zepto.noConflict方法。
  3. 不支持jQuery CSS 扩展, 然而,可选的“selector”模块有限提供了支持几个最常用的伪选择器
  4. Zepto.js: 无法获取隐藏元素宽高;
  5. Zepto 的选择器表达式: [name=value] 中value 必须用 双引号 " or 单引号 '' 括起来
  6. 移动端端点透需要阻止默认行为来规避。

其实还有很多方法的缺失,所以大家自己在写代码的时候多留意下zepto和jQuery的区别吧,在此就不多赘述了。

4. zepto的应用demo

用法基本跟jQuery一致,直接上手就行,不用客气。

<ul>
    <li>list item 1</li> <li class="yaotaiyang">list item 2</li> <li>list item 3</li> </ul> <p>a paragraph</p> <script type="text/javascript"> $(function() { $("p").on(''click'', function(e) { $("li").toggleClass("yaotaiyang"); }); }); </script> 

5. 总结

zepto.js确实非常小巧,而且非常讨巧的利用了大家熟悉jQuery的优势,确实非常可爱的一个js库,设计的模块中庸而又实用,在移动端的触屏事件封装的很不错,移动端web开发值得推荐。

Adsense 毁了移动设备的 Pagespeed 得分,移动设备 50,桌面设备 98

Adsense 毁了移动设备的 Pagespeed 得分,移动设备 50,桌面设备 98

Adsense 是加载第三方代码的第三方网络,您无法控制他们的资源。 Adsense 广告脚本、图像和 css 文件优化不佳。 您可以做的是考虑延迟加载广告。或者接受它。

android – 应用程序通知弹出移动设备Web浏览器

android – 应用程序通知弹出移动设备Web浏览器

不确定如何正确描述这一点,所以希望你们中的一些人知道我的意思.

我们的客户正在为他们的网站获取一个移动应用程序,希望很快,我已经注意到在Android设备上,并确定他们可能也存在于iphone上,一个弹出窗口通知你说该网站有一个应用程序.我在支持tapatalk的论坛以及sammobile.com网站上看到过它.它是一个小消息和一个“确定”和“取消”按钮,确定带你到市场上的应用程序.

谷歌只有在您知道或至少可以正确描述您要找的内容时才真正有用.

有人知道吗
A)iPhone也有这个功能吗?
B)我将如何触发这样的弹出/通知?

解决方法:

使用来自java推送触发器的一些infor以及其他一些Stacks,我把它放在一起.

<script type="text/javascript">
  if( /Android|iPhone|BlackBerry/i.test(navigator.userAgent) ) {
  var url=confirm("Would you like to download our mobile application?");
    if (url==true)
  {
    var url = window.location.href = 'http://www.google.com';
    url.show(); 
  }
    else
  {

  }
  }
  </script>

将测试所提及的3个设备,如果是,将创建一个确认框,确认将指导用户到另一个URL.

Asp.net的web开发和框架介绍

Asp.net的web开发和框架介绍

现在还用asp来开发网站的人很少了,这并不是说asp就彻底退出了前史的舞台,asp web开发还有许多有点的。
  一般的大型网站现在现已越来越少的运用ASP来架构,不过在中小型商务站点上,ASP仍然占有了较大的商场规划。

ASP以其简略,开发周期短,易维护的利益遭到中小型站点处理员的喜欢。不过,据我所知,

彻底运用ASP来集成更新维护网站的仅常见于那些实在的商务站点或许比较老到的技能站点,更多的网站仅仅有一些独立的栏目在运用ASP程序。

这样的特点是站点处理过于松懈,比方:每进入一个栏目处理都要输入不同的帐号贺暗码(shunde-sinofair)。不只糟蹋处理员的精力,更加剧了网站的维护困难程度。

而咱们看见的那些单栏目运用的ASP程序有许多是从网上寻觅的源代码,这样使你的网站安全性也会遭到必定的挟制,因为网上供应的源代码都是翻开的,

补丁的当地仍是要打上补丁。
  VBS作为首要的ASP程序编写言语来自于Visual Basic,学过VB的人可以很快的把握,JavaScript就不用说了,嵌入在网页里边,客户端运用一般的脚本言语。

你最好具有必定的HTML言语知识,否则会觉得很动火。 SQL句子基础亦是基础! 初期你不用把握悉数,根柢的就可以了。

结构是asp.net的组成之一,所以要想进行asp.net开发学习结构的组件不必不可少的,想学习结构的组件,就要先了解结构的组件结构。
  结构(framework)是一个根本概念上的结构,用于去处理或许处理凌乱的问题。这个广泛的界说运用的非常盛行,尤其在软件概念。结构也能用于机械结构。
  结构(Framework)是整个或部分系统的可重用规划,表现为一组抽象构件及构件实例间交互的办法;另一种界说认为,结构是可被运用开发者定制的运用骨架。

前者是从运用方面而后者是从意图方面给出的界说。
  可以说,一个结构是一个可复用的规划构件,它规则了运用的系统结构,阐清楚整个规划、协作构件之间的依靠联络、职责分配和控制流程,

表现为一组抽象类以及其实例之间协作的办法,它为构件复用供应了上下文(Context)联络。因而构件库的大规模重用也需求结构。
  构件领域结构办法在很大程度上学习了硬件技术打开的效果,它是构件技术、软件系统结构研讨和运用软件开发三者打开结合的产品。在许多情况下,

结构通常以构件库的办法出现,但构件库仅仅结构的一个重要部分。结构的要害还在于结构内政策间的交互办法和控制流办法。
  结构比构件可定制性强。在某种程度上,将构件和结构当作两个不同但相互协作的技术或许更好。

结构为构件供应重用的环境,为构件处理过错、(jinchui-auction)沟通数据及激活操作供应了标准的办法。
  运用结构的概念也很简单。它并不是包括构件运用程序的小片程序,而是完结了某运用领域通用完备功用(除掉特别运用的部分)的底层服务。

运用这种结构的编程人员可以在一个通用功用现已完结的基础上初步具体的系统开发。结构供应了全部运用希望的默许行为的类集结。

具体的运用经过重写子类(该子类归于结构的默许行为)或拼装政策来支撑运用专用的行为。
  运用结构侧重的是软件的规划重用性和系统的可扩充性,以缩短大型运用软件系统的开发周期,前进开发质量。与传统的根据类库的面向政策重用技术比较,

运用结构更注重于面向专业领域的软件重用。运用结构具有领域相关性,构件根据结构进行复合而生成可运转的系统。结构的粒度越大,

其间包括的领域常识就更加无缺。

今天关于移动设备web开发首选框架:zeptojs介绍移动端web开发框架的讲解已经结束,谢谢您的阅读,如果想了解更多关于11-移动端开发教程-zepto.js入门教程、Adsense 毁了移动设备的 Pagespeed 得分,移动设备 50,桌面设备 98、android – 应用程序通知弹出移动设备Web浏览器、Asp.net的web开发和框架介绍的相关知识,请在本站搜索。

本文标签:

上一篇js的toLowerCase方法用法实例(javascript tolowercase)

下一篇.net中webconfig 详解(.net webclient)