自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 git学习与使用

创建本地仓库 mkdir learngit cd learngit git init 查看本地仓库当前状态 git status这个命令会告诉你本地仓库的改动有哪些,哪些尚未提交到暂存区。提交到暂存区后再次git status就会告诉你哪些还没有提交到本地仓库。git diff查看修改了哪些地方,...

2017-06-07 11:54:45

阅读数 287

评论数 0

转载 React vs Vue

上次更新博客是在5/24了。公司的工作也比较多所以就没有更新。今天看了一篇文章,讲的是React和Vue的区别。所以今天主要讲下这个。 文章传送门:React和Vue的书写特性差异渲染过程ReactReact的生命周期有以下几个方法: 1. componentWillMount: 这个方法会在...

2017-06-05 15:06:25

阅读数 1059

评论数 0

原创 HTTPS详解

写在前面参考 https连接的前几毫秒发生了什么 HTTP与HTTPS的区别HTTPS概念HTTPS = HTTP + TLS 使用TLS对数据进行加密,但是数据传输依旧使用的是TCP。因此HTTPS作用有二:一是保护数据安全,二是通过证书验证网站的真实性。 HTTPS主要解决的问题是中间...

2017-05-24 20:41:46

阅读数 386

评论数 0

原创 代理模式

写在前面参考《JavaScript设计模式与实战》代理模式代理模式顾名思义就是为一个对象进行代理,对该对象的操作都会通过代理先去完成,达到为对象进行过滤保护等功能。保护代理通过代理,可以过滤掉一些不符合条件的操作,从而使得通过代理的那些操作可以操作对象。虚拟代理虚拟代理可以在真正需要某个东西的时候...

2017-05-24 16:07:05

阅读数 247

评论数 0

原创 Inline Vs Internal Vs External CSS(译)

写在前面原文地址:Inline Vs Internal Vs External CSS什么是CSS?几乎所有人都知道CSS的全称是 C ascading S tyle S heet。样式表是用于定义如何展示HTML元素的。CSS在HTML4.0就被用于解决设计上的问题,CSS无疑是实现设计者的设...

2017-05-23 20:43:32

阅读数 1063

评论数 0

转载 JS中的Immutable

Persistent Data Structure(持久化数据结构) 也就是使用旧数据创建新数据时,要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来的性能损耗,Immutable 使用了 Structural Sharing(结构共享),即如果对象树中一个节点...

2017-05-23 15:17:13

阅读数 366

评论数 0

原创 React+Redux中的MVC

MVCMVC的框架大家都熟悉了 M(Model),数据模块,简单理解就是用于存储数据的 V(View),视图模块,管理展现给用户的页面视图 C(Controller),控制器模块,它控制数据流向模型对象,并在数据变化时更新视图。它使视图与模型分离开。 React+ReduxReact主要就...

2017-05-22 23:20:06

阅读数 2084

评论数 0

原创 二分查找

