微信小程序原生组件input文本输入框，点击聚焦后，placeholder占位符文字位置会向上编移，原因是input使用了box-sizing: border-box;样式的同时添加了上下内边距（padding）或上下外边距（margin），解决方法可以把box-sizing:border-box;或者上下内外边距去掉。 示例： wxml代码 <input type="text" confirm-type="search" placeholder-class="placeholder" placeholder="输入关键词搜索"/> wxs...
使用foreach循环输出数组时，习惯使用if判断来过滤空元素，这种方法并不高效，如果数组中有很多空元素，会导致多余的foreach。合理的做法应该是数组中的空元素删除后再foreach。 删除数组中的空元素可以使用array_filter()函数，array_filter()函数的作用是用回调函数过滤数组中的元素，如果没有回调函数，默认就删除数组中值为false、null或空值的元素。 示例： <?php $arg = array( 0 => '', 1 => false, 2 => null, 3 =...
Tab切换是网页制作中常用的效果，通过jquery很容易实现，使用原生javascript代码则稍微有点繁锁。 HTML代码： <div id="tabmenu"> <span class="current>普通会员</span> <span>超级会员</span> </div> <div id="tabbox"> <div class="item"> 普通会员权限 </div> <div class="item"> ...
除了百度、高德提供在线地图调用api外，还有国家测绘地理信息局建设的地理信息综合服务网站“天地图”也提供了相应的地图接口服务，且免费对外开放，可直接使用。 “天地图” API 接口支持HTTP和HTTPS，支持浏览器端和服务器端，可快速调用天地图在线地理信息服务的通道，包括快速创建地图、调用地图、地名搜索以及在地图上添加覆盖物等，即和百度地图、高德地图一样。 天地图开发资源网站：http://lbs.tianditu.gov.cn/home.html 常规调用代码： javascript代码： <script src="htt...
微信小程序常用的小交互效果，简单的tab切换，点击菜单选项，切换到对应指数的内容模块。 wxml代码 <view class="tabBtn"> <block wx:for="{{tabBtn}}" wx:key="index"> <view class="item{{curTab == index ? ' active' : ''}}" bindtap="clickTab" data-idx="{{index}}">{{item}}</view> </block> </view> <...
在需要点击拨打电话的标签上绑定一个点击事件bindtap，代码： <view class="call" bindtap="makeCall">拨打电话</view> 在点击事件的方法里使用wx.makePhoneCall Page({ data: { phone:'400 888 8888', }, makeCall:function(){ wx.makePhoneCall({ phoneNumber:this.data.phone //或者直接phoneNumber:'400 888 8888' ...
不管是点击quit按钮或者在任务栏右键关闭xampp，都会出现连续弹窗错误，提示如下： Exception EAccessViolation in module xampp-control.ext at 0025B2AE. Access violation at address 0065B2AE in module 'xampp-control.ext'. Read of address 00000042. 解决方法比较简单，把xampp设置为以管理员身份运行即可。 右击 xampp-c...
使用百度地图javascript api调用地图，出现坐标点显示在右下角的问题，正常情况应该是居中显示，搜索相关问题总结得出原因是百度地图加载的时候不对，正确的应该要等DOM加载完成之后再执行百度地图javascript代码，调整过后百度地图显示恢复正常。 解决方法： 使用 document.ready 或者 window.onload 代码如下： Javascript window.onload = function(){ var map = new BMap.Map('allmap'); var point = new ...
制作canvas动画时经常会需要用到的弧度计算公式、角度计算公式以及三角函数的计算公式。 弧度的计算公式 弧度 = 角度 * Math.PI / 180 角度的计算公式 角度 = 弧度 * 180 / Math.PI 三角函数相关公式 公式来自百度百科
animate.css 动画库搭配 wow.js 插件能实现当浏览器滚动到对应网页元素时出现动态加载效果，但只能执行一次，即再次滚动到该元素位置时不会再执行对应的动画加载效果，而要实现每次上下滚动都会执行动画加载效果，就还需要对 wow.js 插件的源代码进行修改，目前已经有人这样做了，下面是君度网络公司修改过后的 wow.js 插件代码，使用该代码可以实现每次滚动到对应元素都会执行动画效果。 完整代码 (function() { var MutationObserver, Util, WeakMap, getComputedStyle, getCompu...
因为浏览器窗口包含的元素比较多（如工具栏、任务栏、滚动条等），所以浏览器窗口的高度会因为元素的不同而不同，因此javascript获取浏览器窗口相关的高度的属性也有多个，如height、avaiHeight、outerHeight、innerHeight、clientHeight、offsetHeight。 下面这张图可以直观地理解各个属性： 属性介绍 电脑屏幕高度 Window Screen对象包含有关用户屏幕的信息。 screen.height：屏幕分辨率的高 screen.avai...
本地 Microsoft SQL Server Management Studio 远程登录 SQL Server，鼠标右键点击数据表会弹窗提示“索引超出了数组界限。(Microsoft.SqlServer.Smo)”，百度查阅后得知是因为本地 SQL Server 版本与服务器 SQL Server 版本不一致导致，解决方法是安装和服务器相同的版本，或者给本地的 SQL Server 打上 Microsoft® SQL Server® 2008 R2 Service Pack 3 补丁（即 SP3 补丁）。 SQL Server 弹窗提示 ...