自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 仿淘宝放大镜效果

html代码 <div class="thumbnail"> <img src="./img/12-1Z930152149 (2).jpg" alt=""> <div class="magnifier"></div> </div> <div class="original"> <img src="./img/12-1Z930152149 (2).jpg" alt="

2021-01-18 20:04:31 169

原创 什么是跨域及JSONP解决跨域问题的原理

首先 什么是跨域 因为浏览器出于安全考虑,有同源策略。也就是说,如果协议、域名或者端口有一个不同就是跨域,Ajax请求会失败。 那么是出于什么安全考虑才会引入这种机制呢?其实主要是用来防止CSRF攻击的。简单点说,CSRF 攻击是利用用户的登录态发起恶意请求。 也就是说,没有同源策略的情况下,A网站可以被任意其他来源的Ajax访问到内容。如果你当前A网站还存在登录态,那么对方就可以通过Ajax获得你的任何信息。当然跨域并不能完全阻止 CSRF 。 然后我们来考虑一个问题,请求跨域了,那么请求到底发出去没有?

2021-01-14 22:03:13 314

原创 用递归实现深拷贝

深拷贝是指,拷贝对象的具体内容,两个内存地址是自主分配的,拷贝结束之后两个对象虽然存的值是一样的,但是内存地址不一样,两个对象页互相不影响,互不干涉。 下面我们来看一下递归实现深拷贝的具体步骤。 var obj= { "name":"豪豪", "age":22, "job":"程序员", "height":175, "type":{ "character":"tender" }

2021-01-12 19:58:54 5130

原创 前端必备面试题之基础篇

HTML、HTTP、web综合问题 1 前端需要注意哪些 SEO 合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同;keywords列举出重要关键词即可 语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易理解网页 重要内容HTML代码放在最前:搜索引擎抓

2021-01-08 20:45:34 125

原创 小白程序猿必看!!ajax的进阶之路~~

刚入门的小白程序猿们一定会接触到ajax 作为程序猿必备的内容 今天我们一起先来了解一下吧~ 1.什么是ajax Ajax的全称Asynchronous JavaScript + XML(异步JavaScript和XML)。 Ajax是一种技术方案,但并不是一种新技术。它依赖现有的CSS/HTML/JavaScript,而其中最核心的依赖是浏览器提供的XMLHttpRequest对象,是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。实现了在页面不刷新的情况下和服务器进行数据交互。

2020-12-18 17:06:30 83

原创 this默认指向

this默认指向 普通函数 this 指向调用的对象 1、全局函数- this指向 window function a(){ console.log(this);// window } a()// a() === window.a() 2、对象中的函数-this指向当前对象 var obj={ say:function(){ console.log(this);// obj } } obj.say(); 3、事件中的this–发生事件的dom对象 <button id

2020-12-16 07:57:16 176

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除