- 博客(16)
- 收藏
- 关注
RSS订阅原创 处理异步函数的三种方式
1.通过callback 处理异步函数下面代码是一个简单的异步函数function fun(){ setTimeout(()=>{ return 5 },2000)}console.log(fun())//undefined由于js 的异步执行，输出结果为undefined，在console.log 执行的时候，return 还未执行，对代码进行...
2020-04-11 11:34:15
1112
3
原创 区分var、let 和 const 笔记
varvar 有变量提升机制console.log{abc};//undefinedvar abc = 1;可以访问到 变量 abc，但是因为在变量未初始化之前进行了访问，所以只能拿到 undefined；var 在声明全局作用域时，会自动创建一个全局对象属性，也就是 window 的对象，所以使用 var 进行声明时， 如果存在相同的变量属性，那么后者会覆盖前者。for(v...
2020-04-09 17:29:08
118
原创 前端本地存储小总结
1. cookie作用： 存储数据，当用户访问了某个网站的时候，我们可以通过 cookie 来向访问者电脑上存储数据，或者某些网站为了辨别用户身份、进行 session 跟踪储存来用户本地终端上的数据特征1.不同浏览器存放 cookie 的位置也不一样，也是不能通用的。2. cookie 的存储是以域名形式区分的，不同的域存储的cookie是独立的。3. 我们可以设置 cookie 生效...
2020-04-07 12:10:43
164
原创 使用 jQuery 实现简单的楼层效果
进行简单的布局 <div class="floor box1">1</div> <div class="floor box2">2</div> <div class="floor box3">3</div> <div class="floor box4">4</div> ...
2020-04-03 09:53:11
423
原创 入口函数
原生JS 的入口函数window.onload = function(){写js 代码}把 js 代码写在入口函数内部的目的，是为了在页面加载完成后，再执行 js 代码jQuery 的入口函数四种方法，但功能上没有区别注意jQuery 和 js 的入口函数的加载方式和执行方式都不同加载方式上：原生 js 会等到DOM 元素加载完毕，且图片也加载完毕后才会执行； 而 jQue...
2020-03-20 14:07:30
557
原创 用组合继承法和ES6继承语法分别写一个拖拽效果
组合继承首先我们来准备两个盒子，作为操作的对象创建一个构造函数 Drag ，来实现我们的想要的拖拽效果，首先要先往构造函数的原型上添加方法，即：addEvent()、move()、up() 方法，因为构造函数本身没有这些方法，我们想让你实例去使用这些方法，以及方便之后的继承，只能往原型上去加。调用这个构造函数，来完成拖拽效果：因为要演示一下组合继承，所以我们来增加一个需求，给其中一个盒子加上边界限制，也就是不能使它的 left 或 top 小于 0；假如我们给 box2 添加边界限制，代
2020-03-18 19:31:10
128
原创 JS 的运行机制
JS 是一种具有函数优先的轻量级，解释型或及时编译型的脚本语言，它的最大特点就是单线程，即同一时间只能做一件事。为什么JavaScript是单线程JS 的单线程，与它的用途有关作为浏览器脚本语言，JS 的主要用途是与用户交互，以及操作DOM。这决定了它只能是单线程，否则会带来比较复杂的同步问题。举个栗子：假设JS 同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程在删除这个节点，这...
2020-03-18 09:49:42
186
2
原创 伪数组转为真数组的几个简单方法
首先准备好一个伪数组方法1：遍历伪数组，将每一项都添加到一个新数组中新数组arr 可以使用数组中的 push 方法，说明他就是一个真数组。方法2利用 ES5 提供的 Array.from() 方法方法3方法4使用ES6 的扩展运算符...
2020-03-17 23:09:19
211
原创 用 jQuery发送 Ajax 请求
首先要先引入 jQuery 文件：……/jquery.js;虽然废话，但有时我真的会忘。????进入主题jQuery 中帮助我们封装了好几个方法，专门用来发送 Ajax 请求；$.get() 发送 get 请求；$.post() 发送 post 请求；$.ajax() 可以发送（get、post、put、delete）等请求发送一个 GET 请求语法：$.get(ur...
2020-03-16 20:34:15
171
原创 jQuery介绍Ⅱ
jQuery的节点操作创建节点对应原生 js 中的 createElement（）；$(html 格式的文本)注意（）中传递一个选择器的时候，就是获取页面中的 DOM 元素，传入一个 html 格式文本的时候，就是创建了一个 DOM 元素。插入节点对应原生 js 中的 appendChild（）内部插入① 页面元素.append(要插入的元素)，放在页面元素的子元素位置...
2020-03-14 11:40:11
424
原创 解决跨域问题
问题的产生同源策略是浏览器给的发送请求的限制，当发送方和接受方地址中传输协议、域名和端口号只要有一个不一样，就会触发同源策略。解决方式1前端的解决方案，是利用jsonp来请求数据，而不能用ajax，因为同源策略就是针对ajax的。1.配置jsonp方法2.配置php 文件，用来测试3.调用该方法请求数据成功。解决方式2利用CORS---- 跨域资源共享后端大佬们来解决...
2020-03-12 23:14:14
94
原创 ajax缓存问题
问题产生利用GET发送请求时，会被浏览器主动缓存，当用户再次请求相同地址的时候，因为缓存的存在，会直接返回缓存的内容，而不是重新向服务器请求的数据，这样在不清理缓存的情况下，当服务器数据更改，用户得到的数据不能与之同步。解决为了解决这个问题有一下两个解决方法：1.Math.random()用随机数也可以用来解决缓存问题，但是随机数不稳定，有可能会出现重复现象2.new Date().g...
2020-03-12 14:33:46
68
原创 封装一个Ajax方法
GET && POST利用ajax向后端请求数据有两种方式，分别是get 和 post；两种方式都有各自的特点，携带数据的方式也各不相同。GET 和 POST 各自的特点GET：倾向于向服务器获取数据；直接在地址后面进行拼接；大小限制为 2kb左右；会被浏览器主动缓存；相当于 POST 不是很安全，因为是明文发送；数据格式必须是url 编码的格式，如果不是会自...
2020-03-11 23:27:27
379
原创 jQuery介绍Ⅰ
了解jQuery jQuery是一个前端的类库前人栽树，后人乘凉。他是大佬们把Javascript中的各种DOM操作帮我们封装成了一个方法库，供我们使用。它可以用来获取DOM元素，操作元素的类名，操作元素的属性，操作元素的样式等。jQuery的优点1.无所不能的选择器；2.无处不在的隐式迭代；3.无与伦比的链式编程；4.全兼容；使用http://jquery.cuishifen...
2020-03-10 10:48:21
163
原创 模拟请求本地数据
1.新建一个json文件，用来写本地数据[ { "name":"jack", "info":"信息1", "id":"1" },{ "name":"tom", "info":"信息2", "id":"2" },{ "name":"rose", "info":"信息3", "id":"3" },]发送一个 ajax 请求，来拿到本...
2020-03-03 20:22:39
207
原创 关于闭包
闭包是个啥？闭包实际上就是Javascript中的一种函数的高级应用方式。每个函数在执行时，都会堆内开辟一个执行空间，当调用完毕之后，这个函数的执行空间会立即删除。但有的时候，我们想让这个执行空间保留着，就说时延长它的寿命吧，该怎么办呢？当函数内部返回一个复杂数据类型时，并且在函数的外部有变量正在接受这个复杂数据类型，这个时候函数的执行空间就不会销毁，这就是闭包存在的意义。闭包产生的必要条件...
2020-02-23 18:19:36
146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人