JS
文章平均质量分 71
Carry-Lee
这个作者很懒,什么都没留下…
展开
-
HTML5canvas绘图
Document body{ text-align:center; } #c1{ background-color:#efefef; } 绘制图形 var ctx = c1.getContext("2d"); //绘制画布上的画笔 一般用2d ctx.strokeRect(0,0,100,100); //绘制矩形描边 x轴位置 y轴位置原创 2016-07-21 00:04:35 · 738 阅读 · 0 评论 -
HTML5canvas移动
Document body{ text-align:center; } #c1{ background-color:#efefef; } 绘制图形 //来回移动矩形 var x = 0; var y = 400; var direction = 1; //移动方向 1表示向右移 -1表示向左移原创 2016-07-21 00:56:26 · 464 阅读 · 0 评论 -
pc端和移动端顶部加载条
简单的写了一下 详细请参考官网 https://github.com/rstacruz/nprogress demo //NProgress.start() — 显示进度条 //NProgress.set(0.4) —设置百分比 //NProgress.inc() — 增加一点点 //NProgress.done() — 完成进度条 N原创 2016-09-01 23:43:48 · 1382 阅读 · 0 评论 -
原生js访问json
var xml; if (window.XMLHttpRequest) { xml = new XMLHttpRequest(); }else if(window.ActiveXObjec) { xml = new ActiveXObject("Microsoft.XMLHTTP"); } if (xml != null) { xml原创 2016-09-12 16:57:25 · 954 阅读 · 0 评论 -
html滑动开关按钮
按钮滑动开关 *{ margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .slide-btn{ width:100px; display:inline-block; border:1px solid; border-color:原创 2016-09-17 23:42:47 · 15089 阅读 · 2 评论 -
HTML的dpr
只是为了自己以后查找方便,看不懂勿怪DPI、PPI:屏幕像素密度或屏幕每英寸的像素数量dips:手机尺寸或独立像素物理像素 = 手机分辨率dpr = window.devicePixelRatio(js可以拿到)css定义psd转换rem单位rem = px / 基准值基准值 = 手机宽高 * dpr / 10乘以dpr是因为页面有可能缩放除以10是为了取整原创 2016-12-27 16:17:40 · 2784 阅读 · 0 评论 -
获取当前点击的是哪个元素
用点击li元素为例 获取当前点击的元素 1 2 3 4 5 //第一种 var doms = document.querySelectorAll('ul li'); for (var i = 0; i < doms.length; i++) { !function(dom,index) { dom原创 2016-07-13 00:48:43 · 15534 阅读 · 0 评论