let arr = [1,2,4,5,6,10,23,45,67]; function binarySearch(arr, value) { if(!(arr instanceof Array)) { return; } let left = 0, righ...

2017-05-22 20:26:49

阅读数 171

评论数 0

原创 发布-订阅模式(观察者模式)

写在前面 参考文档《JavaScript设计模式与实战》 发布-订阅模式 光是看名字还是很好理解的,也就是在生活中,我们常常受到关于某品牌的活动消息(虽然大多数都是默认订阅),此时收到信息的我们就是订阅者,而品牌方则是发布者。 发布-订阅的模式也有很多好处:不需要我们每次都去询问活动什...

2017-05-22 19:38:00

阅读数 168

评论数 0

原创 Singleton单例模式详解

传送门: JavaScript设计模式详解-单身狗的你来看看单例模式单例模式单例模式就是在创建一个新的实例时,会首先判断先前是否存在该实例,不存在则创建一个新实例并返回,否则返回之前的实例。使用闭包实现单例模式为什么使用闭包?因为我们可以使用闭包来获取到当前实例的状态是已经创建还是尚未创建。 ...

2017-05-22 11:26:06

阅读数 233

评论数 0

原创 CSS:一个简单的loading动画

<div id="circle"></div> <div id="inner"> <div id="spiner"></div> <div id="fil...

2017-05-19 21:40:29

阅读数 472

评论数 0

原创 vue+express:搭建个人博客(3)

这篇文章主要是对博客的一些逻辑呀样式呀还有跳转等问题进行修改。样式问题样式问题比较简单,主要都是input和textarea都会存在一个默认的选中框,以及router-link会存在默认下划线等。我的收藏收藏这个部分有点儿麻烦,主要是因为我点击收藏一次就要去修改一次数据库吗? 但是想链接那样先修...

2017-05-16 10:53:23

阅读数 1429

评论数 0

原创 vue+express:搭建个人博客(2)

上次更到mutations和actions,今天继续写总览模块总览模块就是显示所有文章和链接,样式和上次分享的文章类似。我觉得没有添加一个返回按钮好不科学,于是我添加了一个。 大概的感觉就是这样。 遇到的问题就是 1. 使用getter获取划分好年份的数据,for item in obj...

2017-05-14 17:57:52

阅读数 2355

评论数 0

原创 vue+express:搭建个人博客(1)

最近正在看nodejs,在加上vue有不算很熟悉。 实践出真知,打算写个个人博客管理来练练手,当然,有参考。 一个 Vue.js+Node.js 的博客内容管理系统 会更新博文,主要记录一下自己搭建过程 使用Vue-cli脚手架 安装vue-cli npm install -g v...

2017-05-10 19:11:33

阅读数 8648

评论数 6

转载 Nodejs:Passport验证用户名密码(不完全)

参考 passport.js学习笔记 什么是passport passport是Nodejs的一个中间键,用于用户名和密码的验证登陆。在项目中我用它来验证后台用户名和密码,但passport更多用在第三方登录,功能强大。 安装与配置 本项目中使用了passport以及passpo...

2017-05-10 14:47:48

阅读数 1588

评论数 0

原创 布局:理解BFC

写在前面昨天刚刚面试完,记起来被问到的一个问题。 存在两个左浮动元素,并且为它们设置左右margin,此时左边的浮动元素的右margin会和右边的左margin重合吗? 当时就懵比了。但是我回答的是会。本能的认为。 然后又被问,那垂直设置margin呢?我回答也是会。 我们现在可以来看一下...

2017-05-06 13:00:48

阅读数 320

评论数 0

原创 深拷贝的实现

浅拷贝和深拷贝浅拷贝:拷贝的值为引用而非其真实值 深拷贝:拷贝的值为真实值而非引用。当拷贝的元素是对象是,深拷贝相当于会重新创建一个对象,并对对象的值一个一个复制过来,而不是仅仅获得该对象的引用值。为什么要分深浅拷贝显然,浅拷贝会带来一个很大的问题。就是,如果我复制的值是一个引用地址,那么我通过...

2017-05-03 15:12:45

阅读数 3892

评论数 0

转载 Web缓存

参考【Web缓存机制系列】2 – Web浏览器的缓存机制 浏览器缓存机制剖析一张图说清缓存什么是web缓存web缓存是存在于客户端和服务端之间的资源,当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应访问请求,还是向源服务器再次发送请求。为什么要用web缓存 ...

2017-05-03 14:11:29

阅读数 192

评论数 0

原创 Vue:实现双向数据绑定

参考剖析Vue原理&实现双向绑定MVVM javascript实现数据双向绑定的三种方式Vue实现双向数据绑定的方式Vue是如何实现双向数据绑定的呢?答案是前端数据劫持。其通过Object.defineProperty()方法,这个方法可以设置getter和setter函数,在sette...

2017-05-03 11:19:44

阅读数 2664

评论数 0

转载 React:虚拟DOM

参考React虚拟DOM解析为什么需要虚拟DOM虚拟DOM减少了对DOM树的操作,如何减少? 通过batching和diff。batching批处理用于将所有的操作一次性交给DOM,diff则通过算法,比较前后差异进行DOM操作,有效降低DOM操作次数,以及操作范围。React渲染代价假设一个场...

2017-05-03 00:06:24

阅读数 208

评论数 0

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