2017年01月_goulei2010

转载 ubuntu16.04配置Lamp环境（搭建linux+apache+mysql+php7环境)

好久没有在linux环境下进行开发了，比较常用的还是windows环境，但其实我更喜欢在linux环境下，毕竟产品上线大多数都是在linux服务器上的，windows环境开发的东西不可避免出现一些大小写的问题。所以无聊就在自己的虚拟机配置一个新的linux的php开发环境，其中的内容有结合他人的做的一些总结。步骤一：安装apacheronyao@ubuntu:~$ sudo a

2017-01-27 20:39:12 3314 1

转载 CSS 布局实例系列（二）如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局

用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化通过绝对定位实现See the Pen absolute-two-column by xal821792703 (@honoka) on CodePen. 注意点如下：需要套一个“positioned”的父元素div-a 绝对定位，并将位置

2017-01-20 15:20:07 445

原创 javascript中this的四种用法

this在函数执行时，this 总是指向调用该函数的对象。要判断 this 的指向，其实就是判断 this 所在的函数属于谁。在《javaScript语言精粹》这本书中，把 this 出现的场景分为四类，简单的说就是：有对象就指向调用对象没调用对象就指向全局对象用new构造就指向新对象通过 apply 或 call 或 bind 来改变 this 的所指。

2017-01-08 14:16:30 340

原创在JS中，什么时候会用到Object.defineProperty()来设置或者修改对象属性？

Object.defineProperty(Object.prototype, 'foo', {value: function() {console.log(foo);}});（这样添加的属性是不可修改不可枚举不可再次配置的）当你非要给原生类原型添加方法时，不用 defineProperty 就会给其它程序（如 for in）添加麻烦当然 getter/setter 要兼

2017-01-08 12:46:05 1802

转载 js 中{},[]中括号,大括号使用详解

一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。如：var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性，所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以用数

2017-01-07 15:10:23 912

转载 VIM和GVIM 配置总结

1.前言关于如何VIM的配置，网上已经有很多相关教程，详细的教程只会是重复，本文仅介绍本人的配置心得和觉得需要注意的地方。详细可以教程可以参考http://blog.csdn.net/wooin2.VI、VIM与GVIM的区别VIM是VI的升级版，且完全兼容VI指令，GVIM跟VIM的区别是VIM要求全部键盘操作，而GVIM可以使用鼠标进行可视化操作。关于G

2017-01-05 10:13:31 3156

原创 web 列表切换

原理：通过js更改class从而实现切换效果。html：

2017-01-03 20:06:38 761

原创 Web流布局实例

在外面的大盒子相对定位，box绝对定位。通过JavaScript控制box的位置即可实现。html：

2017-01-03 15:25:04 373

原创非常实用的webstorm的快捷键

Ctrl+/ 或 Ctrl+Shift+/注释（// 或者/*…*/ ）Shift+F6重构-重命名Ctrl+X删除行Ctrl+D复制行Ctrl+G查找行Ctrl+Shift+Up/Down代码向上/下移动。

2017-01-03 11:53:06 345

转载 JavaScript调试技巧之console.log()详解

对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑一、什么是console.log()？除了一些很老版本的浏览器，现今大多数浏

2017-01-03 11:50:12 3433

转载 h5和css3兼容IE8浏览器

一、兼容html5标签使用html5.js来兼容。百度云盘下载：html5.jshtml xmlns="http://www.w3.org/1999/xhtml">head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> meta http-equiv="X-UA-C

2017-01-03 11:28:48 4780

原创 box-shadow兼容IE8浏览器写法

-moz-box-shadow:3px 5px 5px #969696;-webkit-box-shadow:3px 5px 5px #969696;box-shadow:3px 5px 5px #969696; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Streng

2017-01-03 11:20:19 11468 1

转载 DOM中元素节点、属性节点、文本节点

节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是：nodeName（节点名称） nodeValue（节点值） nodeType（节点类型） nodeTypenodeType 属性可返回节点的类型。最重要的节点类型是：元素类型节点类型元素(ELEMENT_NODE)1

2017-01-02 19:00:43 486

转载 CSS中的绝对定位与相对定位

层级关系为：效果图：为改变参照物（橘色框）后的效果层级关系为：效果图：参照物为最顶级的元素情况。层级关系为：效果图：仅使用margin属性布局绝对定位元素的情况此情况，margin-bottom 和margin-right的值不再对文档流中的

2017-01-02 16:31:19 331

转载 css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一起来$('.float')

摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一、抛一块问题砖（display： block）先看现象：分析HTML代码结构：div class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3div>

2017-01-02 16:08:41 1978

原创 CSS 浮动

CSS 绝对CSS 元素选择器浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时

2017-01-02 15:48:04 199

转载 overflow:hidden清除浮动原理

overflow:hidden清除浮动原理BFC （Block Formatting Context）全称是块级格式化上下文，用于对块级元素排版，默认情况下只有根元素（body)一个块级上下文，但是如果一个块级元素设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域

2017-01-02 15:34:04 348

原创 overflow:hidden 原理

先来看两个overflow:hidden的使用例子。1、嵌套布局内部块元素设置float:left时，导致外部元素塌方，高度为0的问题。 CSS和HTML分别如下：.wrap { outline: red 1px solid; width: 250px; /*overflow: hidden;*/}.item { height: 20px;

2017-01-02 15:31:08 1511

原创 CSS Tools: Reset CSS

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, s

2017-01-02 15:09:04 509

晨曦雨露的博客