前端咖

2013年1月27日

摘要：输出html标签内容格式：{{html 名字}}DEMO：<!DOCTYPE html><html> <head> <title>jquery tmpl</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="js/jquery-1.8.1.min.js"></script> <script src="j 阅读全文

posted @ 2013-01-27 23:44 前端咖阅读(319) 评论(0) 推荐(0)

2013年1月13日

jquery tmpl

摘要：使用方法：<script id="testTemplate" type="text/x-jquery-tmpl"> //模板</script>有{{if}}{{/if}}、{{each}}{{/each}}等关键字使用变量：${变量名称}<!DOCTYPE html><html> <head> <title>jquery tmpl</title> <meta http-equiv="Content-Type" content="text 阅读全文

posted @ 2013-01-13 23:29 前端咖阅读(545) 评论(0) 推荐(0)

选择排序---直接选择排序和堆排序

摘要：选择排序：基本思想是依次从待排序中选择出关键字值最小的记录、关键字值次之的记录……，并分别将它们定位到序列左侧的第一个位置、第二个位置……，从而使待排序的记录序列成为按关键字值由小到大排列的有序序列。直接选择排序：从第i个无序列表arr[i...n]中，选择关键字值最小的记录将其插入有序列表的末尾arr[n-i+1]，交换一次位置。function selectionSort(arr){ var n = arr.length; for(var i = 0; i<n-1; i++){ var tmp = i; for(var j = i+1; j <n;j... 阅读全文

posted @ 2013-01-13 23:14 前端咖阅读(575) 评论(0) 推荐(0)

2013年1月3日

冒泡排序和快速排序

摘要：冒泡排序：比较次数（n+1）*n/2，时间复杂度为O(n2)function bubblesort(arr){ var temp; for(var i=0;i<arr.length-1;i++){ for(var j = arr.length-1;j>i;j--){ if(arr[j-1]>arr[j]){ temp = arr[j-1]; arr[j-1] = arr[j]; arr[j]=temp; } } }}... 阅读全文

posted @ 2013-01-03 23:03 前端咖阅读(261) 评论(0) 推荐(0)

2012年12月24日

css 运动背景

摘要： css 运动背景原理：animation-name: bgmove;animation-duration: 100s;animation-timing-function: linear;animation-delay: 0;animation-iteration-count: infinite; animation介绍：属性描述animation指定定义所有动画属性（除了 animation-play-state 外）的速记值。animation-delay指定显示动画前动画循环内的偏移（从循环开始的时间量）。此属性值应采用秒作为单位（后面附加“s”—例如 animation-delay: 阅读全文

posted @ 2012-12-24 01:28 前端咖阅读(1322) 评论(0) 推荐(0)

2012年12月16日

jScrollPane滚动条

摘要：官方网站：http://jscrollpane.kelvinluck.com/demo：http://jscrollpane.kelvinluck.com/auto_reinitialise.htmlscrollToBottom方法滚动到底部$(function(){ var settings = { showArrows: true, autoReinitialise: true }; var pane = $('.scroll-pane') pane.jScrollPane(settings); var api = pane.dat... 阅读全文

posted @ 2012-12-16 23:53 前端咖阅读(613) 评论(0) 推荐(0)

2012年12月10日

autocomplete实现原理

摘要： autocomplete实现原理主要用在input 和 textarea这两个标签上，为这标签增加键盘监听事件和提示列表添加鼠标事件。例如：input的id为txt为input增加键盘监听事件（keyup） var mindex = -1; $("#txt").keyup(function(e){ e = e || window.event; if(e.keyCode !== 27 && e.keyCode !== 38 && e.keyCode !== 40){ _mtxt = $(this).val(); ... 阅读全文

posted @ 2012-12-10 00:49 前端咖阅读(1121) 评论(0) 推荐(0)

2012年12月2日

字体背景

摘要：为字体设置背景：为每一个字设置span标签，使span变成成为inline-block元素，并设置背景。span{ display: inline-block; width: 24px; height: 24px; line-height: 29px; text-align: center; font-size：12px; background: url(http://images.cnblogs.com/cnblogs_com/kuikui/354173/t_apple.jpg) no-repeat; overflow: hi... 阅读全文

posted @ 2012-12-02 23:49 前端咖阅读(333) 评论(0) 推荐(0)

2012年11月25日

一道题

摘要：题目如下：怎么获取456abcd的值？<div id="test"><a>123</a>456<span>789</span><img alt="" src="http://www.aaa.com" />abcd<div>abcd</div></div>提示：456abcd是指div中的文本节点。原生javascript答：function trim(str) { return str.replace(/(^\s*)|(\s*$ 阅读全文

posted @ 2012-11-25 22:10 前端咖阅读(210) 评论(0) 推荐(0)

2012年11月18日

js页面新消息提示

摘要： js页面新消息提示多加了一个变量isusing，默认值为false，判断是否是newMessageRemind.show()是否已运行，如果运行，不提示，否则提示。点击document时取消提示。<!DOCTYPE html><html> <head> <title>js页面新消息提示</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body&g 阅读全文

posted @ 2012-11-18 23:11 前端咖阅读(12455) 评论(1) 推荐(0)

公告