地点检索v2.0
http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-placeapi
矩形区域检索格式
http://api.map.baidu.com/place/v2/search?query=银行&bounds=39.915,116.404,39.975,116.414&output=json&ak={您的密钥} //GET请求
JavaScript API v2.0类参考...
阅读全文>>
知乎 王德福
前言
后端程序员们常常会争论“什么是最好的语言”,而对于前端来说,我们没有选择,无论爱与恨,我们只能选择 JavaScript 。所以前端日常的争论就变成了“什么是最好的框架”以及“什么是最好的编辑器” 。
所谓工欲善其事,必先利其器。对于前端来说,编辑器是除了chrome浏览器以外,每天打开时间最长的软件。选择一款功能强大又趁手的工具,可以让开发效率提升,达到事半功倍的效果。
测评名单
选择进...
阅读全文>>
一、校验数字的表达式
1 数字:^[0-9]*$
2 n位的数字:^\d{n}$
3 至少n位的数字:^\d{n,}$
4 m-n位的数字:^\d{m,n}$
5 零和非零开头的数字:^(0|[1-9][0-9]*)$
6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$
7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$
8 正数...
阅读全文>>
对字符串进行正则检测的2个写法,适用于不同情况。下面以检测浮点数举例。
方法一:
定义var reg = /^\d{0,2}(\.\d{0,1})?$/
输出reg.test(str)
该方法适用于简单匹配。当然也可以更直接的输出/^\d{0,2}(\.\d{0,1})?$/.test(str)。
方法二:
定义var reg = new RegExp("^\\d{0,2}(\\.\\...
阅读全文>>
经常碰见的一种弹出层的情况是,在一个输入框中click或focus时触发弹出层,然后在弹出层中操作或继续在输入框中操作,都不会关闭弹出层,而当点击二者以外的地方就会触发关闭事件。类似的应用场景还有很多,不举例。
如果只是为弹出层以外的地方点击就触发关闭事件,这个好说,在弹出层下方加一个全屏幕的透明遮罩层,点击到它就触发关闭事件即可。而在本文的情况中,不能触发关闭事件的地方有2个,要怎样处理呢?我们先做个实际情况看看,在页面中为输入框input、弹出层layer、页面body都添加点击...
阅读全文>>
这些都是在DOM中使用频率比较高的方法,这里记录一下备忘。
先上定义:
parent() 获得当前匹配元素集合中每个元素的父元素。
parents() 获得当前匹配元素集合中每个元素的祖先元素。
closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。
parentsUntil() 获得当前匹配元素集合中每个元素的祖先元素,直到遇到匹配选择器的元素为止。
children() ...
阅读全文>>
1.音频(audio)
<audio controls="controls">
<source src="这里面放入音频文件路径"></source>
</audio>
2.视频(video)
<video controls="controls" loop="loop" autoplay="autoplay" id="video">
<source src=...
阅读全文>>
官方提供非常简单的dialog对话框的打开与关闭的动画效果示例:
<div id="dialog" title="Basic dialog">
<p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</...
阅读全文>>
最近一年多一直在做前端的东西,由于老板在追求一些年轻动感的效果,让页面元素不能仅仅是简单的隐藏显示,所以经常会使用一些动画效果,发现jQuery的动画真心好用啊,把常用的几个总结一下,希望不再每次使用的时候还去翻API
queue()/ dequeue()
这两个方法就像Ajax的XMLHttpRequest对象一样的隐蔽,不为常人所知。这两个方法在动画处理的时候很有用,我们经常会写一些这样的代码
$('#test').animate({ "width": "300px", "...
阅读全文>>
写在DOM里的某个data元素,例如<div id="test" data-page="0"></div>,可以用$("#test").data("page")取得值为0,但在变更值后再赋值给它,$("#test").data("page",page+1),却不行。
原因是什么,没去研究相关文档,我就不求甚解的,用attr来代替了,上例改为<div id="test" page="0"></div>,用$("#test").attr("...
阅读全文>>