自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端面试题(一)

** 一 vue2.0 v-for中的key到底有什么用? ** 其实不只是vue,react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法了。 我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。 如: 在节点a,b,c列表的第二位插入‘d’ 没有key的时候,先把b变成d,把c变成b,然后在在末尾插入c 有key的时候,直接在

2021-03-15 21:27:08 467

原创 vue双向绑定原来

1 实现最简单的双向绑定 我们知道,通过Object.defineProperty()可以实现数据劫持 Vue双向绑定原理 2 讲解vue如何实现 2.1 obsever–对data的所有属性,循环利用1中的方法实现数据劫持,然后通知订阅者,订阅者触发它的update方法,对视图进行更新。 obsever的实现如下; function() 总结:最后demo如下: {{text00}} {{text}}

2021-03-12 21:53:50 137 2

原创 网络架构之CDN服务器

CDN前述– 淘宝的图片访问,有98%的流量都走了CDN缓存。只有2%会回源到源站,节省了大量的服务器资源。 但是,如果在用户访问高峰期,图片内容大批量发生变化,大量用户的访问就会穿透CDN,对源站 造成巨大压力。 当下的互联网应用都包含大量的静态资源内容,但静态内容以及一些准动态内容又是最耗费带宽的,特别是针对全国甚至全世界的大型网站,如果这些请求都指向主站服务器,不仅是主站服务器受不了,单端口500M左右的带宽也扛不住,所以大多数网站都需要CDN服务。 CDN(Content Delivery Netw

2021-02-27 19:29:39 289 1

原创 DNS

DNS(Domain Name System 域名系统) 目的:互联网通过IP定位浏览器建立连接,但我们不易区别,为了方便用户辨识IP所代表的意义,操作系统会将IP和域名进行转换。 于是,DNS的作用就是将域名转换为IP(即 IP和域名通过DNS协议建立映射关系) NDS查找顺序:浏览器缓存 > 本地操作系统缓存 > DNS服务器(路由缓存 > 互联网DNS服务器) 1 浏览器缓存:只缓存下浏览器自己访问过的域名 2 本地操作系统缓存:电脑访问过的,或者手动设置的域名 3 DNS服务器:包

2021-02-27 18:56:21 108

原创 TCP/IP协议浅谈

1 应用层–发送用8位字节表示的数据流给TCP层 2 TCP作如下处理: 2.1 把数据流分割成适当长度的报文段<最大长度MSS通常受计算机连接的网络数据链路层的最大传送单元MTU限制>) 2.2 为了保证报文传输的可靠性,给每个包一个序号,同时序号也保证了接收方按顺序接收。 2.2 接收方对已成功接收到的字节发回一个响应的确认(ACK);超过合理的时间未收到确认就被认为 丢失包,重发包。 2.3 接收方则将多条路径传送的数据按照原来的顺序进行排列 IP层() TCP协议的主要功能: 1 把数据

2021-02-26 22:10:28 116

原创 网络知识--web服务器

服务器和普通计算机的功能是类似的。 只是相对于普通计算机,服务器在稳定性、安全性、性能等方面都要求更高,因此CPU、芯片组、 内存、磁盘系统、网络硬件和普通计算机有所不同。 具体来说,服务器与普通计算机的主要区别包括: 1)通信方式为1对多 – 一个服务器可以给多个客户端提供服务 2)资源通过网络共享 – 3)硬件性能更强大 – 高速度的运算能力、长时间的可靠运行、强大的外部数据吞吐能力 服务器厂商会根据不同的应用场景,对服务器进行差异化设计。目前主要的应用场景包括:文件交互 、数据存储和查询、应用程序应答

2021-02-26 19:14:28 345 1

原创 axios

一 axios流程 1 axios入口 2 Axios构造函数 3 interceptor请求拦截器 4 dispatchRequest方法 5 请求转换器transformRequest 6 http请求适配器 7 响应转换器transformResponse 8 interceptor响应拦截器

2021-02-26 19:12:25 48

原创 前端身份校验

VUE项目中使用token实现用户登录状态验证 1 第一次登录的时候,调用登录接口,发送账目和密码 2 后端收到请求,校验通过后,将token存储在localstorage和vuex,并跳转页面 3 每次路由跳转,都先校验是否存在token,如果token为空,就跳转到登录页面,有token就跳转到对应路由 4 每次请求后台接口,都要在请求头中加token 5 后端判断请求头是否有token,有token,就拿token到并验证token,验证成功,返回数据。没有token,或者验证不通过,则返回401.

2021-02-26 19:11:35 337

原创 如何防范CSRF攻击

referer:referer是HTTP请求Header的一部分,当浏览器向web服务器发送请求的时候,请求头信息一般要包含Referer。该Referer会告诉服务器我是从哪个页面链接过来的,服务器基于此可以获得一些信息用于处理。 Referer的作用是什么? 防恶意请求:比如A网站服务器只允许网站内地址访问,那服务器每次都需要判断Referer的值是否是同域名地址,如果不是,就拦截。 ...

2021-02-25 11:14:40 116

原创 网络知识

*重定向和转发的区别 重定向:你先去了A局,A局的人说:“这个事不归我管,去B局”,然后,你就从A退了出来,自己乘车去了B局 转发:你先去了A局,A局的人看了以后,知道这个事其实应该B局来管,但是他没有把你退出来,而是让你坐一会儿,自己到后面办公室联系了B的人,让他们办好以后,送了过来。 http协议之转发和重定向 1 首先,转发是服务器的操作,而重定向是客户端的操作 2 转发:当客户端向服务器A请求资源时,A服务器转发给B服务器,B返回给A,A再返回给客户端 3 重定向:当客户端向服务器A请求资源时,A返

2021-02-24 20:10:59 65

原创 axios.js基础篇

这些是创建时可以配置的选项。只有url是必须的。如果没有指定method,请求将默认使用get方法。 { //url是用于请求服务器URL url: ‘/user’, method: ‘get’, //baseURL将自动加在url前面,除非url是一个绝对地址 baseURL: ‘https://some-demo.com/api/’, //transfoorm允许在向服务器发送前,修改请求数据 //只能用在put、post和patch这几个方法 //后面数组中的函数必须返回一个字符串,或ArrayBuf

2021-02-24 16:55:15 442

空空如也

空空如也

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

TA关注的人

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