灵剑丹心 - 博客园

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 灵剑丹心阅读(335) 评论(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 灵剑丹心阅读(1008) 评论(0) 推荐(0) 编辑

$(window).load(function(){}) 和 $(document).ready(function(){})的区别

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

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

程序员必备输入法设置——中文输入时使用英文标点

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

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

大坑啊！！！关于页面加载完毕事件！！！

摘要：这个坑导致我页面加载完毕后获取元素高度有问题，获取不正确或者是很小才20px，元素本身高度几百，困扰了我这个新手几天。原因就是js原生的onload事件和jq的ready事件的区别。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document) 阅读全文

posted @ 2017-05-29 17:56 灵剑丹心阅读(405) 评论(0) 推荐(0) 编辑

获取各种高度宽度方法总结

摘要： Javascript获取方法总结： document.body.clientWidth/Height，网页可见区域宽/高(body)，包括content、padding，可以把document.body换成document.documentElement、div或者其他元素。 document.bo 阅读全文

posted @ 2017-05-25 13:31 灵剑丹心阅读(270) 评论(0) 推荐(0) 编辑

关于float、absolute，fixed谁的z-index大！

摘要：假如浮动也有z-index的话，三者的z-index关系是怎样的呢？在不手动设置z-index的情况下：fixed>absolute>float，也就是固定定位压住绝对定位，绝对定位会压住浮动元素。如果把绝对定位的z-index设置为1就能反压住固定定位的元素了（前提是固定定位的元素没设置z-i 阅读全文

posted @ 2017-05-23 22:48 灵剑丹心阅读(191) 评论(0) 推荐(0) 编辑

一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别

摘要：先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client 阅读全文

posted @ 2017-05-22 19:13 灵剑丹心阅读(149) 评论(0) 推荐(0) 编辑

clientHeight的纠结之处

摘要：页面加载完毕document.body.clientHeight和document.body.scrollHeight的值相等，滚动后document.body.clientHeight才变回正常的可见客户区高度，这让document.body.clientHeight显得有点不正常，反观docum 阅读全文

posted @ 2017-05-22 18:41 灵剑丹心阅读(138) 评论(0) 推荐(0) 编辑

js和jq的获取元素偏移位置

摘要：原生JS中的 offsetLeft 获取的是元素距离其父容器的左偏移（位置） HTMLElement.offsetLeft 是一个只读属性，返回当前元素左上角相对于 HTMLElement.offsetParent 节点的左边界偏移的像素值。 jQuery中的 position().left pos 阅读全文

posted @ 2017-05-22 17:18 灵剑丹心阅读(599) 评论(0) 推荐(0) 编辑