前端编程课件04-框架实战.pdf

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