- 博客(27)
- 资源 (3)
- 收藏
- 关注
转载 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
717
转载 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
515
转载 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
547
转载 SASS用法指南-阮一峰
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专
2016-05-11 17:41:39
1878
转载 ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
sass文件编译时候使用ruby环境,无论是界面化的koala工具还是命令行模式的都无法通过,真是令人烦恼。容易出现中文注释时候无法编译通过,或者出现乱码,找了几天的解决方法终于解决了。这个问题的奇葩之处在于在xp环境中没有任何问题,只是在windows7环境中才出现的这个。sass编译时候出现如下错误的解决方法:Syntax error: Invalid GBK ch
2016-05-11 17:38:35
747
原创 老式浏览器(IE6,IE7,IE8)识别html5标签
近几年HTML5风潮大起,HTML5新增的一些语义化标签,更是让前端兄贵们欢欣鼓舞。HTML5新增的标签,,,,,,,,,...and so on.就不在此一一列举了。但是像IE6,IE7,IE8这些又老又旧渲染效果又丑,让前端兄贵们恨得牙根痒痒的臭浏览器,由于一些乱七八糟的理由又不能对它们放弃治疗。当然它们不会认识这些新的语义标签。送它们一个呵呵。不就着口水干说,让我们来看看不同
2016-05-04 14:40:41
5114
2
转载 css 选择器,闲时看看,巩固基础
"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)"SUPPORT"列指浏览器支持。选择器例子例子描述CSSSUPPORT.class.intro选择 class="intro" 的所有元素。1ALL#id#fir
2016-05-03 17:43:03
369
转载 CSS中position:relative;的作用
position的默认值是static,(也就是说对于任意一个元素,如果没有定义它的position属性,那么它的position:static) 如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该给#demo相对定位,#sub绝对定位。 absolute是相对于自己最近的父元素来定位的,如果你不给#demo相对定位,那么#su
2016-05-03 11:03:47
882
转载 CSS3 :nth-child() 选择器
实例规定属于其父元素的第二个子元素的每个 p 的背景色:p:nth-child(2){background:#ff0000;}浏览器支持IEFirefoxChromeSafariOpera 所有主流浏览器均支持 :nth-child()
2016-05-03 10:27:17
482
转载 img图片下面出现莫名的下边距
今天在制作一个网页的时候又碰到以往曾经碰到的问题,在图片下面会出现莫名的下边距,刚好这次制作不像以往那么急,所以抽出空来测试了下,发现,在FF中下边距大概是多出了3像素左右,而IE6更多,在IE8中展示却是完好的,以往的做法只需要将img定义为块状级就解决了问题,而对于其原理却一直都不知道,今天google了下很荣幸的找到了答案:“图片底部的空隙实际上涉及行内元素的布局模型,图片默认的垂直对齐方式
2016-05-03 10:14:14
780
转载 onload与ready方法的区别
Jquery中$(document).ready()和window.onload的区别$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document).ready()和window.onload还是有区别的,下面我来介绍介绍。最基本的区别1.执行时间window
2016-04-29 16:36:52
1507
转载 CSS3 块级元素,文本溢出操作 -webkit-line-clamp
大家经常用的css3属性text-overflow是针对单行文本溢出的操作,那块级元素的文本溢出要怎样处理呢?需要用到-webkit-line-clamp:说明:限制在一个块元素显示的文本的行数。-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。为了实现该效果,
2016-04-29 14:39:50
6352
转载 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
894
转载 Flex 布局教程:实例篇(阮一峰)
Flex 布局教程:实例篇作者: 阮一峰日期: 2015年7月14日上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文
2016-04-29 13:24:26
10722
转载 Flex 布局教程:语法篇(阮一峰)
Flex 布局教程:语法篇作者: 阮一峰日期: 2015年7月10日网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提
2016-04-29 10:21:08
37086
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
3709
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
677
转载 document.documentElement 与 document.body
body是DOM对象里的body子节点,即 标签;documentElement 是整个节点树的根节点root,即 标签;DOM把层次中的每一个对象都称之为节点,就是一个层次结构,你可以理解为一个树形结构,就像我们的目录一样,一个根目录,根目录下有子目录,子目录下还有子目录。以HTML超文本标记语言为例:整个文档的一个根就是,在DOM中可以使用document
2016-04-26 17:11:36
467
转载 百度关于PC站与手机站适配
1,跳转适配在此配置中,每个pc版网址都具有一个对应的不同网址,用于提供针对移动设备进行优化的内容。为了帮助我们的算法了解单独的移动版网址,我们建议您使用以下注释:在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。
2016-04-26 16:57:10
1952
转载 http-equiv="X-UA-Compatible" 理解
这是一个,文档兼容模式的定义。Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染使用以下代码强制 IE 使用 Chrome Frame 渲染提示 IE 用户安装 Google FrameGoogle 官方提供了对 Google Frame 插件
2016-04-26 15:38:26
718
转载 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
817
原创 rel="alternate" 作用
alternate: 替换1. 解释:当屏幕宽度小于640px时,页面跳转到 http://m.home.com/2. 首选样式 替换样式
2016-04-26 14:07:38
3918
1
转载 meta标签 搜索引擎优化 SEO
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和nam
2016-04-26 13:52:07
1050
原创 <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
2016
TortoiseSVN-1.8.2.24708-x64-svn-1.8.3
2016-04-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人