摘要: 这周自我学习的时间很宽裕。正巧一直对call和apply不甚理解(虽然bind还经常用到,仅仅是知道这么用有这个效果= =,而不知为何有这个效果),下午就自己写写demo,帮助自己理解。 非常简单的2个函数,下面先给出结果: 这样看就很清晰了,第一次直接用minus(1, 2),控制台输出的this 阅读全文
posted @ 2016-11-24 16:51 悠悠洛 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 以前写上图所示的鼠标点击触发事件,一般都是用如下所示的给每一个表示列表的标签绑定一个click事件(演示用的例子的框架是React): 毫无疑问,这样是比较繁琐的,以后维护修改改个函数名什么的还不方便(当然sublime还是有ctrl+d的么= =),水平提高一点的写法如下: 但是,实际上还是为每一 阅读全文
posted @ 2016-11-18 17:18 悠悠洛 阅读(2528) 评论(0) 推荐(0) 编辑
摘要: 最近工作量好大,好忙,趁周末练练手,花了近3小时写了一个贪吃蛇。(后续会把自己的一些想法继续更新,目前是1.3版本~更新过4次,文末有更新说明)。 这是实践操作的地址:http://iforj.com:8000/tool/snake/ 实现贪吃蛇的功能很简单。 我就分享一下我实现贪吃蛇看起来在界面上 阅读全文
posted @ 2016-11-12 17:31 悠悠洛 阅读(512) 评论(0) 推荐(0) 编辑
摘要: NodeIterator和TreeWalker这2个类型可以基于给定的起点对DOM结构执行深度优先遍历。(我测试用的浏览器是Chrome,介绍说IE不支持DOM遍历,但是不知道最新的IE支持不支持) 1、NodeIterator 使用document.createNodeIterator()方法创建 阅读全文
posted @ 2016-10-24 15:11 悠悠洛 阅读(618) 评论(0) 推荐(0) 编辑
摘要: 在完成一个需求的时候碰到一个场景需要使用柱状图。涉及到可视化,第一反应当然是Echarts了。平时用js加载Echarts组件很方便,但是在React中就要费下神了。各种连蒙带猜实现了。edmo里的Echarts的例子就是Echarts文档上介绍的最简单的应用。 这是调用Echarts组件的地方,给 阅读全文
posted @ 2016-10-20 16:49 悠悠洛 阅读(26112) 评论(0) 推荐(0) 编辑
摘要: 1、选择符API (1)、querySelector()方法 querySelector()方法接受一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。 通过Document类型调用querySelector()方法时,会在文档元素的范围内查找匹配的元素。而通过El 阅读全文
posted @ 2016-10-12 18:09 悠悠洛 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 这篇文章整理的是关于DOM的一些学习笔记,这样以后查找起来也方便许多。(以前js看的是入门经典和DOM编程艺术,现在在看高级程序设计,本文就以高级程序为主整理) 1、Node (1):类型 node.nodeType:返回节点类型(一共有12种)。若返回值为1,则表明是个element节点,若2,属 阅读全文
posted @ 2016-09-26 18:01 悠悠洛 阅读(379) 评论(0) 推荐(0) 编辑
摘要: 这是我真正意义上地用react实现一些东西。这次分享的是一个很简单的小组件,效果图先放上来: 前端样式用的是一套框架。功能很简单,就是根据选择的维度,在成员里选择对应这个维度的选项。 首先初始化一些数据,这里我们要关注的就是newMeasureText,这是维度的value;newMeasureMe 阅读全文
posted @ 2016-09-23 11:38 悠悠洛 阅读(1992) 评论(0) 推荐(0) 编辑
摘要: 上篇博客提到过,box-shadow属性的本质是对形状的复制,那么如果我设置一个1*1px的i标签,利用box-shadow可以叠加的特性,给每一个1*1px的阴影赋上颜色,那么最后不就是一幅图片了么。 html代码很简单: 做了一个简单的图片上传控件,页面的js里读取了一些简单的控件信息。 最初在 阅读全文
posted @ 2016-09-04 16:51 悠悠洛 阅读(1074) 评论(3) 推荐(0) 编辑
摘要: 一般我用到box-shadow都是用于诸如按钮,文本块,某些图标,css类似为: 这样,样式看上去会更加柔和,或者增加了立体感。 我个人的理解上,box-shadow的本质就是本体的形状的复制。 因此,当我们要给样式增加立体感的时候,就可以做的更加逼真。 .box { width: 300px; h 阅读全文
posted @ 2016-08-20 23:16 悠悠洛 阅读(13338) 评论(0) 推荐(1) 编辑