2016年08月_justforuse

原创 Angular实现一个简单的多选复选框的弹出框指令

之前的文章有写过包含树结构下拉框的。要实现一个包含多个复选框的下拉框该如何做呢？先上个效果图吧：代码：<!DOCTYPE html><html ng-app="app"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../bootstr

2016-08-28 21:54:46 4475 1

原创 d3中图表大小自适应区域大小

d3中的图表是使用SVG绘制的，所以图表适应实质还是SVG的自适应大小。为此，对于图表的父元素比如div.container 元素，自然就是使用类似百分比布局的方式实现放缩：.container{ height:80%; width:80%;}那么其中的svg元素就是类似这样的样式：svg{ height:100%; width:100%;}绘制SVG时候代码改为

2016-08-27 00:34:27 13600 7

原创 js中字符型和数值型数字的互相转化

数值型的数字字符型数字之间如何互相转化呢，其实有个很简便的方法：比如字符串”123.45”和数值型123.45。字符串型只要在前面加个+好就可以了。数值型只要在后面加个空字符串”“就可以了。上图：

2016-08-26 22:39:31 2480

原创使用js进行二叉树结构数据与数组结构数据的互相转化

简单的说下树形数据的结构："type": "logic","content": "and","left": { "type": "leaf", "content": "=", "left": "ID", "right": "123"},"right": { "type": "leaf", "content": "~", "left":

2016-08-25 23:17:04 6685

原创下拉列表dropdown取消默认点击隐藏及修复需要二次点击的方法

angular-ui专门为Angular项目提供了dropdown控件，指令形式为uib-dropdown。但是有的时候我们不希望点击下拉框的内容后，下拉框就隐藏。比如，如果下拉框内容是一个折叠列表之类的话，当我们点开列表后下拉框就隐藏了，而此时我们还没有选择我们要选择的元素。基于这种情况，我们需要对下拉框进行更多的控制。我们整体的结构可能是这样的：div(uib-dropdown) bu

2016-08-24 22:39:21 15133 1

原创 Angular中$broadcast和$emit的使用方法

要在控制器之间传递变量变化需要使用angular中的$broadcast和$emit方法来传递，同时使用$on来接收事件并作出响应。broadcast译为广播，即上级传递下级。示例代码：<script src="../angular.js"></script><script>angular.module("app", []) .controller("child", functio

2016-08-21 17:36:19 32783 5

原创 Angular中使用$watch监听object属性值的变化

Angular中的$watch可以监听属性值的变化，然后并做出相应处理。常见用法：$scope.$watch("person", function(n, o){ //todo something...})但是对于一个对象中的某个属性值变化时，$watch似乎不管用了。示例代码：<body> <div ng-controller="mainCtrl"> <in

2016-08-18 22:43:39 16627

转载 Cocos2d creator js 使用javascript制作扑克游戏

我一个好友做的游戏，可以玩的，帮忙分享一下：界面：游戏链接：http://justforuse.cn/cards/原文链接：http://blog.csdn.net/current_person/article/details/52094447

2016-08-17 23:17:33 1890

原创 d3中为每个rect元素绑定带数据的点击事件

要实现的效果是点击每个柱的时候都要返回他的数值，而这个数值我选择将其绑定在value属性上（其实属性名可以自定义，但是不要使用abc这种没有意义的属性）然后正常使用d3中的时间绑定方法绑定rect元素。代码：svg.selectAll(".bar") .data(dataset) .enter() .append("rect") //do something othe

2016-08-17 23:00:37 9420 7

原创使用reactjs输出Hello world

简单的看了下Vuejs又去看了看Reactjs。官网地址：https://facebook.github.io/react/ 背后有Facebook撑腰。也需要现引入react.js 以及 react-dom.js。示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title>

2016-08-16 21:58:47 1664

原创使用vuejs输出Hello world

看了大半年的AngularJS一直对与之相提并论的ReactJS及VueJS很感兴趣，简单的写了一个入门演示：官网是这个：http://vuejs.org/ 作者是中国人，还是很自豪的与Angular类似，需要引入vue.js文件。示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script

2016-08-16 21:44:33 6632

原创在js中为对象添加和删除属性

对于一个普通的js对象：var o = { "name": "allen", "age":21}如果我们要对它添加新属性的话可以使用下列方式：o.address="beijing"删除属性的话需要使用delete 方法：delete o.address具体输出请看控制台输出结果：更多操作方式可参考： http://www.w3schools.com/js/js_properti

2016-08-11 19:23:53 26295

原创优秀的Source Code Pro字体下载

字体之争与IDE之战由来已久，这里只是推荐一下个人喜好的Source Code Pro字体及下载。效果：百度云链接：http://pan.baidu.com/s/1gfI3uxX 密码：kbuk安装方式请自行查找，不做描述。

2016-08-09 18:23:26 10555 3

如果传入参数是数组的话可以使用arr.length属性判断是否为空，对于不具有这个特性的对象该如何判断是否为空呢？即如何判断不具有键值对。附上高票stackoverlow答案： http://stackoverflow.com/questions/679915/how-do-i-test-for-an-empty-javascript-object?page=1&tab=votes#tab-top

2016-08-09 18:12:43 3460

原创对HTML5中一些不常见的标签整理

<abbr> 标签表示一个缩写形式。比如 “Inc.”、”etc.”。通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。 HTML 5 不支持 <acronym>。请使用 <abbr> 代替。示例 (abbr 就是abbreviation(缩写)的缩写)：<abbr title="abbreviation">abbr</abbr> abbr<

2016-08-06 16:23:18 1097

原创 js中"Maximum call stack size exceeded"解决方法

>Uncaught RangeError: Maximum call stack size exceeded错误直译过来就是“栈溢出”，出现这个错误的原因是因为我进行了递归运算，但是忘记添加判断条件，导致递归无线循环下去。。stackoverflow上有高票赞同的答案：http://stackoverflow.com/questions/6095530/maximum-call-stack-size

2016-08-04 23:39:39 280183 2

justforuse的博客