灵剑丹心 - 博客园

清除浮动两大方法

摘要：第一类方法是常用的伪类清除法，这类方法也分好几种，具体看业务需求，浏览器兼容啥的，如下：有的是display：block的，有的是content一个点的，还有的加visibility：hidden的，各种乱七八糟的方法都有。第二类方法: 除了给.parent设置"overflow:hidden" 阅读全文

posted @ 2018-04-13 13:21 灵剑丹心阅读(133) 评论(0) 推荐(0)

百度搜索建议API

摘要： 1.直接返回json数据 http://suggestion.baidu.com/?wd=关键词&action=opensearch 2.json数据当做回调函数的参数传回来http://suggestion.baidu.com/?wd=关键词默认回调函数名是window.baidu.sug 等价阅读全文

posted @ 2017-07-13 22:45 灵剑丹心阅读(1163) 评论(0) 推荐(0)

windows映射坚果云的webDAV服务（灰常简单）

摘要：首先注册个坚果云的账号，就有1g的空间。然后确定你的windows开启了webclient服务然后在坚果云右上角下拉菜单 - 账户信息 - 安全选项，下面添加一个应用密码，应用名称随意。添加完了之后服务器地址是固定的这个https://dav.jianguoyun.com/dav/，账户是坚果云阅读全文

posted @ 2017-07-11 23:31 灵剑丹心阅读(4476) 评论(0) 推荐(0)

rotate默认是rotateZ

摘要：也就是默认在Z轴旋转， rotate(度数),rotateX(度数),rotateY(度数), 度数的正负分别代表顺逆时针,观察角度是各个轴的正方向坐标系原点在左上角 x轴的正方向是向右 y轴正方向是向下 z轴正方向是从屏幕到人的眼睛(垂直) 比如rotateX(80deg)和rotateX(-8 阅读全文

posted @ 2017-07-02 13:42 灵剑丹心阅读(603) 评论(0) 推荐(0)

背景图片全屏自适应关键css代码

摘要：这个非常关键，不知道网上为什么完全搜不到，就好像没有这个知识点，搜到的都是些瞎扯淡的东西。我一开始不知道很烦恼，原来要设置html和body的宽高都为100%，dom元素们才有一个基准，要不然怎么设置background-size都是白瞎，是否repeat根据自己需要，如果你的背景图片足够大，这世阅读全文

posted @ 2017-07-01 15:12 灵剑丹心阅读(154) 评论(0) 推荐(0)

img和canvas下方会有空白的原因

摘要：首先我们要知道这部分空白产生的原因。图片默认的vertical-align是baseline，也就是字母x的下边距，我们在图片后面写上x就是这样首先我们要知道这部分空白产生的原因。图片默认的vertical-align是baseline，也就是字母x的下边距，我们在图片后面写上x就是这样如果阅读全文

posted @ 2017-06-27 11:34 灵剑丹心阅读(1470) 评论(0) 推荐(0)

伪类选择器:first-child和:nth-child()和:first-of-type

摘要： x:first-child和x:nth-child(1)功能一样，首先选中的是x元素，并且x元素必须是它父元素的第一个子元素，选择器才成立，否则不能选中。其中x也可以是选择器。由此看出nth-child功能强劲，完全可以代替first-child的功能。nth-last-child和nth-chil 阅读全文

posted @ 2017-06-26 17:56 灵剑丹心阅读(342) 评论(0) 推荐(0)

background-clip与background-origin

摘要： background-origin：padding|border|content -box该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置，你可以用这个属性在边框上绘制背景，但边框上的背景显不显示出来那就要由background-clip来决定了 backgr 阅读全文

posted @ 2017-06-26 13:45 灵剑丹心阅读(145) 评论(0) 推荐(0)

jquery判断一个元素是否为某元素的子元素

摘要： $(node).click(function(){ if($(this).parents('.aa').length > 0){ //是aa类下的子节点 }else{ //不是aa类下的子节点 } }); 在判断点击body空白处隐藏弹出框时用到阅读全文

posted @ 2017-06-23 00:13 灵剑丹心阅读(1999) 评论(0) 推荐(1)

Math.pow()实现开任意次方根

摘要： Math.pow(x,1/y)表示对x开y次方根,比如Math.pow(x,1/2)是求x的平方根,相当于Math.sqrt(x) 阅读全文

posted @ 2017-06-16 13:08 灵剑丹心阅读(477) 评论(0) 推荐(0)