2020年8月11日
如何中断ajax请求【学习笔记】
摘要： 停止javascript的ajax请求有两种方式 1. 设置超时时间让ajax自动断开 2. 手动去停止ajax请求， 核心是调用XMLHttpRequest对象上的abort方法 我们以jquery举例说明： jquery的ajax对象的abort方法：调用abort后jquery会执行error 阅读全文
posted @ 2020-08-11 10:49 清风园 阅读(6716) 评论(0) 推荐(1) 编辑
懒加载【学习笔记】
摘要： 懒加载：通俗的讲，即延时加载，对象需要用到时才加载！ 何时会使用到懒加载：一般来说，就是当我们需要访问的数据量过大时（大量数据，图片，音频），明显用缓存不太合适，因为内存有限，这时就可以让数据需要用到时，才进行加载（就是所谓的重写对象的get方法, 当系统或者开发者调用对象的get方法时，再去加载对 阅读全文
posted @ 2020-08-11 10:31 清风园 阅读(135) 评论(0) 推荐(0) 编辑
2020年6月7日
javscript简单的算法笔记
摘要： 1.冒泡排序： 冒泡排序是一种简单的排序算法，它重复地访问要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。访问数列的工作是重复地进行直到没有在需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。 具体算法描述如下： <1>.比 阅读全文
posted @ 2020-06-07 16:42 清风园 阅读(227) 评论(0) 推荐(0) 编辑
2020年5月28日
JQUERY基础笔记
摘要： Jquery 是一个 Javascript 库，它极大的简化了 Javascript 编程，基本结构为： // 基 本 结 构 $(document).ready(function() { //do something }) // 简洁写法 1 ： $(function() { //do somet 阅读全文
posted @ 2020-05-28 16:03 清风园 阅读(108) 评论(0) 推荐(0) 编辑
Jquery Ajax笔记
摘要： $.ajax()返回底层创建的XMLHttoRequest对象. $.ajax({ url: './mock-data.json', method: 'get', dataType: 'json', success: function(res) { console.log(res.data); fo 阅读全文
posted @ 2020-05-28 14:36 清风园 阅读(185) 评论(0) 推荐(0) 编辑
Ajax基础
摘要： 1. 概念：AJAX（Asynchronous JavaScript and XML）为异步的JS和XML。2. AJAX用于数据的交换，使网页实现异步更新，可以只对网页的某个部分进行更新。3. Ajax详细的请求步骤：a. 创建出XMLHttpRequest对象【需要考虑浏览器的兼容性】 var 阅读全文
posted @ 2020-05-28 14:23 清风园 阅读(144) 评论(0) 推荐(0) 编辑
前端跨域问题笔记
摘要： 一、含义：当一个请求 url 的协议、域名、端口三者之间任意一个与当前页面 url 不同即为跨域 二、同源策略： 就是同域名，同端口，同协议 例如：如果你有一个服务器 A，你所需要的 script，css，php 文件都在服务器 A， 你写的 html 也在服务器 A 上，然后运行，出现了效果，如果 阅读全文
posted @ 2020-05-28 14:13 清风园 阅读(158) 评论(0) 推荐(0) 编辑
forEach和some区别
摘要： <script> var arr = ['red', 'green', 'blue', 'pink']; // 1. forEach迭代 遍历 // arr.forEach(function(value) { // if (value == 'green') { // console.log('找到 阅读全文
posted @ 2020-05-28 12:42 清风园 阅读(321) 评论(0) 推荐(0) 编辑
2020年5月26日
如何理解JavaScript中的面向对象编程呢？
摘要： 面向对象编程 —— Object Oriented Programming，简称 OOP ，是一种编程开发思想。 它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。 在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工，可以完成接受信息、处理数 阅读全文
posted @ 2020-05-26 22:08 清风园 阅读(251) 评论(0) 推荐(0) 编辑
JavaScript中this指向
摘要： javascript中this的指向问题笔记 <script> // 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } window.fn(); // 阅读全文
posted @ 2020-05-26 20:54 清风园 阅读(190) 评论(0) 推荐(0) 编辑