2 小猫爱代码

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 25w+

前端面试必备网络基础知识——HTTP和HTTPS

HTTP协议和HTTPS协议的区别和联系一、HTTPHTTP为超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器请求和应答的标准,用于从www服务器传输超文本到本地浏览器的传输协议,他可以使浏览器更加高效,使网络传输减少。二、HTTPSHTTPS是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就是需要SSL。HTTPS协议的主要作用:建立一个信息安全通道,来确保数据传输,确保网站的真实性。三

2020-09-21 23:20:14

JavaScript中数组常用的方法总结

按照是否会改变原数组对数组中常用的方法进行分类对于学习前端的小伙伴们,对于数组的一些常用方法一定都很了解,就像对于我而言,数组里面的方法基本都有实战或者练习过,所以面试官问起来了解哪些数组的方法的时候,也是很自信满满,但是当面试官再次深问,哪些方法可以改变原数组,就有点犹豫了,索性今天就按是否可以改变原数组来对数组中的方法进行一个分类吧,让你面对面试官的提问可以游刃有余,当然最主要的还是自己能够真的吃透数组的所有方法,对我们未来的开发之路真的很有帮助!一、不会改变原数组join(separator)

2020-09-11 00:17:35

前端小菜鸟带你一起学习cookie、session和Web Storage

你真的了解cookie、seesion和Web Storage嘛一、cookie和session的区别和联系cookie和session都是用来跟踪浏览器用户身份的会话方式。cookie数据存放在用户的浏览器上,session数据存放在服务器上。cookie不是很安全,别人可以分析存放在本地的cookie并进行cookie欺骗,考虑到安全的问题应该使用session。session会在一定时间内保存在服务器上,当访问次数增多的时候,会比较占用服务器性能,考虑到减轻服务器性能方面,应该使用cook

2020-09-10 00:10:26

一篇文章带你了解什么是Token

Token的作用及原理1、什么的TokenToken是首次登陆时由服务器下发,作为客户端进行请求的一个令牌,当交互时用于身份验证的一种验证机制,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即可,无需再次带上用户名和密码。2、Token的作用Token完全由应用程序进行管理,所以它可以避开同源策略Token可以避免CSRF(跨站请求访问)攻击Token可以是无状态的,可以在多个服务器之间共享使用Token减轻服务器的压力,减

2020-09-08 14:31:46

Vue.js中data为什么是一个函数

Vue.js中data的作用一、Vue.js中data为什么是一个函数Vue组件具有高度复用性,组件是可复用的Vue实例,一个组件被创建后,可能被应用到各个地方,而不管这个组件被复用了多少次,组件中的data都应该是相互隔离,互不影响的,基于这一理念,组件每被复用一次,组件中的data就应该被复制一次,这样就可以保证,当某一处被复用的组件中的data的值发生变化后,也不会影响到其它被复用组件中的data的值。二、Vue.js中data为什么要return回去不使用return包裹的数据会在项目的全

2020-09-07 15:23:27

一篇文章带你彻底了解Vue.js如何实现数据双向绑定

