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