2017年02月_墨墨博客

11月 10月 09月 08月 07月 06月 03月 02月 01月

转载 css梯形、六角星、五角星、六边形

效果如图：代码如下： .tix { border-bottom: 100px solid #67AFF2; border-left: 50px solid transparent; border-right: 50px solid transparent;

2017-02-22 15:43:08 2552

转载解析URL各部分的通用方法

function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replace(':',''), host: a.hostname, port: a.port, que

2017-02-21 14:12:10 958

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

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

2017-02-21 13:51:22 469

转载 myreset.css

/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */form, fieldse

2017-02-21 10:21:42 302

转载 JavaScript This 的六道坎

作者：crimxblog.crimx.com/2016/05/12/understanding-this/鉴于this风骚的运作方式，对this的理解是永不过时的话题，本文试图通过将其大卸六块来钉住这个磨人的妖精。首先this is all about context.this说白了就是找大佬，

2017-02-21 10:00:08 238

转载 Canvas 画椭圆的方法

转自：AlloyTeam，www.alloyteam.com/2015/07/canvas-hua-tuo-yuan-di-fang-fa/虽然标题是画椭圆，但是我们先来说说Canvas中的圆相信大家对于Canvas画圆都不陌生oGC.arc(400, 300, 100, 0, 2*Math.PI, false);

2017-02-16 13:39:51 563

转载前端开发者应该知道的 CSS 小技巧

一些小技巧让你的CSS技术更专业使用:not()去除导航上不需要的边框为body添加行高垂直居中任何元素逗号分离的列表使用负nth-child选择元素使用SVG图标文本显示优化在纯CSS幻灯片上使用max-height继承box-sizing表格单元格等宽

2017-02-16 13:33:12 312

原创兼容IE8的旋转角度

css代码如下：div{position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform: rotate(350deg); -moz-transform: rotate(350deg); -o-transform: rotate(350deg);t

2017-02-14 15:56:30 6544

原创兼容IE8的渐变颜色css3

css代码如下：body{ width:100%; height:200px; background: -webkit-gradient(linear, 0 0, 0 0, from(#F6F4EF), to(#F1EDE6)); background: -webkit-linear-gradient(left,#F1EDE6, #F6F

2017-02-14 15:53:26 9935 1