Object.defineProperty中的秘密学习过Vue.js的小伙伴都知道,Vue.js的核心在于组件化开发和数据的双向绑定来实现响应式布局,而在Vue2.x中提到数据的双向绑定,就一定会想到Object.defineProperty(),下面先来介绍一下Vue.js是如何实现数据的双向绑定的吧!一、数据双向绑定的原理首先实现了一个监听器observer:对数据对象进行遍历,包括子属性对象的属性,利用**Object.defineProperty()**方法给属性都加上get()和set(

2020-09-06 19:38:55

JavaScript实现异步编程方案总结

什么是异步编程,为什么要使用异步编程呢?1. Event Loop介绍异步编程之前,先来介绍一下事件循环(Event Loop)吧!我们都知道javascript是一门单线程语言,用来处理用户的交互,实现DOM的增删改等,一次事件循环只处理一个事件响应,使得脚本的执行相对连续,所以就有了事件队列,用来存储待执行的事件,那么事件队列中的事件是从哪里push进来的呢,这就是Event Loop的作用了,它的作用主要是将定时触发器线程,异步HTTP请求线程等满足特定条件下的回调函数push到事件队列中,等到

2020-09-05 14:41:47

JavaScript如何进行事件绑定呢

JavaScript绑定事件的常用方式1. 直接在dom元素中绑定<button id="btn" onclick="clickBtn()">我是按钮,请点一点我吧!</button><script> function clickBtn(){ alert("点击成功"); }</script>2. 通过类名或者id名在脚本中绑定<button id="btn">我是按钮,请点一点我吧!</button&g

2020-09-03 00:02:29

JavaScript--Null和Undefined到底有什么区别呢

Null和Undefined的区别1. null表示数字,字符串和对象是无值的,null是一个对象被人为的重置为空,而并非是一个对象最原始的一个状态当要释放一个对象的时候,可以直接将对象赋值为null即可2. undefined它是变量的一种取值,表明变量没有初始化,如果要查询对象的属性或者数组元素的值时返回undefined,则说明这个属性或者数组元素不存在,如果数组没有特定任何返回值,则返回undefined,引用没有提供实参的函数形参的值也只会得到undefined总结:变量声明了没有赋值

2020-09-02 23:13:37

JavaScript如何实现浅拷贝和深拷贝呢

JavaScript实现深浅拷贝1. 浅拷贝生成一个新的指针,但依旧指向原来的地址,简单的来说,B复制A,A发生改变了,B也跟着发生改变实现浅拷贝的方式自定义函数function shallowCopy(obj){ let newObj = {}; for(let item in obj){ if(obj.hasOwnPrototype(item)){ newObj[item] = obj[item]; } } return n

2020-08-30 22:16:46

JavaScript中教你如何判断数据类型

JavaScript判断数据类型前两天的文章中有介绍到JavaScript中的数据类型,那么今天就总结一下判断数据类型的方式吧!1. typeof用于判断基本数据类型和引用数据类型console.log(typeof 123); //numberconsole.log(typeof '123'); //stringconsole.log(typeof true); //booleanconsole.log(typeof null); //objectconsole.log(type

2020-08-26 22:02:37

JavaScript之事件捕获、事件冒泡、事件委托

事件捕获、事件冒泡、事件委托1. 事件流介绍事件冒泡和事件捕获之前先介绍一下前端中的事件流,什么叫事件流呢,事件流描述的是页面中事件的发生顺序,分为三个阶段,事件捕获阶段,处于目标阶段,事件冒泡阶段,下面就来详细介绍一下事件捕获和事件冒泡。2. 事件捕获当鼠标点击或者触发一个dom事件时(被触发dom事件的这个元素叫事件源),浏览器会从根节点向事件源进行事件传播(从外到内)<body> <div> <p></p> </div&

2020-08-25 23:49:50

JavaScript之基本数据类型和引用数据类型的区别

基本数据类型和引用数据类型1. 基本数据类型ES5里面有五大基本数据类型:string、number、boolean、undefined、nullES6里面又新增了一个基本数据类型:Symbol,表示独一无二的值。Symbol数据类型的值是通过symbol函数生成的,每个symbol函数都是独立的,拥有不同的返回值。这些类型可以直接操作保存在变量中的实际值。let obj1 = Symbol('a');let obj2 = Symbol('b');console.log(obj1); //Sy

2020-08-24 17:47:30

图片懒加载的原理及实现

为什么要使用图片懒加载呢?什么是图片懒加载呢?1. 原理图片懒加载是前端页面优化的一种方式,在页面中有很多图片的时候,图片加载就需要很多时间,很耗费服务器性能,不仅影响渲染速度还会浪费带宽,为了解决这个问题,提高用户体验,所以就出现了懒加载这种方式来减轻服务器的压力,优先加载可视区域的内容,其他部分等进入了可视区域再加载,从而提高性能。2. 实现思路:在图片没有进入可视区域时,先不给的src赋值,这样浏览器就不会发送请求了,等到图片进入可视区域再给src赋值。图片的真实地址需要存储在data-src

2020-08-19 22:03:34

前端面试题javascript篇——call-apply-bind

call-apply-bind三者的作用,区别以及内部实现1. call-apply-bind三者的作用在JavaScript中,call-apply-bind是Function对象自带的三种方法,它们的作用都是用来改变函数内的this指向,传递的第一个参数都是this所要指向的对象,而且它们三个都可以传递参数(后续传值)。2. call-apply-bind三者的区别call:调用一个对象的一个方法,用另一个对象替换当前对象,在传递参数的时候需要一个一个进行传递,而且定义完立即执行,返回值为调用

2020-08-18 23:39:11

用css写三角形和扇形

用css怎样写出扇形和三角形呢1. 三角形//倒立向下.sanjiaoxing{ width:0; height:0; border-top:30px solid red; border-bottom:30px solid transparent; border-left:30px solid transparent; border-right:30px solid transparent;}//向上.sanjiaoxing{ width:0;

2020-08-17 23:21:57

前端面试题HTML+CSS基础篇——display:none和visibility:hidden的区别

display:none和visibility:hidden的区别总结1. display:none如果给一个元素设置了display: none,那么该元素以及它的所有后代元素都会隐藏,它是前端开发人员使用频率最高的一种隐藏方式。隐藏后的元素无法点击,无法使用屏幕阅读器等辅助设备访问,不会占据内存空间。2. visibility:hidden给元素设置visibility: hidden也是起到隐藏元素的作用,但是隐藏后的元素仍然占据原来的空间,也就是说虽然元素不可见了,但是仍然会影响页面布局。

2020-08-16 15:36:06

前端面试题HTML+CSS基础篇——link和import的区别

link和import的区别总结link属于XHTML标签,除了加载css外,还能用于定义RSS,定义rel连接属性等作用,而@import是css提供的,只能用于加载csslink加载内容是与页面同时加载的,而@import需要页面完全加载完毕之后再加载@import是css2.1提出的,只有在IE5以上才能被识别,而link是XHTML标签,无兼容问题link支持使用JavaScript控制Dom去改变样式,而@import不支持link方式引入的样式的权重高于@import...

2020-08-16 14:52:57

前端面试题HTML+CSS基础篇——css3新增特性

css3中新增的属性总结一、边框属性border-radius:圆角边框.box{ width:200px; height:200px; border-radius:10px;}这样盒子就会出现一个10px像素的圆角效果(可以是像素,也可以是多少百分比)border-image:图片边框.box{ width:200px; height:200px; -webkit-border-image:url(border.png) 30 30 round; /*

2020-08-15 23:36:25

前端面试题HTML+CSS基础篇——transition和animation的区别

transition和animation的区别分析transition和animation是通过css3实现动画的两种方式,但是两者存在着什么区别呢首先先分别介绍一下transition和animation具体如何实现动画吧!1. transition举个例子:.box{ width: 100px; height:100px; transition: width height 2s; } .box:hover{ width:200px; height:200p

2020-08-15 00:05:43

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。