- 博客(33)
- 收藏
- 关注
RSS订阅Sheep Problem
// 1. sheep produce next generation on 2th and 4th year// 2. sheep dies on 5th year// 3. calculate total amount on certain yearvar sheepfold = [], index = 0, amount;function She...
2016-03-24 16:57:13
149
原创 Passing data into a directive
<div my-directive my-url="http://google.com" my-link-text="Click me to go to Google"></div> angular.module('myApp', []) .directive('myDirective', function() { ...
2014-08-09 20:45:37
103
原创 word-break
-ms-word-break: break-all; word-break: break-all;/* Non standard for webkit */ word-break: break-word;-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; ...
2014-05-29 11:24:39
126
JS数组的去重与降维
去重：创建一个空数组和一个空对象，在for循环中，每次取出一个元素，检测是否已经是对象的key，如果不存在就加入到新建的数组中。 降维：由于不能给this赋值，所以先将数组赋值给that。在for循环中，每次取出一个元素，检测是否是数组。如果是，把数组拆分成3个部分：当前元素之前所有元素组成的数组、当前元素（也是数组）、当前元素之后的所有元素组成的数组。用concat将这...
2014-04-10 01:12:11
266
两种交换排序：冒泡排序与快速排序
冒泡排序基本思想：把数组垂直排列，把各项的值当作气泡的重量。根据轻气泡不能在重气泡之下的原则，从下往上扫描数组：凡扫描到违反本原则的轻气泡，就使其向上“漂浮”。如此反复进行，直到最后两个气泡都是轻者在上，重者在下为止。function bubbleSort(arr){ var len = arr.length, i, j, temp; var exchange = false;...
2014-04-02 23:15:42
97
原创 计算CSS选择器的特性(选择器优先级)
下面是W3官方的描述A selector's specificity is calculated as follows:count the number of ID selectors in the selector (= a)count the number of class selectors, attributes selectors, and pseudo-classes...
2014-04-02 16:04:53
139
原创 css selector 选择器
父子兄弟a > b b必须是a的子元素a + b b必须紧跟在其同胞标签a的后面a ~ b b必须跟（不一定紧跟）在其同胞标签a的后面* 有个非常有意思的用法，即非子选择符a * b 任何是a孙子元素，而非子元素的b标签都会被选中 在HTML5中，属性值的引号可加可不加 UI伪类链接伪类a::link...
2013-03-29 08:44:38
132
Web Workers 网页工人线程
自JavaScript 诞生以来，还没有办法在浏览器 UI线程之外运行代码。网页工人线程API 改变了这种状况，它引入一个接口，使代码运行而不占用浏览器UI线程的时间。作为最初的HTML 5 的一部分，网页工人线程API 已经分离出去成为独立的规范（http://www.w3.org/TR/workers/ ）。 网页工人线程对网页应用来说是一个潜在的巨大性能提升，因为新的...
2013-03-05 07:54:52
81
原创 关于JS预解析一道题
var i=10;var j=3;function a() { console.log(i);//undefined console.log(j);//3 var i = 2; console.log(i);//2};a(); 原来JS在执行过程之前，会对【var】和【function】定义做“预解析”。解析引擎以块...
2013-01-31 07:50:46
117
rem (root em)
rem ( root em) unitsType of unit similar to "em", but relative only to the root element, not any parent element. Thus compounding does not occur as it does with "em" units. Here is an examp...
2012-12-12 10:25:49
157
多行文字溢出[...]的实现(text-overflow: ellipsis)
对于单行文字, 很简单. .oneLine { width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 对于多行文字, 上面的代码就不适用了. web-kit based 的浏览器提供了对这个特殊需求的支持. ...
2012-12-07 03:37:07
190
原创 hide keyboard
var hideKeyboard = function() { document.activeElement.blur(); $("input").blur();};
2012-10-26 15:57:53
230
原创 非直角arrow(箭头) 的两种实现
1) rotate + skew 原理：箭头的两边就是一个透明div的border，通过skew扭转成需要的角度，再通过rotate把箭头摆正。 <div id="arrow"> <span></span></div> #arrow{ -webkit-transform: rotate(-51deg);...
2012-10-17 14:27:01
200
原创 区块放大
51cto上看到的一个前端面试题（http://developer.51cto.com/art/201206/345184.htm）要实现的效果： 里面的要求是用js，顺便也加了css的实现。最关键的呢，就是z-index. <head> <style> body{ margin:0; padding:0} div...
2012-07-26 13:44:42
101
原创 ECMAScript 继承机制实现
一直没明白call()，所以找个一下资料，终于呢，是理清了，简单点说呢，就俩字“继承”。 直接上代码了 function ClassA(sColor) { this.color = sColor; this.sayColor = function () { alert(this.color); };} ...
2012-07-21 13:23:22
73
css 小箭头
直接上代码 #arrow{ width: 10px; height: 10px; border-top: 5px solid #BFDDB7; border-right: 5px solid #BFDDB7; -webkit-transform: rotate(45deg);} 原理很简单：旋转45度（上边框+右边框） ...
2012-07-16 16:53:25
67
[笔记] jQuery()
jQuery( selector [ , context ] ) jQuery( selector [, context] ) jQuery( element ) jQuery( object ) jQuery( elementArray ) jQ...
2012-06-22 17:44:38
68
[笔记] jQuery.holdReady(hold)
jQuery.holdReady(hold) hold 为boolean, 调用的时候最好传参数，不然容易产生歧义，因为jQuery.holdReady()相当于jQuery.holdReady(false)。 须在document ready之前调用holdReady: function( hold ) { if ...
2012-06-22 17:40:08
91
JavaScript Array
pop()和push()操作数组的末尾 shift()和unshift()操作数组的开头 push()和shift()组合可模拟队列 pop()和unshift()组合可反向模拟队列
2011-12-29 16:17:34
63
原创 css3 animation 动画
闲着没事儿研究了一下CSS3 animation。 看了看别人写的东西，可惜的是目前还是只能在Chrom下面使用。animation的语法也比较简单：#moonobt{ position:absolute; left:0; top:475px; height:50px; width:800px;-webkit-animation-name: mobt; /* 指定动画名称*/-webk...
2011-09-14 14:29:11
89
原创 javascript中trim(), startsWith(), endsWith() 函数的实现
String.prototype.trim= function(){ // 用正则表达式将前后空格 // 用空字符串替代 return this.replace(/(^\s*)|(\s*$)/g, ""); } String.prototype.startsWith = function(str){ return (thi...
2011-08-25 14:26:39
416
用图片替换checkbox的样式
用label for将文本、图片与checkbox关联起来，点击文本或图片都能实现checkbox的选中与不选中。 <% for (int i = 0; i < options.length; i++) {%><div class="clsFeedbackBg" onclick="changeImg()"><table>...
2011-08-12 16:04:47
451
原创 CSS 用图片替换checkbox样式
<html><head><style type="text/css">a,label { display:block; width:25px; height:25px; overflow:hidden }a { background:url("xxx.gif") no-repeat }a:hover {...
2011-08-09 14:46:04
856
原创 tomcat重启时自动清除缓存
tomcat重启时，缓存(tomcat\work\Catalina) 并不能自动清理，有时会给系统带来不必要的麻烦。现在大多数手动在启动前，删除该文件夹！稍微在startup.bat，文件内加一句删除命令即可实现自动清理：在startup.bat 头部加：rd /s/q “..\work\Catalina”删除文件夹及文件夹内的所有文件并且不提示...
2011-08-06 12:55:35
1683
原创 Java 截取小数位数
1.java.text.NumberFormat formater = java.text.DecimalFormat.getInstance(); formater.setMaximumFractionDigits(2); formater.setMinimumFractionDigits(2); System.out.println(formater.format(3.1...
2011-07-26 10:37:39
406
原创 子div在父div中置底
父div的位置设置成相对的，即“position: relative;”。而子div的位置设置成绝对的，并且下边缘设为0，即“position: absolute; bottom: 0;”。
2011-07-14 15:20:29
312
1
原创 解决chorme中文版最小字体为12px问题
chrome中文版默认最小字体大小是12px。解决方案：-webkit-text-size-adjust:none;
2011-07-06 16:22:35
166
JQuery中html()与val()的用法区别
$("#myId").html("abc"); 如果myid不存在上面的代码也不会出错，只是不进行任何操作； var data=$("#myId").html(); 如果myid不存在,data为null值 var data=$("#myId").val(); 如果myid不存在,data为undefined 使用时有个疑惑： $...
2011-04-12 09:30:27
141
原创 即刻提升jQuery性能的十个技巧
1. 使用最新版本jQuery一直处于不断的开发和改进过程中。John和他的团队不断研究着提升程序性能的新方法。如果你不想时刻关注是否有新版本，然后再花时间下载上传，Google就又能帮你一把了。他们的服务器上存储了大量Ajax库供您选择。 <!-- 利用一个简单的script标签调用API --> <script type="te...
2011-04-01 11:51:55
63
原创 request.getAttribute()与request.getParameter()的区别
HttpServletRequest类既有getAttribute()方法，也由getParameter()方法，这两个方法有以下区别： （1）HttpServletRequest类有setAttribute()方法，而没有setParameter()方法 （2）当两个Web组件之间为链接关系时，被链接的组件通过getParameter()方法来获得请求参数，例如假定welcome.j...
2011-03-25 09:46:10
58
CKEditor加入中文字体
在config.js中设置： CKEDITOR.editorConfig = function( config ){ config.font_names=’ 宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;’+ config.font_names;};...
2011-03-20 18:39:19
101
原创 mysql怎样运行.sql文件
1.开始->运行->cmd->输入以下命令： mysql-uroot -p 2.输入密码后可用以下命令使用指定的数据库： mysql>usedatabase_name 3.输入以下命令导入.sql文件： mysql>sourcee:/test.sql 当.sql文件在mysql的bin目录下时可直接使...
2011-03-20 02:31:17
339
Strust2 JSP向Action传参数
JSP页面[code="java"]location.href="http://localhost:8080/../xx.action?key=value"[/code]Action[code="java"]ActionContext ctx = ActionContext.getContext();HttpServletRequest request = (HttpS...
2011-03-09 11:33:43
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人