两种监听页面滚动的方法

在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果，这种时候我们经常会用到一些元素位置和尺寸的计算，浏览器兼容性问题也是不可忽略的一部分，要想写出预想效果的JavaScript代码，我们需要了解一些基本知识。（原文来自：博客园） 基础概念 为了方便理解，我们需要了解几个基础概念，每个HTML元素都有下列属性

在vue3 中安装使用bootstrap，在 vue 项目中引入 bootstrap，首先要引入两个依赖：jQuery 和 popper

在Vue CLI3.0中使用jQuery和bootstrap

JQuery 获得绝对,相对位置的坐标方法

如何在一个页面上让多个jQuery共存呢？比如jquery-1.5和jquery-1.11。 你可能会问，为什么需要在一个页面上让多个jQuery共存？直接引用最新版本的jQuery不行吗？ 答案是，不行。因为现实生活是非常残酷的。举个栗子：

用jQuery实现图片在高亮是放大，失去高亮退回图片大小

判断滚动的位置，当你滚动到一定位置得时候，可以修改元素得属性，进行元素定位

跨域请求

html实现点击图片放大功能

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等

本视频系统的讲解了jQuery的基本操作并配合相应案例保证学生能较大程度的接受和了解到知识的应用，该视频的起点都是针对有一定JavaScript基础的同学精心设计录制的。通过该视频的学习，相信你能够轻轻松松的掌握jQuery的应用，为学习前端开发打下坚实的基础

异步，XMLHttpRequest，XML，Jason，兼容性，封装Ajax工具函数，jQuery中的ajax，案例练习。

jquery简介，常用api， 操作DOM api，购物车综合案例，本地存储加强，todolist本地存储综合案例，常见jquery插件，瀑布流，懒加载，全屏滚动，bootstrap JS插件使用。