随笔分类 - Demo

一些JavaScript编写的小例子

实现搜索联想

摘要：

身在天朝的我们，自然事事问百度！然不知小伙伴们是否注意到百度首页搜索框中的智能搜索词联想功能呢？本文将仿百度首页搜索词联想功能，利用JSONP技术实现简陋版搜索联想，其意在展现JavaScript例子，而非技术原理。阅读全文

posted @ 2013-12-19 16:44 twobin 阅读(1200) 评论(0) 推荐(1) 编辑

实现简易版富文本编辑器

摘要：

所谓富文本编辑器（RTE）是指一种可以内嵌于浏览器，所见即所得的文本编辑器，方便用户在线编辑文章或新消息等。由于目前市场上的浏览器种类繁多，对应的RTE还没有一个统一的标准，但对于最基本的功能，各浏览器提供的API基本一致，从而使得编写一个跨浏览器的富文本编辑器成为可能。阅读全文

posted @ 2013-10-27 22:18 twobin 阅读(1900) 评论(2) 推荐(1) 编辑

实现选项卡

摘要：

选项卡属于前端中最初级的demo，本人也是刚刚接触前端开发不久，本着“在理论中学习，在实践中提高”的宗旨，因此不管demo初级还是高级，也要将其实现之！关于选项卡demo的简单描述：导航栏上每个按键对应下方的每个内容区域，即点击A按键则显示对应的A内容区域，点击B按键则显示对应的B内容区域，以此类推。阅读全文

posted @ 2013-10-24 23:08 twobin 阅读(375) 评论(0) 推荐(0) 编辑

排序算法性能比较

摘要：

所谓排序，即将原来无序的一个序列重新排列成有序的序列。排序方法中涉及到稳定性，所谓稳定性，是指待排序的序列中有两个或两个以上相同的项，在排序前和排序后看这些相同项的相对位置有没有发生变化，如果没有发生变化，即该排序方法是稳定的，如果发生变化，则说明该排序方法是不稳定的。阅读全文

posted @ 2013-10-19 20:38 twobin 阅读(6204) 评论(13) 推荐(7) 编辑

A*寻路算法

摘要：

对于初学者而言，A*寻路已经是个比较复杂的算法了，为了便于理解，本文降低了A*算法的难度，规定只能横竖（四方向）寻路，而无法直接走对角线，使得整个算法更好理解。简而言之，A*寻路就是计算从起点经过该点到达终点的路程，并使得总路程达到最小值，因此引入一个公式：F=G+H 阅读全文

posted @ 2013-10-18 22:40 twobin 阅读(1391) 评论(3) 推荐(1) 编辑

实现Div拖拽

摘要：

直观的理解div拖拽：当鼠标对着可拖拽部分按住后并拖动，div会跟着鼠标一起运动，并且其运动空间限制在浏览器内部，当放开鼠标时，则div停止运动。实现div拖拽需要三个重要的事件：（1）onmousedown-鼠标按下事件（2）onmousemove-鼠标移动事件（3）onmouseup-鼠标抬起事件当鼠标移出浏览器后再回到浏览器内部阅读全文

posted @ 2013-10-16 23:05 twobin 阅读(1960) 评论(2) 推荐(1) 编辑

实现客户端类型检测

摘要：

客户端检测是JavaScript开发中颇具争议的一个话题。由于浏览器版本众多，且之间存在差别，通过需要根据不同浏览器的能力分别编写不同的代码，目前常用的方法有三种：（1）能力检测：在编写代码之前先检测特定浏览器的能力。如，在调用某个函数之前，需要先检测该函数是否存在阅读全文

posted @ 2013-10-11 10:40 twobin 阅读(327) 评论(0) 推荐(0) 编辑