justforuse-CSDN博客

原创修改元素文本的默认选中样式

比如目前浏览器的文本默认选中样式未字体为白色，背景色为蓝色，有的时候我们可能出于系统配色的考虑需要自定义文本的选中样式，那要怎么做呢？CSS中有一个::selection 选择器，就是它来控制文本选中的样式代码：p::selection{ color:red; font-style: italic; background-color: grey;}这样我们就修改了p元素内部

2016-09-18 22:11:41 1311

原创也写一个变色方块的游戏

效果图：游戏逻辑比较简单，点击方块，周围包括自己会颜色翻转，颜色全部翻转就算胜利。演示地址：http://justforuse.github.io/color-block/代码地址：https://github.com/justforuse/justforuse.github.io/tree/master/color-block代码是使用jQuery实现的。难的地方是有没有一种算法可以解开这类的

2016-09-16 19:01:29 2907

原创 Angular解决IE和Firefox下button内部元素ng-click事件被屏蔽

如果我们在button元素内部有其它的子元素并且绑定点击事件，比如：而我们的代码是这样的：<body ng-controller="ctrl"> <script> angular.module("app", []) .controller("ctrl", function($scope){ $scope.sayButto

2016-09-10 21:24:42 3331

原创 CSS3实现一个开关按钮控件

之前有写过自定义一个复选框的样式。链接：http://blog.csdn.net/u014291497/article/details/52081774又做了一个左右滑动开关效果的复选框。效果图：上图左侧为了显示数据变化所以显示出来，实际使用中设置display:none 属性就可以了。本示例中全部使用HTML及CSS实现。github地址：https://github.com/justforu

2016-09-06 22:03:34 6331

转载 a标签中target="_blank"属性存在的缺陷

逛知乎看到的。关于打开新窗口原窗口会被重定向的缺陷。原文链接：https://zhuanlan.zhihu.com/p/22231471可以点击这个试试

2016-09-04 16:34:47 4927 1

网站不应该只注重功能，还应该注重用户体验；成熟的大型网站大都具备让用户自行选择主题及颜色的功能，AngularJS也可以做到这点。效果图：原理是使用ng-href来动态为网页更换样式：<link rel="stylesheet" type="text/css" ng-href="{{theme.value}}.css">代码：<!DOCTYPE html><html ng-app="app" ng

2016-09-03 12:19:29 2636 1

原创 js使用in和hasOwnProperty获取对象属性的区别

in判断的是对象的所有属性，包括对象实例及其原型的属性；而hasOwnProperty则是判断对象实例的是否具有某个属性。示例代码：<script type="text/javascript"> function Person(){ } Person.prototype.name = "allen"; var person = new Per

2016-09-01 23:01:20 5480

原创 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 13601 7

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

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

2016-08-26 22:39:31 2481

原创使用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

原创 js如何判断对象为空对象

如果传入参数是数组的话可以使用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 1098

原创 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 280200 2

原创自定义复选框checkbox样式

复选框作为网页中比较常见的一个组件，有的时候我们需要对它进行美化，但是我们无法直接为其定义样式，所以我们需要一些其它的办法。表单元素中有label 元素和 for属性，当我们点击label 标签时，对应的表单元素就会有所反应。我们就是依据这个特性来实现的。html:<body> <input type="checkbox" id="myCheck"> <label for="myCh

2016-07-31 23:33:46 49484 3

原创为元素添加多个background-image

比较常见需求的就是为body添加多个背景图片，而且需要他们有着不同的定位。我们需要单独定义元素的background-image和background-size属性，比如：body{ background-image: url(get1.png),url(button_bg.png); background-position: center center, bottom center

2016-07-29 18:04:09 4731

原创 d3中元素拖拽drag实例

参考链接：http://blog.csdn.net/lzhlzz/article/details/42200579 https://github.com/d3/d3-3.x-api-reference/blob/master/Drag-Behavior.md使用拖拽功能我们可以快速将图标展示成我们需要的样子。d3.behavior.drag()用来构造一个拖拽行为。如果让元素响应这个行为需要使用c

2016-07-25 14:29:38 15329

原创 d3图表中饼图的使用示例

d3是一款功能强大的数据可视化库，为我们提供了多种样式的数据显示格式，具体请参考官网：https://d3js.org/饼状图是很常见的数据表格，可以清晰的展示各个部分占总体的多少。效果图：在线演示：http://www.justforuse.cn/d3/d3.pie/ 首先需要引入d3.v3.js，我用的是v3版本，最新的是v4版本，有些函数用法有差异需要注意。下面代码需要读者了解d3基础的语

2016-07-17 13:04:59 5904 2

转载使用gitlab进行项目合作开发的操作指南

参考网站: http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/安装Windows下安装git都是一路默认安装,需要的软件:http://pan.baidu.com/s/1c1ozNmK配置命令行:gitconfig–globaluser.name“YourName” git

2016-07-12 21:41:07 4322

原创编写高效的CSS选择符

CSS选择符是从右到左进行匹配的。样式系统从最右边的选择符开始向左匹配规则。只要当前选择符的左边还有其他选择符，样式系统就会继续向左移动，直到找到和规则匹配的元素，或者因为不匹配而退出。 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS避免使用通配规则除传统的通配选择符，相邻兄

2016-06-03 17:19:57 557

转载 CSS3实现可伸缩输入框

html文件：<input type="text">css文件：input{ border: 1px solid #CCC; cursor: pointer; height: 30px; margin: 3px 0; text-indent:10px; position: relative; transition: width 400ms ea

2016-05-30 22:38:17 3159 1

原创 Bootstrap中datetimepicker使用

一款简洁美观、功能强大的日期选择控件。示例源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="bootstrap.css"> <link rel="stylesheet

2016-05-23 00:19:18 814

原创快捷启动软件的软件——Launchy

有了它，可以省去桌面的快捷方式、启动栏的图标，快速打开你想要启动的软件。默认快捷键： Alt + Space.软件截图：访问网页：谷歌搜索：下载地址

2016-05-20 12:38:51 1041

原创在IE9中实现placeholder功能

placeholder是文本框用来提示内容的属性，比如：<input id="txt" type="text" name="account" placeholder="请输入帐号">会显示为：然而IE9不支持此属性，可以使用js来简单模拟placeholder行为。我的基本思路是为输入框设置value值，并设置字体颜色，根据输入框内容模拟placeholder。对于密码输入框placehol

2016-05-07 21:11:29 12653 1

转载基于Sublime Text搭建Python IDE

http://loosky.net/2967.html

2016-04-14 23:40:23 437

原创 jQuery中fade(),show()起始位置的一点小发现

最近在鼓弄主页的时候想要添加一个音乐播放的插件，暂时使用网易与音乐外链播放器，效果是在右下角弹出和消失，于是问题来了：show()和fade()函数是用来显示或者隐藏元素的函数，可以为其传入时间参数，使得函数在多少毫秒内完成。但是出现和消失的起始点在哪里呢？默认的话，是左上角：但是有的时候要设置元素出现的位置，比如我想让元素以右下角为起始位置，怎么做呢？我也是否然发现但不确定是否是隐藏属性，就是

2016-04-12 23:21:10 2529

原创 Python中strip(),lstrip()， rstrip()使用方法

http://www.cnblogs.com/pylemon/archive/2011/05/18/2050179.html

2016-04-10 21:51:25 473

转载 html中设置文本字间距

http://www.w3school.com.cn/cssref/pr_text_letter-spacing.asp

2016-04-10 14:44:00 13967

原创 Python中print()函数中的一些参数

print()函数可以实现打印——只是对程序员友好的标准输出流的接口。1.sep=”str” 设置输出字符串之间的字符串，默认是空格。a,b,c='abc'print(a,b,c,sep='..') #a..b..c2.end=”str” 设置输出文本末尾的字符串。默认是”\n”a,b,c='abc'print(a,b,c,end='.over.\n') #a b c.over.3.file

2016-04-10 13:04:43 9197

转载 sublime-text常用快捷键

http://www.howzhi.com/group/it/discuss/10051

2016-04-09 23:48:16 367

原创 IE8如何显示html5元素

IE从IE9开始兼容html5，那么之前的浏览器如何显示html5元素呢？方法有很多，个人感觉比较方便的是引入一个js库，用来做兼容： http://cdn.staticfile.org/html5shiv/r29/html5.min.js参考链接： http://www.jb51.net/html5/22826.html

2016-04-07 22:30:24 839

《Qt5开发及实例》原书光盘内容

空空如也