- 博客(15)
- 收藏
- 关注
RSS订阅原创 jsonp的封装
当不跨域时如下请求： $.ajax({ url: './get.php', type: 'get', dataType: 'json', data: { id: 1 }, beforeSend: function (xhr) { console.log('before send') }, success: function (data) { console.log(data) }, error: function (err
2020-05-14 16:31:32
117
原创 URL到渲染的过程
1.在浏览器中输入一个URL 2.通过DNS将域名解析成IP地址。域名只是与IP地址的一个映射。域名解析的过程实际是将域名还原为IP地址的过程(如果输入的是IP地址，此步骤省略) 3.根据解析到的IP地址加端口 ，浏览器发起http请求 4.浏览器建立一条与服务器的tcp连接（建立过程：三次握手） 5.浏览器通过tcp的三次握手建立好连接后，便向服务器发送HTTP请求，请求数据包 6.服务器收到并处理HTTP请求，根据请求信息去查找资源，返回响应信息 7.浏览器接收HTTP响应 8.如果报文中的状态码表示请
2020-05-14 16:23:01
161
原创 Vue实现创建品牌列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./dist/vue.js"></script> </head> <...
2020-04-30 23:09:46
249
原创 vue的生命周期
什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事情，这些事件统称为生命周期 生命周期钩子=生命周期事件=生命周期函数 主要的生命周期函数分类： 创建期间的生命周期函数： beforeCreate:实例刚在内存中被创建出来，此时还没有初始化data和methods属性 created：实例已经在内存中创建OK，此时data和methods已经创建OK，此时还没有开始编译模板...
2020-04-30 23:05:22
86
原创 get请求与post请求的区别
1、直观区别：GET把参数包含在URL中，POST通过request body传递参数。 2、GET和POST请求还有一个重大差别，GET产生一个TCP数据包，POST产生两个TCP数据包，对于GET方式的请求，浏览器会把http header和data一并发送出去，服务器响应200（返回数据）；而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服...
2020-04-29 22:44:59
100
原创 如何实现盒子水平垂直居中？
1.transforms属性的translate平移 position设置：子绝父相 Transform:translate(-50%,-50%) Top:50% Left:50% 2.Margin position设置：子绝父相 在父元素设置：margin:0 auto 在子元素设置： left：50% top:50% 自身的宽和高 margin-left：自身宽度的-1/2 margi...
2020-04-29 22:43:18
158
原创 浏览器有哪些方法实现数据缓存
cookie:一般不超过4K，适合保存比较小的数据，可以设置失效时间，如果没有设置时间，则关闭浏览器cookie就会失效；如果设置了时间，cookie就会存放在硬盘里，过期才失效。应用场景：判断用户是否登陆过网站，以便下次自动登录 sessionStorage:仅在当前浏览器窗口关闭之前有效。 应用场景：敏感账号一次性登录 localStorage:永久有效。适合长期保存在本地的数据 ...
2020-04-29 22:40:50
340
原创 call，apply，bind的区别
call—改变this指向 call（）方法调用一个函数，其具有一个指定的this值和分别提供的参数（参数的列表） 语法：fun.call(thisArg[,arg1[,arg2[,…]]]) 参数： 第一个参数：在fun函数运行时指定的this值；如果指定了null或者undefined则内部指向window 后面的参数：参数列表 apply—改变this的指向 该方法与call类似，区别a...
2020-04-26 17:28:24
73
原创 DOM的相关概念
一、DOM常规操作 1、获取元素 根据id获取元素 var div = document.getElementById('main'); console.log(div); 根据标签名获取元素（返回的是一个数组） var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { ...
2020-04-25 21:31:45
125
原创 BOM相关操作
BOM的概念 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 ## 定时器 setTimeout()和clearTimeout() 在指定的毫秒数到达之后执行指定的函数，只执行一次。 // 创建一个定时器，1000毫秒后执行，返回定时器的标示 var timerId =...
2020-04-22 22:39:00
114
原创 谈谈JavaScript中的对象
一、为什么要有对象？ 简化函数参数，使函数更加简洁化 二、什么是对象？ 万物皆对象，对象具有属性和方法 三、对象的创建方式 对象字面量 var o = { name: 'zz', age: 18, sex: "女", sayHi: function () { console.log(this.name); } }; new Object()创建对象 va...
2020-04-20 21:59:09
86
原创 什么是闭包
闭包：函数外部能访问函数内部，核心是作用域链 闭包是函数的局部变量 —— 但是当函数return后，它仍旧有效 闭包是一个函数return后仍不会释放的的堆栈结构，分配的是堆栈结构而不是单单分配在栈上 function sayHello(name){ var wben = 'Hello'+name; var say = function(){ console.log(wben); }...
2020-04-19 22:17:45
107
原创 如何实现继承
实现继承的方式有很多，常用如下三种： 1.利用call借用构造函数继承 function Person(name,age,sex,weight){ this.name=name; this.age=age; this.sex=sex; this.weight=weight; } Person.prototype.sayHi=function(){ conso...
2020-04-19 22:06:33
295
原创 跨域了吗
一、什么是跨域 定义：两个不同源的服务器去访问对方的资源，不同源即指域名，协议，端口号等均不一样。当发生跨域请求的时候，请求是可以正常发送到对方服务器的，只是浏览器会根据“Access-Control-Allow-Origin”来判断当前域名是否有访问权限，从而决定是否解析返回的数据信息。 二、如何实现跨域 1、JSONP：在客户端借助script标签请求服务端的一个动态网页，服务端的这个动态网页...
2020-04-02 20:38:39
58
原创 再见了ajax
一、AJAX 1.定义： AJAX本质是浏览器提供的一套API，可以通过JavaScript调用，实现对服务器发出请求和接收服务端返回的响应，AJAX在客户端拿取的不是HTML页面，而是页面中的字符串，以json格式表现数据。应用场景：到服务端去拿数据；页面的局部刷新。 2.遵循HTTP:本质上XMLHttpRequest就是JavaScript在web平台发送HTTP请求的手段，这个HTTP请求...
2020-04-01 21:32:29
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人