2013年11月8日

CSS 形状绘制

摘要: 最后一个 先放代码 阅读全文

posted @ 2013-11-08 23:02 dubaokun 阅读(256) 评论(0) 推荐(0)

2013年11月6日

CSS 实现等高布局以及多行文本垂直居中

摘要: 将display属性设置为table-cell,具有table的特点。1.同行等高。2.宽度自动调节。相当于表格是td,大人。好好学习天天向上 做好技术,做好产品为人民服务做好技术,做好产品为人民服务做好技术,做好产品为人民服务做好技术,做好产品为人民服务 我和左边等高我和左边我和左边等高等高我和左边等高 大人。好好学习天天向上 做好技术,做好产品为人民服务做好技术,做好产品为人民服务做好技术,做好产品为人民服务做好技术,做好产品为人民服务 我和左边我和左边等高等高我和左边等高如果要实现垂直居中的话 可以与 vertical-align:middle结合使用即可 垂直居中fsdfsd... 阅读全文

posted @ 2013-11-06 23:05 dubaokun 阅读(894) 评论(0) 推荐(0)

2013年11月5日

sublime Text2常见插件介绍

摘要: zen coding一种快速编写HTML/CSS代码的方法,已改名为Emmet,并且搭建了一个新的网站:docs.emmet.ioSublime Text 2安装插件Emmet后,打开sublime Text2输入代码ul>li*4>a{Links$} ,按Tab键生成下面一段代码:Emmet插件的安装:打开Sublime Text 2,首先,我们需要安装Package Contro,ctrl+`调出命令行工具,输入import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed 阅读全文

posted @ 2013-11-05 09:30 dubaokun 阅读(369) 评论(0) 推荐(1)

那些原生的javascript APIs

摘要: 在前端开发的时候,我们往往会使用javascript 框架,使用框架的好处多多,提供的方便的操作函数,类继承机制,MV*等,让我们能够快速开发,然而我们应该清楚这些框架都是基于浏览器原生api的封装,在使用框架的时候,我们应该明白框架使用了哪些原生的api。下面以Jquery为例与 IE 浏览器 Javascript 原生 API 对比一下:选择元素// jQueryvar els = $('.el');// Nativevar els = document.querySelectorAll('.el');// Shorthandvar $ = function 阅读全文

posted @ 2013-11-05 09:12 dubaokun 阅读(406) 评论(0) 推荐(0)

2013年11月4日

正则表达式(javascript)

摘要: 在开发过程中要要把一个css中的平移的x,y提取出来 ,正好把正则表达式学习了一下'fsdfsdfsdf300pxfdsfd200pxfsdfsdf100px' 找出里面 px前面的数字:经查资料需要用到传说中的正向前瞻'fsdfsdfsdf300pxfdsfd200pxfsdfsdf100px'.match(/\d+(?=px)/) 结果["300", "200", "100"]。其他基础量词由于元字符与特殊字符或字符类或者它们的组合(中括号)甚至它们的马甲(预定义类)都是一对一进行匹配。我们要匹配“ 阅读全文

posted @ 2013-11-04 22:24 dubaokun 阅读(3307) 评论(0) 推荐(1)

2013年11月3日

使用 console.time() 计算js代码执行时间

摘要: console.time('hellor'); for(var i=0;i<100000;i++){} console.timeEnd('hellor'); 阅读全文

posted @ 2013-11-03 23:41 dubaokun 阅读(413) 评论(0) 推荐(0)

2013年11月2日

javascript 如何创建只能执行一次的事件。

摘要: document.getElementById("myelement").addEventListener("click", handler);// handler functionfunction handler(e) {// remove this handlere.target.removeEventListener(e.type, arguments.callee);alert("You'll only see this once!");}封装之后的版本function onetime(node, type, call 阅读全文

posted @ 2013-11-02 16:40 dubaokun 阅读(456) 评论(0) 推荐(0)

2013年11月1日

Javascript 的addEventListener()及attachEvent()对比

摘要: Mozilla中:addEventListener的使用方式:target.addEventListener(type, listener, useCapture);target: 文档节点、document、window 或 XMLHttpRequest。type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。listener :实现了 EventListener 接口或者是 JavaScript 中的函数。useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById("tes 阅读全文

posted @ 2013-11-01 11:05 dubaokun 阅读(296) 评论(0) 推荐(0)

2013年10月31日

使用jasmine-node 进行NodeJs单元测试 环境搭建

摘要: 关于jasmine就不多说了,关于语法请参加官方文档。http://pivotal.github.io/jasmine/关于NodeJS的单元测试框架有多种,如果要在NodeJS中使用jasmine的话 ,需要安装jasmine-node. 采用npm安装即可。github地址https://github.com/mhevery/jasmine-node全局安装 jasmine-node 。 npm install jasmine-node -g 安装完之后环境基本也算是搭建好了。下面写个Demo。编写我们NodeJS的功能js代码 。新建一个目录 test 新建我们要编写的js功能文件Bub 阅读全文

posted @ 2013-10-31 10:38 dubaokun 阅读(2583) 评论(1) 推荐(0)

2013年10月30日

Karma和Jasmine 自动化单元测试环境搭建

摘要: 最近初学AngularJS ,看到的一些教程中经常有人推荐使用Karma+Jasmine来进行单元测试。自己之前也对Jasmine有些了解,jasmine也是一个不错的测试框架。1、 karma介绍Karma是Testacular的新名字,在2012年google开源了Testacular,2013年Testacular改名为Karma。Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代码编辑器一起使用。这个测试工具的一个强 阅读全文

posted @ 2013-10-30 17:04 dubaokun 阅读(3391) 评论(1) 推荐(0)

导航

新浪微博 新博客 Github