自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 遇见面试--vuex原理

遇见面试 Vuex原理解析一、前言自从学习了VUE框架,其中必不可少的会用到vuex这个核心插件,而且在做项目的时候,基本都会使用,可能你会使用vuex状态管理,但是对vuex原理存在着或多或少的的疑惑或不解,这篇文章就针对vuex原理进行研究,希望能帮助到大家,如果有不准确的地方,大家多多指教。。。二、Vuex是什么?Vuex是专门为Vue服务,用于管理页面的数据状态、提供统一数据操作...

2019-09-22 17:21:30 50758 4

原创 案例分析cookie和session

本篇文章主要总结了 cookie session的原理,以及会话控制。下面是使用简单的代码来解析,还是比较容易懂的,还可能存在不足,欢迎各位大佬☞正想要了解cookie,首先需要了解http是什么。好了,下面就从http的原理开始说吧HTTP的诞生:CERN(欧洲核子研究组织)的蒂姆 • 伯纳斯 - 李(Tim BernersLee) 博士提出了一种能让远隔两地的研究者们共享知识的设想。最...

2019-10-10 20:53:41 478

原创 axios的简单的一次封装:

前言:axios的封装根据需求的不同而不同,最近也根据自己的项目需求,对axios和api进行了封装,其实封装的目的为了帮助我们简化代码更利于 后期的更新维护。那么想了解axios的封装,你是否对axios是什么,怎么来的,他有什么作用,什么场景使用和特点是否感到疑惑呢?其实我也有点疑惑,下面是个人的一些学习经历,希望各位同僚多多指正。axios概念了解:axios是什么:Axios 是...

2019-10-10 20:15:20 485

原创 Vue路由之axios配置JWT身份验证

前言:认证和授权,其实吧简单来说就是:认证就是让服务器知道你是谁,授权就是服务器让你知道你什么能干,什么不能干(例如下面meta元信息),认证授权俩种方式:Session-Cookie与JWT,下面我们就针对这两种方案就行阐述。起源:说起JWT,我们应该来谈一谈基于token的认证和传统的session认证的区别。毕竟我们在使用jwt之前,是使用session认证的。传统的session认...

2019-10-10 19:59:21 6423

原创 这样写promise很容易懂

