2019-08-29 JS库

2019-08-29  本文已影响0人  FiringAce

JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。
为了应对这些调整,许多的 JavaScript (helper) 库应运而生。
这些 JavaScript 库常被称为 JavaScript 框架。
所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。

  1. jQuery
    jQuery 是目前最受欢迎的 JavaScript 框架。
    它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。
    jQuery 同时提供 companion UI(用户界面)和插件。

  2. CDN -内容分发网络
    您总是希望网页可以尽可能地快。您希望页面的容量尽可能地小,同时您希望浏览器尽可能多地进行缓存。如果许多不同的网站使用相同的 JavaScript 框架,那么把框架库存放在一个通用的位置供每个网页分享就变得很有意义了。CDN (Content Delivery Network) 解决了这个问题。CDN 是包含可分享代码库的服务器网络。
    Google 为一系列 JavaScript 库提供了免费的 CDN,包括:
    jQuery
    Prototype
    MooTools
    Dojo

  3. 引用 jQuery
    <script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script>

  4. jQuery基本介绍
    CSS选择器:选择元素的一种快捷方式,区别于之前的getElementById("id")这种方法的形式,而是使用 #id 这种比较简洁的方式,获取到符合条件的元素或者是属性样式等节点。
    .class .intro 选择 class="intro" 的所有元素。

id #firstname 选择 id="firstname" 的所有元素。

element p 选择所有 <p> 元素。
element,element div,p 选择所有 <div> 元素和所有 <p> 元素。
element element div p 选择 <div> 元素内部的所有 <p> 元素。

jQuery对象区别于普通的DOM对象,使用{ }符号包裹,比如document是DOM对象,{document}就是jQuery对象。
jQuery的函数在功能上与原JS函数基本相同,但是语法上会简洁很多。比如JS的innerHTML = “txt”; 设置元素文本内容,jQuery对应的是 html.("txt");
还有用以取代 window.onload() 的 ready() 方法。

jQuery 返回 jQuery 对象,与已传递的 DOM 对象不同。
jQuery 对象拥有的属性和方法,与 DOM 对象的不同。
不能在 jQuery 对象上使用 HTML DOM 的属性和方法。

  1. Prototype
    这个是类似jQuery的另一个库,方法和使用方式上,相对原生DOM也会有一些区别。

  2. JS实例参考页面
    https://www.runoob.com/js/js-examples.html
    可以重点参考一下下面的应用实例部分。

JS的复习暂时结束,然后……感觉还是不够啊,毕竟实际使用的还有jQuery,然后后面结合具体的案例再分析吧。

上一篇下一篇

猜你喜欢

热点阅读