- 博客(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关注的人