一、promise的起源大家都知道nodejs很快,原因就是node采用异步回调的方式来处理需要等待的事件,使得代码会继续往下执行不用在某个地方等待着。但是也有一个不好的地方,当我们有很多回调的时候,比如这个回调执行完需要去执行下个回调,然后接着再执行下个回调,这样就会造成层层嵌套,代码不清晰,很容易进入“回调监狱”,就容易造成下边的例子:请求1(function(请求结果1){ 请求...

2019-10-02 18:48:07 293

原创 JS异步的发展流程

promise

2019-10-02 15:33:18 211

原创 js 中Object.keys()使用

Object.keys()返回一个数组Object.keys(obj)//返回值: 一个表示给定对象的 所有可枚举属性的 字符串数组传入数组,返回索引var arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // console: ['0', '1', '2']传入对象,返回属性名var obj = { a: 'aliv...

2019-10-02 15:21:58 412

原创 ES6是什么

一 、什么是ES6了解ES6之前,先了解 什么是ES。ECMAScript 是什么:ECMAScript又叫“ES”。ECMAScript就是JavaScript中的语法规范!举个栗子:大家写js代码是,为啥用var 声明变量,为啥用function 声明函数,而不是其他单词。因为ECMAScript规定了我们要这么做,也就是它规定了javascript的语法规则,我们都要按照这个规则来...

2019-10-02 15:05:19 459

原创 程序员的菜

下面是小编 所搜过 的软件 还挺好用 最起码基本不占用电脑资源空间 索性整理的一番,并且配上图示。后续还会继续更新……,敬请关注……1.IDM堪比迅雷的下载工具:Internet Download Manager 是除了迅雷Windows 平台上功能最为强大的下载工具之一。2.桌面效率神器:Fences是一款可以在桌面创建若干区域的桌面整理工具,你可以在桌面上创建若干区域,将桌面图标以文...

2019-09-30 11:38:32 208

原创 遇到面试vue-router原理

前端三大框架Vue,React,Angular,他们都是单页面应用开发的,所以利用路由的跳转非常有必要的,vue-router,react-router,angular-router都是基于前端路由原理进行封装实现的,所以我们使用起来非常方便,只会使用还不行,刚上手的小白,给他随便说两句就会使用路由,但是我们也需要了解路由的原理,知己知彼,才能百战百胜。一、什么是路由路由的概念起源于服务端,在...

2019-09-19 10:27:04 7378 1

原创 HTTP协议总结

HTTP是什么超文本传输协议(hypertext transfer protocol,HTTP),它是TCP/IP协议的一个应用层协议,用于定义WEB浏览器与WEB服务器之间交换数据的过程。浏览器连上web服务器后,若想获得web服务器中的某个web资源,需遵守一定的通讯格式,HTTP协议用于定义客户端与web服务器通迅的格式。(比如咱们用的QQ,迅雷,都是是这个协议)1.那么HTTP如何工作...

2019-09-12 22:31:34 2471

原创 Vue 实现递归组件的原理

这个是文件结构:可以create一个脚手架,来写,比较简单。 实现效果图:首先在vue脚手架里面创建上面几个文件:Menu.vue:主要是包裹整个菜单的数据,里面主要挖坑,存放模板。MenuItem.vue:是最外层 title(菜单1,菜单2,菜单3)的值 在app里面引用。SubMenu.vue:主要用于 点击 事件,里面有挖了两个坑,用于渲染2个模板,Re...

2019-08-24 20:20:13 885

原创 图示---作用域链和原型链的区分

什么是作用域。

2019-08-03 13:25:12 531

原创 js(var let const )声明变量要点总结

什么是js(javascript):JavaScript是一门运行在浏览器端的脚本语言。js一般运行在那些环境中:浏览器node手机嵌入式ai 区块链Java和JavaScript:没有关系 如果非要从商业角度来说,JavaScript是借住Java火起来。javascript的组成部分:ECMAScript 欧洲计算机制造联合会 标准 规定常用的语法BO...

2019-07-18 19:16:48 434

原创 flex布局---九种色子案例分析

九种色子案例代码:效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...

2019-07-16 21:21:38 499

原创 css浮动布局总结

什么是浮动布局:浮动布局:默认流动布局有不足,让男标签可以并排显示如果一个元素浮动了,就相当于这个元素出国,就会产生影响:影响1:元素出国了,父元素里面就相当于没有内容(前提父元素没有设置高度,高度是内容给撑起来的),它的高度就变成0了,也就父元素高度塌陷了。元素浮动会造成父元素的高度塌陷。清楚影响:overflow:hidden; overflow本意就是处理溢出,我们可以使用over...

2019-07-16 17:46:26 869

原创 CSS盒子模型注意细节

什么是盒子模型:一个标签就是一个盒子,可以通过6大属性(margin,border,padding,width,height,background-color)来设置这个盒子。同时,标签分男标签和女标签。对于男盒子来说,6大属性都有作用。对于女盒子来说,width,height不起作用,padding 和 margin在水平方向上有作用,在垂直方向上没有作用。<!DOCTYPE h...

2019-07-16 17:14:45 283

原创 三次握手和四次挥手的区分

三次握手总结过程:第一次握手:客户端发送一个带 SYN=1,Seq=X 的数据包到服务器端口(由浏览器发起,告诉服务器我要发送请求了)第二次握手:服务器发回一个带 SYN=1, ACK=X+1, Seq=Y 的响应包以示传达确认信息(由服务器发起,告诉浏览器我准备接受了,你赶紧发送吧)第三次握手:客户端再回传一个带 ACK=Y+1, Seq=Z 的数据包,代表“握手结束”(由浏览器发送...

2019-07-12 21:40:39 439

原创 两分钟全知道浏览器渲染解析过程

浏览器的渲染介绍浏览器组件的构成:下面先来张图看下浏览器引擎工作流程:浏览器解析 :1、浏览器通过请求的 URL 进行域名解析,向服务器发起请求,接收文件(HTML、CSS、JS、Images等等)。2、解析HTML 文件后,开始构建 DOM树3、解析CSS 样式文件后,开始构建 CSSOM树4、Javascript 脚本文件加载后, 通过 DOM和 CSSOM生成渲染树5、将...

2019-07-12 20:47:09 190

原创 浏览器中输入网址(URL)到浏览器显示的过程

浏览器地址栏输入网址后再到浏览器显示发生了什么主要经历了以下几个过程:DNS域名解析(获得IP地址,访问服务器)建立TCP连接(三次握手)发送HTTP请求服务器得到并处理请求,返回HTTP报文浏览器进行渲染断开连接(四次握手)整个过程也叫做HTTP事物1.DNS域名解析:在浏览器输入网址后,因为浏览器并不能直接通过域名找到对应的服务器,而是通过IP地址,所以这需要域名解析系...

2019-07-12 20:11:06 2437

原创 js异步和同步、阻塞和非阻塞、进程和线程的总结

js异步和同步、阻塞和非阻塞、进程和线程的总结1.什么是单线程和多线程在编程语言中,有的语言是多线程的,有的是单线程的,比如java就是多线程的,javascript是单线程的。也就是说js就像一条流水线,只能在这仅仅一条流水线上干活,不能开辟多个线程;而Java可以通过类继承在开辟个进程。2.进程和线程的区别进程:一个项目运行就表示一个进程,进程是操作系统分配和调度资源的基本单位 进...

2019-05-24 14:38:13 2038

原创 初始Git

GIT入门1.什么是GITGit是目前世界上最先进的分布式版本控制系统(没有之一)。关于版本控制系统,实际上有很多种,可以分成两块:付费免费开源的针对免费开源的,有如下:GITSVNCVS2.安装GIT:Git是一个软件,在windows为例安装:搜索git官网直接下载,之后一直点击next,默认安装即可:安装之后,右击鼠标可找到:3.Git基...

2019-05-23 23:02:33 129

空空如也

空空如也

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

TA关注的人

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