2015年02月_hmonkey915

转载前端不为人知的一面–前端冷知识集锦

前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码

2015-02-28 17:49:32 441

转载 10条影响CSS渲染速度的写法与建议

10条影响CSS渲染速度的写法与建议热度 8已有 399 次阅读2014-9-10 13:53 |系统分类:HTML/CSS1、*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就把所有标签的默认属性全部去除，以达到所有签标属性值都统一的效果。所

2015-02-28 17:47:20 306

转载手机/移动前端开发需要注意的20个要点

贤心按：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让ie见鬼去吧。好了，俺的废话不多说，直接看从网上整理过来的资料吧（ps，本人也在修炼移动开发i

2015-02-28 17:46:06 398

转载 IE6常见bug

1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）解决方法：display:inline3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面与下面，怎

2015-02-28 17:44:58 379

转载解决IE不支持position:fixed问题

页面上需要一个固定位置的块，不论页面怎么滚动，始终停在它的位置，比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position: fixed;可以直接用。IE确不支持，有没有好的办法解决评论 (1) • 分享 • 链接 • 2012-02-030这个兼容性问题通常是采用JS+绝对定位方式处理 – xiaomi 2012-02-0

2015-02-28 17:44:16 4055

转载自适应网页设计是怎么做到的的相关知识点总结

"自适应网页设计"到底是怎么做到的？其实并不难。一. 允许网页宽度自动调整：首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100

2015-02-28 17:43:34 385

原创 jquery 实现checkbox全选、取消全选功能

$(document).ready(function(){ $("#cAll").click(function(){ var flag = $(this).attr("checked"); //读取对象的状态（是否选中）// alert(flag); if(!flag) $("[name = c]:checkbox").attr("checked",false); else

2015-02-28 17:42:55 335

转载小知识点：复选框和单选按钮水平排列

运行效果如下或查看右侧结果窗口：实现源码请查看bootstrap.css文件第1767行～第1780行：.radio-inline,.checkbox-inline {display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: normal;vertical-align: middle

2015-02-28 17:41:39 3708

转载 CSS制作图形速查表

前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单，方便大家急用时有地方可查。别的不多说了，直接看代码。为了节省时间，下面图形都采用的一个标签，可以是块元素也可以是行内元素，不过行内元素需要加上“display:block;”，唯一不同的是，在此用了不同的类名来区别，相关类名我放在了标题的后面，以便大家对应查看。1、

2015-02-28 17:40:31 460

转载 CSS 命名规范及标题供参考与学习

一、CSS 命名规范 XHTML-CSS写作建议所有的xhtml代码小写属性的值一定要用双引号("")括起来，且一定要有值每个标签都要有开始和结束，且要有正确的层次空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、

2015-02-28 17:39:36 370

转载实现响应式布局的5个CSS实用技巧

在前面的文章中，我们也学习了很多关于响应式的课程了，但是响应式CSS写法还是有些技巧的，在这里主要提一下，便于做项目的时候更加得心应手。响应式的Web设计其实并不难，这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性在响应式设计中发挥着很大的作用。我们具体看下一下5个实例吧：1. 响应式Video (demo)响应式

2015-02-28 17:38:37 869

转载 css去掉a标签点击后的虚线框

outline是css3的一个属性，用的很少。声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢？当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过遨游、火狐或者ie的几个版本看到。而safari、opera、goole浏

2015-02-28 16:34:10 530

转载 CSS ::Selection

前天在一个前端群中碰到一个网友问了一个有关于唐人的CSS帝国中关于选择文本，背景是红色，而文本是白色的问题，如下图所示：或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝的背景，白色的字体,就如下本站的而言，选择文本后，背景是深蓝色，而选中的文本就是白色，如下图所示：后来带着这样的问题，我也是到处寻找

2015-02-27 13:49:17 277

hmonkey915的专栏