快捷搜索:

金沙第一娱乐娱城官网

当前位置:金沙第一娱乐娱城官网 > 金沙第一娱乐娱城官网 > 使用hotcss可以让移动端布局开发更容易,中文官

使用hotcss可以让移动端布局开发更容易,中文官

来源:http://www.dlksamusic.com 作者:金沙第一娱乐娱城官网 时间:2020-04-29 22:53

在我们平时开发的时候,用jQuery很多,可能忽视了Zepto,其实他也是一个不错的选择。jQuery和Zepto都是javascript的框架,语法方面都有相同之处,但是有些东西是不同的,下面来说说他们的区别和各自优缺点。

基础库

hotcss不是一个库,也不是一个框架,它是一个移动端布局开发解决方案。使用hotcss可以让移动端布局开发更容易。

1、Zepto是为现代智能手机浏览器推出的Javascript框架, 有和jQuery相似的语法,和jQuery相比下来, 他有很多优点, 大小方面, 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K,可以说非常的小, 功能很齐全, 多出来了一些触摸屏的事件,它对PC的浏览器就不是那么理想,尤其是万恶IE直接过滤不兼容,用它来开发手机iPhone和Android网页是不错的选择。

zepto

中文官网

  • 优点 :
  • 体积小、加载速度快。
  • Zepto.js 是专门为现代智能手机浏览器推出的 Javascript 框架,主要用在移动设备上,只支持较新的浏览器。
    Zepto.js拥有和jQuery相似的语法, 但是和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐全, 多出了一些触摸屏的事件 。
    Zepto.js唯一不支持的就是IE, 不过用它来开发iPhone和Android网页绝对是首选了。
  • 缺点
  • 下载到浏览器后,没有jQuery执行快。
  • 很多三方依赖jQuery,并不支持Zepto(世界上有些三方于zepto有冲突)。
    缺点描述来自网址

swiper它是一个开源,免费,强大的移动端触摸滑动插件,稳定,应用广泛,文档丰富,有大量活跃用户解答疑问。

2、jquery主要是用在PC的网页中了,jquery是目前最流行的javascript框架,以其兼容全部主流浏览器,插件丰富,代码简洁,最关键的是更新快,最好的dom选择器而被广泛被使用。而手机wap方面的话,jquery也推出jquery-mobile,也很好用。

jquery

官网

  • 优点
    jquery 兼容性好(兼容各种浏览器),可以跑在各种pc、移动端上, 但主要是用在电脑的网页中了,jquery是目前最流行的javascript框架,以其兼容全部主流浏览器,插件丰富,代码简洁,最关键的是更新快,最好的dom选择器而被广泛被使用。
    手机wap方面的话,jquery也有 jquery-mobile.js,也很好用

  • 缺点
    代码量大,同时考虑兼容,性能也不够好。
    jq自身也注意到了这个,所有它的2.x版本放弃了对ie6 7 8的支持。

    zepto和jquery的区别,zepto的不同使用8条小结

zepto是为现代智能手机浏览器推出的javascript框架,有个Jquery相似的语法和Jquery相比呢,他有很多优点,体积非常小但是功能齐全多出来一些触摸屏的事件,但是多pc的浏览器不是那么理想,尤其是IE,用它开发手机iPhone和Android网页是不错的选择。

简单的理解就是: Zepto手机专用 jQuery电脑专用 (但他又开发出了jquery-mobile,专门用于手机)。我们在具体项目中可以选择的使用。

三方库

jQuery主要是用在PC的网页中,jQuery是目前最流行的JavaScript框架,以其兼容全部主浏览器,插件丰富,代码简洁,最关键更新快,简答理解为zepto用于手机,jQuery用于电脑。

Agile Lite

  • 简介 官网
  • Agile Lite是一个基于HTML5+CSS3+JS的移动应用前端开发框架。
  • Agile Lite无关UI,只要是有独立CSS样式的UI都可以在Agile Lite中使用。
  • Agile Lite支持jQuery和Zepto双引擎,但是不可同时使用。
  • Agile Lite的控制器和组件都是可扩展的。
  • Agile Lite还提供了强大的数据注入功能,使您的代码从界面和数据上分离,易于对代码的维护和管理。

阻止事件冒泡

event.stopPropagation()方法

这是阻止事件冒泡的方法,不让事件向documen上蔓延,但是默认事件仍然会执行,当你调用这个方法的时候如果点击一个链接,这个链接仍会被打开。

event.preventDefault()方法

这是阻止默认事件的方法,调用此方法是,链接不会被打开,但是会发生冒泡。冒泡会传递到上一层的父元素。

return false 方法

这个方法比较暴力,他会用时阻止事件冒泡也会阻止默认事件,写上此代码,链接不会被打开,事件也不会传递到上一层的父元素,可以理解为return false就等于同时调event.stopPropagation()event.preventDefault()方法

本文由金沙第一娱乐娱城官网发布于金沙第一娱乐娱城官网,转载请注明出处:使用hotcss可以让移动端布局开发更容易,中文官

关键词: