基本信息
文件名称:前端编程课件04-框架实战.pdf
文件大小:437.1 KB
总页数:3 页
更新时间:2025-03-25
总字数:约2.91千字
文档摘要

04-框架实战

1jQuery

1.1什么是jQuery?jQuery有哪些优缺点?

什么是jQuery:

jQuery是?个快速、?型且功能丰富的JavaScript库。

使HTML?档遍历、操作、事件处理、动画和Ajax之类的事情变得更加简单

具有易于使?的API,可在多种浏览器中使?

jQuery结合多功能性和可扩展性,改变了数百万?编写JavaScript的?式

jQuery优点缺点:

易于学习:相对于其它的前端框架,jQuery更易于学习,它?持JavaScript的编码?格

少写多做(Writeless,domore)

jQuery提供了丰富的功能(DOM操作、过滤器、事件、动画、Ajax等)。

可以编写更少可读的代码来提?开发?员的?作效率。

优秀的API?档:jQuery提供了优秀的在线API?档。

跨浏览器?持:提供出?的跨浏览器?持(IE9+),?需编写额外代码。

jQuery缺点:

jQuery代码库?直在增?(?jQuery1.5起超过200KB)

不?持组件化开发

jQuery更适合DOM操作,当涉及到开发复杂的项?时,jQuery能?有限。

1.2.什么是库(library),什么是框架(framework)?

随着JavaScript的普及,以及越来越多?使?JavaScript来构建?站和应?程序

JavaScript社区认识到代码中存在?常多相同的逻辑是可复?的。

因此社区就开始对这些相同的逻辑的代码封装到?个JavaScript?件中。

这个封装好的JavaScript?件就可称为JavaScript库或JavaScript框架。

库(library)

JavaScript库是?个预先编写好并实现了?些特定功能的代码?段的集合。

?个库中会包含许多的函数、变量等,可根据需求引?到项?中使?。

?些常?的库有jQuery、Day.js、Lodash和React等

框架(framework)

JavaScript框架是?个完整的?具集,可帮助塑造和组织您的?站或应?程序。

提供?个结构来构建整个应?程序,开发?员可以在结构的规则内更安全、更?效地?作。

?些更常?的框架有:Bootstrap、Angular、Vue、Next.js等。

1.3什么是CDN?CDN有什么作??

什么是CDN:

CDN称之为内容分发?络(ContentDeliveryNetwork或ContentDistributionNetwork,缩写:

CDN)

CDN它是?组分布在不同地理位置的服务器相互连接形成的?络系统。

通过这个?络系统,将Web内容存放在距离?户最近的服务器。

可以更快、更可靠地将Web内容(?件、图?、?乐、视频等)发送给?户。

CDN有什么作?:

CDN会将资源缓存到遍布全球的?站,?户请求获取资源时,可就近获取CDN上缓存的资源。

这样CDN不但可以提?资源的访问速度,还可以分担源站的压?。

1.4jQuery对象与DOMElement的区别

获取的?式不同

DOMElement是通过原??式获取,例如:document.querySelector()

jQuery对象是通过调?jQuery函数获取,例如:jQuery()

jQuery对象是?个类数组对象,该对象中会包含所选中的DOMElement的集合。

jQuery对象的原型上扩展?常多实?的?法,DOMElement则是W3C规范中定义的属性和?法

1.5jQuery库中的$是什么?

$是jQuery()函数的别称。该函数?于将任何对象包裹成jQuery对象,接着你就被允许调?定义在

jQuery对象上的多个不同?法。

?如:可以将?个选择器字符串传?$()函数,它会返回?个包含所有匹配的DOM元素数组的jQuery对

象。

2.Bootstrap

2.1什么是Bootstrap?

Bootstrap读?/?bu:tstr?p/,是?个?常受欢迎的前端框架,官??站将其描述为。

最流?的HTML、CSS和JS