06 2017 档案

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

posted @ 2017-06-27 11:34 灵剑丹心 阅读(1445) 评论(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 灵剑丹心 阅读(325) 评论(0) 推荐(0)

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

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

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

posted @ 2017-06-23 00:13 灵剑丹心 阅读(1990) 评论(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 灵剑丹心 阅读(467) 评论(0) 推荐(0)

canvas需要在标签的属性里定义宽高
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>canvas</title><meta name="Keywords" content=""><meta name="author" content="@my_programmer"><s 阅读全文

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

canvas自适应填满屏幕方法!!!
摘要：*{ margin: 0; padding: 0; } html,body{ width: 100%; height: 100%; } #myCanvas{ display: block; } 首先进行如上css设置消除默认边距。然后需要在resize事件下动态改变画布大小，因为canvas需要直接 阅读全文

posted @ 2017-06-13 18:09 灵剑丹心 阅读(1063) 评论(0) 推荐(0)

$(window).load(function(){}) 和 $(document).ready(function(){})的区别
摘要：在JavaScript中 等同于在jQuery中 他们都是用于当页面的所有元素，包括外部引用文件，图片等都加载完毕时运行函数内的alert函数。load方法只能执行一次，如果在js文件里写了多个，只能执行最后一个。（初学者常常在页面结构里对元素直接写行为函数，这样是很丑陋的，可以用选择器等，在js代 阅读全文

posted @ 2017-06-06 23:44 灵剑丹心 阅读(1431) 评论(0) 推荐(0)

程序员必备输入法设置——中文输入时使用英文标点
摘要：方法一 方法二 以搜狗为例，其他输入法自测。今天才在一个公众号留言下面看到还能这么用，再也不用shift切换了！简直程序员必备啊有木有。 阅读全文

posted @ 2017-06-06 19:01 灵剑丹心 阅读(7749) 评论(0) 推荐(0)

导航