随笔分类 -  前端

其他工具网站收集
摘要：Unsplash.it – 图片占位符，支持个性化 Unsplash.it 是一个使用漂亮的图像作为占位符的工具。只要把你的图像尺寸（宽与高）放到网址后面的参数中，你会得到一个占位符。你可以很容易地得到一个随机图像或者是一个模糊图像。也支持获取灰度图像和特定图像。 功能齐全，完美兼容 IE 的上传组 阅读全文
posted @ 2016-02-15 10:53 红楼一梦繁华逝 阅读(154) 评论(0) 推荐(0)
WEB开发会用到的一些特效
摘要：超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。 源码下载 在线演示 美！视差滚动在图片滑块中的应用 视差滚动（Parallax Scrolling）已经被广泛应用于网页设计中，这种技术能够 阅读全文
posted @ 2016-02-15 10:22 红楼一梦繁华逝 阅读(255) 评论(0) 推荐(0)
Feature.js-轻量级浏览器特性检测JavaScript库插件
摘要：简要教程 Feature.js是一款轻量级的浏览器特性检测JavaScript库插件。该插件运行速度快，使用简单，文件只有1kb大小。通过Feature.js你可以检测客户浏览器是否支持某些特性，并针对这些特性编写代码。 Feature.js会自动在页面初始化时进行加载，但是它不会自动进行特性检测， 阅读全文
posted @ 2016-02-15 09:08 红楼一梦繁华逝 阅读(844) 评论(0) 推荐(0)
前端规范标准-CSS
摘要：一、CSS样式命名规范 建议：用字母、“_”（下划线）、“-”号、数字组成，必须以字母开头，不能以数字开头。为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看 就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如： 头部样式用header，头部左边，可以用header 阅读全文
posted @ 2016-01-28 13:48 红楼一梦繁华逝 阅读(340) 评论(0) 推荐(0)
前端规范标准(一)
摘要：目录 1 、 规范目的 2 、 基本准则 3 、 文件规范 4 、 文件规范 5 、 html 书写规范 6 、 css 书写规范 7 、 JavaScript 书写规范 8 、 图片规范 9 、 注释规范 10 、 开发及测试工具约定 11 、 其他规范 12 、 CSS Hack 1 规范目的 阅读全文
posted @ 2016-01-28 13:46 红楼一梦繁华逝 阅读(330) 评论(0) 推荐(0)
CSS3 基础知识
摘要：CSS3 基础知识1.边框 1.1 圆角border-radius:5px 0 0 5px; 1.2 阴影box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #... 阅读全文
posted @ 2015-12-21 17:25 红楼一梦繁华逝 阅读(162) 评论(0) 推荐(0)
css reset及部分layout样式
摘要：/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-s 阅读全文
posted @ 2015-07-18 17:13 红楼一梦繁华逝 阅读(300) 评论(0) 推荐(0)
CSS3写常用的形状
摘要：正方形：1.square{width:100px;height:100px;background:#E57779;}长方形：1 .rectangle{ width: 200px;height: 100px; background: #E57779;}圆形：1 .circle{ width: 100p... 阅读全文
posted @ 2015-07-13 19:11 红楼一梦繁华逝 阅读(266) 评论(0) 推荐(0)
hack
摘要：all IE:Selector{property:value\9;}IE7:*+html Selector{property:value;}*:first-child+html Selector {property:value;}Selector {*property:value;}Selector... 阅读全文
posted @ 2015-07-13 15:59 红楼一梦繁华逝 阅读(195) 评论(0) 推荐(0)
JS测试浏览器类型的代码
摘要：1 function getOs(url,title) { 2 3 var OsObject = ""; 4 5 if(navigator.userAgent.indexOf("MSIE")>0) { 6 7 ... 阅读全文
posted @ 2015-07-13 14:17 红楼一梦繁华逝 阅读(181) 评论(0) 推荐(0)
最简短的加入收藏代码
摘要：方法一：JS部分： 1 function addFavorite(url,title){ 2 if(window.sidebar||window.opera)return true; 3 try{ 4 window.external.Ad... 阅读全文
posted @ 2015-07-13 14:15 红楼一梦繁华逝 阅读(816) 评论(0) 推荐(0)
HTTP状态码详解
摘要：状态代码状态信息含义100Continue初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新）101Switching Protocols服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新）200OK一切正常，对GET和POST请求的应答文档跟在后面。201Creat... 阅读全文
posted @ 2015-07-13 14:07 红楼一梦繁华逝 阅读(197) 评论(0) 推荐(0)
移动端开发中的触摸事件和键盘操作
摘要：如何关闭iOS中键盘自动大写： 我们知道在iOS中，当虚拟键盘弹出时，默认情况下键盘是开启首字母大写的功能的，根据某些业务场景，可能我们需要关闭这个功能，移动版本webkit为 input元素提供了autocapitalize属性，通过指定autocapitalize=”off”来关闭键盘默认首字... 阅读全文
posted @ 2015-07-13 12:02 红楼一梦繁华逝 阅读(411) 评论(0) 推荐(0)
html使用空格对齐文本（&nbsp；&emsp；&ensp；）
摘要：字符以及HTML实体描述以及说明 这是我们使用最多的空格，也就是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加。为了便于记忆，我总是把这个空格成为“牛逼(nb)空格(sp – space)”，虽然实际上并不牛逼。该空... 阅读全文
posted @ 2015-07-13 12:00 红楼一梦繁华逝 阅读(2668) 评论(0) 推荐(0)
总结绝对定位和相对定位
摘要：定位分为4种：1：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。(2)absolute元素框偏移某个距离。http://www.w3cfuns.com/thread-258-1-1.html 无父级：参照浏览器左上角 有父... 阅读全文
posted @ 2015-07-13 11:41 红楼一梦繁华逝 阅读(172) 评论(0) 推荐(0)
前端代码性能优化
摘要：1.display:none;优于visibility:hidden;前者隐藏不占用物理空间，后者会占用。2.合并margin,padding,border的-top,-left,-right,-bottom的设置，简短简洁。3.选择器在满足效果的基础上，尽量简单，减少嵌套，查询的消耗。4.如若值为... 阅读全文
posted @ 2015-07-13 11:36 红楼一梦繁华逝 阅读(181) 评论(0) 推荐(0)
IE不支持textarea的HTML5placeholder属性
摘要：html部分： 1 2 3 4 5 6 7 8 9 10 11 JS部分： 1 若有其他更好的方法请留言或评论 阅读全文
posted @ 2015-07-13 11:33 红楼一梦繁华逝 阅读(556) 评论(0) 推荐(0)
IE6，7，8不支持HTML5标签的办法
摘要：只需在HTML5文档的head标签内加上这一句： 就可以了，IE7，8测试通过，完全胜任，IE6未测试 阅读全文
posted @ 2015-07-13 11:16 红楼一梦繁华逝 阅读(192) 评论(0) 推荐(0)