CSS布局之三栏布局
三栏布局是一种使用非常广泛的布局方式，一般是左右固定宽度，中间内容自适应
这里收集了三栏布局的五种方法
浮动布局12345678910111213141516171819202122232425262728293031323334<!DOCTYPE html><html lang=
...
JS中各种宽高和位置
在获取窗口或元素的大小和位置信息的时候，经常会被这些属性弄懵，于是整理了一下这些方法或属性，方便查看
窗口的位置和大小位置
screenLeft 和 screenX：用于表示窗口相对于屏幕左边的位置，大部分浏览器都支持前者，火狐只支持后者
screenTop 和 screenY ： 用于表示窗口相对
...
前端跨域之JSONP的原理及简单实现
在前端开发中，熟练使用ajax从后台接口获取数据是必备的技能。但是为了安全，XmlHttpRequest对象在默认情况下只能访问同源（协议、域名、端口号完全相同）的数据，就是常说的跨域安全策略。在前后端分离的今天，合理跨域至关重要，所以在前端也有很多方法可以实现跨域，比较常用的是JSONP和CORS
...
Array 类型方法大合集
数组是JavaScript中最常用的类型之一，JavaScript封装了很多原生的操作数组的方法，掌握它们可以提高我们的开发效率
数组检测instanceof方法arr instanceof Array 返回一个布尔值，在一个网页包含多个框架(页面包含子页面)的时候会出现问题，没有使用过多个框架，不
...
JavaScript六种继承方式
继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的
原型链首先得要明白什么是原型链，在一篇文章看懂proto和prototype的关系及区别中讲得非常详细
原型链继承基本思想就是让一个原型对象指向另一个类型的实例
12345678
...
JavaScript创建对象的七种方式
JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点
工厂模式123456789101112function createPerson(nam
...
一篇文章看懂_proto_和prototype的关系及区别
原型是javascript面向对象编程中非常重要的概念，而且并不是那么容易懂。偶然看到一个题目：阐述proto和prototype的关系。看到这个问题的时候，我的脑海浮现出一些概念，但却说不出来。先来看一张图
如果能看懂图中的关系基本上就可以解释出proto和prototype的关系和区别了所
...
客户端数据存储——cookie和webStorage
在客户端存储用户信息的常用方法就是通过cookie和webStorage，这篇文章介绍cookie和webStorage的使用方法和区别所在
CookieHTTP Coolkie，通常直接叫做cookie，最早的一个在客户端存储数据的方案，在客户端用于存储会话信息，该标准要求在服务器对任意HTTP请
...
FlexBox弹性布局基本用法
1. Flex布局介绍FlexBox意为弹性布局，是一种布局解决方案，与传统解决方案(基于盒模型，使用浮动，绝对定位)相比，flex布局更加灵活，具有响应式，可以解决在布局上的很多麻烦。优点如下：
方便垂直居中
改变元素的视觉次序
解决盒子空白问题
减少浮动问题
2. 一个简单实例看flex的强
...
Git常用操作及命令
1. Git介绍Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。全球最大的同性交友网站github则是项目的托管平台，只支持Git作为唯一的版本库格式进行托管。
安装git非常简单，在ubuntu上sudo apt-get install git然后配置
2.
...