摘要: 工作中遇到一个需求,要求把后台返回的所有数据依次渲染出来,数据的key、value都是不确定的。刚开始觉得不行,后来想了下还是可以实现的,那就是通过二维数组。 假设后台传来的是json数据: 只需要取出value值组成新数组即可。 如此一来,只需要遍历arr的值渲染到页面即可。 阅读全文
posted @ 2017-10-02 09:19 pixel9527 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 今天在学习react的过程中看到一个用法,+new Date(),以前没有见过这种用法,上网搜索了一下,总结如下: +new Date()相当于调用 Date.prototype.valueOf()方法,MDN上这么描述 如果不传入任何参数,那么得到的就是当下的时间距离1970年1月1日0时0分0秒 阅读全文
posted @ 2017-09-10 16:09 pixel9527 阅读(2620) 评论(0) 推荐(0) 编辑
摘要: 1.nvm,nodejs版本管理工具,可以自由切换nodejs版本 https://github.com/coreybutler/nvm-windows/releases 在这里下载安装。 使用命令: nvm ls 查看所有可用nodejs版本 nvm use x.x.x 使用x.x.x版本 nvm 阅读全文
posted @ 2017-09-02 11:05 pixel9527 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 如何实现一个可以拖拽的div? 其实很简单,我们捋清思路,很快便能实现。 首先div的拖拽,如果把div当作一件物品,我们拖拽的时候是因为手抓住了这件物品,因此我们走到哪里,东西就到了哪里。 但是鼠标是没有办法抓住div的,写代码不会那么直来直去,有时候像魔术,需要使用一些障眼法,使最终看起来达到了 阅读全文
posted @ 2017-08-19 10:44 pixel9527 阅读(794) 评论(0) 推荐(0) 编辑
摘要: 首先,z-index属性必须在position属性设置之后才能起作用。 对于同级元素,position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素,即z-index越大优先级越高。不同级元素呢?看下面的例子: id='a'和id='b'的我们分别称为 阅读全文
posted @ 2017-08-18 22:19 pixel9527 阅读(386) 评论(0) 推荐(0) 编辑
摘要: 通过适配器的方式,只要通过适配的参数即可作为函数对应的参数,无需按照顺序书写。 阅读全文
posted @ 2017-08-15 18:32 pixel9527 阅读(1022) 评论(0) 推荐(0) 编辑
摘要: 1.slice(start,end)(参数可选) slice() 方法返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改。 var a = ['a', 'b', 'c', 'd'] var b = a.slice(0, 1) console.log(a); 阅读全文
posted @ 2017-06-18 18:18 pixel9527 阅读(4493) 评论(0) 推荐(0) 编辑
摘要: js非数值转换为数值的三种写法分别为Number()、parseInt()、parseFloat()。 Number()是最复杂的。规则如下: 1.数值直接输出; 2.Boolean值,true转换成1,false转换成0; 3.null转换成0,undefined转换成NaN 4.字符串转换又有很 阅读全文
posted @ 2017-06-10 11:44 pixel9527 阅读(4930) 评论(0) 推荐(0) 编辑
摘要: 大家都知道如何监听input内容的变化,那么如果是div呢?下面分享一种监听div内容变化的方法,直接放代码: 点击button的时候,可以看到页面中出现了‘我变了’三个字,同时控制台输出’我变了‘,证明监听DOMNodeInserted 事件有效。 阅读全文
posted @ 2017-06-05 21:08 pixel9527 阅读(21106) 评论(0) 推荐(0) 编辑
摘要: 最近需要用到一个时分秒的插件,搜索了一下,没有找到合适的。就自己动手写了一个。 实现的原理就是点击输入框的时候,会弹出动态生成的选择时分秒的div,点击确定按钮会读取选择的时分秒写入输入框中,然后动态移除div。代码如下: 经测试,兼容各大主流浏览器。 阅读全文
posted @ 2017-06-01 22:40 pixel9527 阅读(1696) 评论(0) 推荐(0) 编辑