原生javascript实现tab切换效果的代码
Tab切换是网页制作中常用的效果，通过jquery很容易实现，使用原生javascript代码则稍微有点繁锁。
HTML代码：
<div id="tabmenu">
<span class="current>普通会员</span>
<span>超级会员</span>
</div>
<div id="tabbox">...
天地图地图网页API浏览器端javascript调用代码
除了百度、高德提供在线地图调用api外，还有国家测绘地理信息局建设的地理信息综合服务网站“天地图”也提供了相应的地图接口服务，且免费对外开放，可直接使用。
“天地图” API 接口支持HTTP和HTTPS，支持浏览器端和服务器端，可快速调用天地图在线地理信息服务的通道，包括快速创建地图、调用地图、地名搜索以及在地图上添加覆盖物等，即和百度地图、高德地图一样。
天地图开发资源网站：http://lbs.tia...
微信小程序前端Tab切换内容代码
微信小程序常用的小交互效果，简单的tab切换，点击菜单选项，切换到对应指数的内容模块。
wxml代码
<view class="tabBtn">
<block wx:for="{{tabBtn}}" wx:key="index">
<view class="item{{curTab == index ? ' active' : ''}}" bindtap="clickTab" data...
小程序实现点击拨打电话api接口wx.makePhoneCall
在需要点击拨打电话的标签上绑定一个点击事件bindtap，代码：
<view class="call" bindtap="makeCall">拨打电话</view>
在点击事件的方法里使用wx.makePhoneCall
Page({
data: {
phone:'400 888 8888',
},
makeCall:function(){
wx.makePh...
百度地图坐标点不居中显示位置错误的解决方法
使用百度地图javascript api调用地图，出现坐标点显示在右下角的问题，正常情况应该是居中显示，搜索相关问题总结得出原因是百度地图加载的时候不对，正确的应该要等DOM加载完成之后再执行百度地图javascript代码，调整过后百度地图显示恢复正常。
解决方法：
使用 document.ready 或者 window.onload
代码如下：
Javascript
wi...
wow.js实现上下滚动页面时重复执行动画的效果
animate.css 动画库搭配 wow.js 插件能实现当浏览器滚动到对应网页元素时出现动态加载效果，但只能执行一次，即再次滚动到该元素位置时不会再执行对应的动画加载效果，而要实现每次上下滚动都会执行动画加载效果，就还需要对 wow.js 插件的源代码进行修改，目前已经有人这样做了，下面是君度网络公司修改过后的 wow.js 插件代码，使用该代码可以实现每次滚动到对应元素都会执行动画效果。
完整代码
(f...
原生javascript获取屏幕、浏览器窗口、网页的各种不同高度代码
因为浏览器窗口包含的元素比较多（如工具栏、任务栏、滚动条等），所以浏览器窗口的高度会因为元素的不同而不同，因此javascript获取浏览器窗口相关的高度的属性也有多个，如height、avaiHeight、outerHeight、innerHeight、clientHeight、offsetHeight。
下面这张图可以直观地理解各个属性：
属性介绍
电脑屏幕高度...
Web版超链接唤起手机百度地图app并根据坐标定位的api
web版百度地图api链接，PC端浏览器打开直接进入百度地图网页版，移动端首页打开则会唤起前往百度地图APP查看的提示，取消则进入移动端浏览器百度地图。
示例：
https://api.map.baidu.com/marker?location=40.047669,116.313082&title=我的位置&content=百度奎科大厦&output=html...
jquery resize()方法中click会触发两次的解决方法
在 resize() 方法中添加 click 事件，点击一下会触发两次，会导致使用 toggle 类型的方法有异常。
示例：
$(window).resize(function(){
$('button').click(function(){
$('p').fadeToggle('fast');
});
}).trigger('resize');
上面的代码点击一下 button 后，p...
微信小程序input文本框获得焦点或失去焦点时获取的value值
微信小程序分别获取点击input文本框取得焦点时的value值，失去input文本框焦点时的value值。
wxml代码：
<input type="text" bindblur="blurVal" bindfocus="focusVal" value="{{keyword}}"/>
js代码
Page({
data: {
keyword: ''
},
bindblu...
jquery避免setInterval setTimeout首次执行延迟的方法
javascript 的 setInterval(fn, delay) 方法和 setTimeout(fn, delay) 方法的作用是按设置的 delay 间隔时间执行 fn 函数，所以首次执行时就会有 delay 时长的延迟，如果不想首次执行有延时，那么就在这两个方法执行前，先执行一次 fn 函数。
setInterval() 方法
var num = 0;
var at = function(){
c...
jquery判断scroll()是否停止滚动的代码
scroll()函数没有回调函数，没办法直接检测是否停止了滚动，但是可以换个思路，使用 setTimeout 定时器检测滚动状态。
var status = null; //定义一个定时器，默认为空，表示没滚动运
$(window).scroll(function(){
if(status != null){
clearTimeout(status);
alert('正在滚动');...
