2016年04月_Double崩沙卡

转载 onload与ready方法的区别

Jquery中$(document).ready()和window.onload的区别$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作，但是在具体的细节上$(document).ready()和window.onload还是有区别的，下面我来介绍介绍。最基本的区别1.执行时间window

2016-04-29 16:36:52 1492

转载 CSS3 块级元素，文本溢出操作 -webkit-line-clamp

大家经常用的css3属性text-overflow是针对单行文本溢出的操作，那块级元素的文本溢出要怎样处理呢？需要用到-webkit-line-clamp:说明：限制在一个块元素显示的文本的行数。-webkit-line-clamp 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。为了实现该效果，

2016-04-29 14:39:50 6320

转载 css3 box-orient box-pack box-align

2016-04-29 14:36:30 872

转载 Flex 布局教程：实例篇(阮一峰)

Flex 布局教程：实例篇作者：阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文

2016-04-29 13:24:26 10513

转载 Flex 布局教程：语法篇（阮一峰）

Flex 布局教程：语法篇作者：阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提

2016-04-29 10:21:08 36804 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 653

转载 RegExp 正则表达式方法详解

RegExp的三个方法详解与 String对象match方法的应用

2016-04-26 17:21:27 480

转载 document.documentElement 与 document.body

body是DOM对象里的body子节点，即标签；documentElement 是整个节点树的根节点root，即标签；DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。以HTML超文本标记语言为例：整个文档的一个根就是,在DOM中可以使用document

2016-04-26 17:11:36 454

转载百度关于PC站与手机站适配

1，跳转适配在此配置中，每个pc版网址都具有一个对应的不同网址，用于提供针对移动设备进行优化的内容。为了帮助我们的算法了解单独的移动版网址，我们建议您使用以下注释：在pc版网页上，添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。在移动版网页上，添加指向对应pc版网址的链接 rel="canonical" 标记。

2016-04-26 16:57:10 1891

转载 http-equiv="X-UA-Compatible" 理解

这是一个，文档兼容模式的定义。Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染使用以下代码强制 IE 使用 Chrome Frame 渲染提示 IE 用户安装 Google FrameGoogle 官方提供了对 Google Frame 插件

2016-04-26 15:38:26 696

转载 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 777

原创 rel="alternate" 作用

alternate: 替换1. 解释：当屏幕宽度小于640px时，页面跳转到 http://m.home.com/2. 首选样式替换样式

2016-04-26 14:07:38 3828 1

转载 meta标签搜索引擎优化 SEO

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和nam

2016-04-26 13:52:07 976

原创 <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

NARUTO_LUOLUO的博客