- 博客(27)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 mac系统下nginx+php+mysql环境的搭建
有关于mac系统下nginx+php+mysql环境的搭建，大概需要说明的如下： 1.安装方式有两种，一种是下载源码包编译安装，一种是采用Homebrew下载安装（此处我采用的是Homebrew方式）。 2.Homebrew安装php之前需要安装xcode命令行插件（Command Line Tools），否则安装php会报错。安装Command Lin
2016-06-13 18:49:38
691
转载 ES5中新增的Array方法
一、前言-索引ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下：forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex
2016-05-23 19:37:00
499
转载 http状态码301与302的区别
1、什么是301转向?什么是301重定向? 301转向(或叫301重定向，301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时，服务器返回的HTTP数据流中头信息(header)中的状态码的一种，表示本网页永久性转移到另一个地址。2、什么是302重定向? 302重定向又称之为302代表暂时性转移(Temporarily Moved )，英文名称：302 redire
2016-05-17 18:54:42
521
转载 SASS用法指南-阮一峰
学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专
2016-05-11 17:41:39
1822
转载 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
sass文件编译时候使用ruby环境，无论是界面化的koala工具还是命令行模式的都无法通过，真是令人烦恼。容易出现中文注释时候无法编译通过，或者出现乱码，找了几天的解决方法终于解决了。这个问题的奇葩之处在于在xp环境中没有任何问题，只是在windows7环境中才出现的这个。sass编译时候出现如下错误的解决方法：Syntax error: Invalid GBK ch
2016-05-11 17:38:35
729
原创 老式浏览器（IE6,IE7,IE8）识别html5标签
近几年HTML5风潮大起，HTML5新增的一些语义化标签，更是让前端兄贵们欢欣鼓舞。HTML5新增的标签,,,,,,,,,...and so on.就不在此一一列举了。但是像IE6,IE7,IE8这些又老又旧渲染效果又丑，让前端兄贵们恨得牙根痒痒的臭浏览器，由于一些乱七八糟的理由又不能对它们放弃治疗。当然它们不会认识这些新的语义标签。送它们一个呵呵。不就着口水干说，让我们来看看不同
2016-05-04 14:40:41
5047
2
转载 css 选择器，闲时看看，巩固基础
"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）"SUPPORT"列指浏览器支持。选择器例子例子描述CSSSUPPORT.class.intro选择 class="intro" 的所有元素。1ALL#id#fir
2016-05-03 17:43:03
355
转载 CSS中position:relative;的作用
position的默认值是static，（也就是说对于任意一个元素，如果没有定义它的position属性，那么它的position:static） 如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方，应该给#demo相对定位，#sub绝对定位。 absolute是相对于自己最近的父元素来定位的，如果你不给#demo相对定位，那么#su
2016-05-03 11:03:47
857
转载 CSS3 :nth-child() 选择器
实例规定属于其父元素的第二个子元素的每个 p 的背景色：p:nth-child(2){background:#ff0000;}浏览器支持IEFirefoxChromeSafariOpera 所有主流浏览器均支持 :nth-child()
2016-05-03 10:27:17
469
转载 img图片下面出现莫名的下边距
今天在制作一个网页的时候又碰到以往曾经碰到的问题，在图片下面会出现莫名的下边距，刚好这次制作不像以往那么急，所以抽出空来测试了下，发现，在FF中下边距大概是多出了3像素左右，而IE6更多，在IE8中展示却是完好的，以往的做法只需要将img定义为块状级就解决了问题，而对于其原理却一直都不知道，今天google了下很荣幸的找到了答案：“图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式
2016-05-03 10:14:14
761
转载 onload与ready方法的区别
Jquery中$(document).ready()和window.onload的区别$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作，但是在具体的细节上$(document).ready()和window.onload还是有区别的，下面我来介绍介绍。最基本的区别1.执行时间window
2016-04-29 16:36:52
1491
转载 CSS3 块级元素，文本溢出操作 -webkit-line-clamp
大家经常用的css3属性text-overflow是针对单行文本溢出的操作，那块级元素的文本溢出要怎样处理呢？需要用到-webkit-line-clamp:说明：限制在一个块元素显示的文本的行数。-webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。为了实现该效果，
2016-04-29 14:39:50
6319
转载 css3 box-orient box-pack box-align
box-pack 属性规定当框大于子元素的尺寸，在何处放置子元素。box-pack: start|end|center|justify;box-orient 属性规定框的子元素应该被水平或垂直排列。box-orient: horizontal|vertical|inline-axis|block-axis|inherit;
2016-04-29 14:36:30
871
转载 Flex 布局教程：实例篇(阮一峰)
Flex 布局教程：实例篇作者： 阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文
2016-04-29 13:24:26
10499
转载 Flex 布局教程：语法篇（阮一峰）
Flex 布局教程：语法篇作者： 阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提
2016-04-29 10:21:08
36788
3
原创 sublime text 3 插件 cssrem
cssrem 是sublime text 3 的一个插件，主要用于开发webapp，它可以方便的把px值转为rem值。1.下载附件cssrem-master并解压(下载链接：http://pan.baidu.com/s/1i5sBxYX)：2.打开sublime text->prefrences->browse packages...,将解压的文件夹粘在此处3.
2016-04-28 14:38:23
3667
3
转载 WebApp之 apple-touch-icon
在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。apple-touch-icon是IOS设备的私有标签，如果设置了相应apple-touch-icon标签，则添加到主屏上的图标会使用指定的图片。在区域加入下面代码即可。 apple-touch-icon 标签支持sizes属性，可以用来放置对应不同的设备。 分别放
2016-04-28 13:24:03
651
转载 document.documentElement 与 document.body
body是DOM对象里的body子节点，即 标签；documentElement 是整个节点树的根节点root，即 标签；DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。以HTML超文本标记语言为例：整个文档的一个根就是,在DOM中可以使用document
2016-04-26 17:11:36
453
转载 百度关于PC站与手机站适配
1，跳转适配在此配置中，每个pc版网址都具有一个对应的不同网址，用于提供针对移动设备进行优化的内容。为了帮助我们的算法了解单独的移动版网址，我们建议您使用以下注释：在pc版网页上，添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。在移动版网页上，添加指向对应pc版网址的链接 rel="canonical" 标记。
2016-04-26 16:57:10
1888
转载 http-equiv="X-UA-Compatible" 理解
这是一个，文档兼容模式的定义。Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染使用以下代码强制 IE 使用 Chrome Frame 渲染提示 IE 用户安装 Google FrameGoogle 官方提供了对 Google Frame 插件
2016-04-26 15:38:26
693
转载 pragma 与 cache-control
Cache-Control: no-cache：这个很容易让人产生误解，使人误以为是响应不被缓存。实际上Cache-Control: no-cache是会被缓存的，只不过每次在向客户端（浏览器）提供响应数据时，缓存都要向服务器评估缓存响应的有效性。 Pragma: no-cache：跟Cache-Control: no-cache相同，Pragma: no-cache兼容http 1.0
2016-04-26 14:52:07
776
原创 rel="alternate" 作用
alternate: 替换1. 解释：当屏幕宽度小于640px时，页面跳转到 http://m.home.com/2. 首选样式 替换样式
2016-04-26 14:07:38
3820
1
转载 meta标签 搜索引擎优化 SEO
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和nam
2016-04-26 13:52:07
849
原创 <link rel="canonical" href="www.home.com">
用来解决因网址不同，而内容相同造成的内容重复问题。例如有三个网址：http://www.home.comhttp://www.home.com?id=233http://www.home.com?name=jack指定，那搜索引擎只会收录http://www.home.com的内容，而将http://www.home.com?id=233和http://www.home.c
2016-04-26 11:09:14
1999
TortoiseSVN-1.8.2.24708-x64-svn-1.8.3
2016-04-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人