纯CSS实现动态加载矩形边线的动画效果
制作web动画效果，通常会想到使用svg或者canvas甚至flash，其实一些简单的动画效果，使用css3属性transition就可以实现，比如动态显示矩形边框线的效果，实现原因是利用过渡效果时宽高显示的时间差。
示意图
实现代码
HTML代码：
<div class="border">
</div>
CSS代码：
.border...
关闭Firefox火狐浏览器光标浏览,禁用可移动闪烁光标的设置方法
如果某一天使用Firefox浏览器时发现鼠标左键点击网页任意一处文本都会出现闪烁的光标，还可以通过键盘方向键移动光标，就好像输入框输入状态一样，而自己并不知道为什么会这样时，那么应该就是误触了键盘的F7键，并且点击了“是”。
在Firefox浏览器窗口按下F7键是Firefox光标浏览设置，可以启用或禁用光标浏览，此功能可以在网页中放置一个可移动的光标，以便能使用键盘选择文本，如果没有鼠标、非触屏、没有触摸板的情况下，...
修改xampp apache服务器时区校准时间
安装xampp后，apache服务器时间所在时区的时间不一致，原因是xampp的apache服务器设置的默认时区不是自己所在的时区，导致时间晚一些或早一些，解决方法是在php.ini把时间修改为自己所在时区即可。编辑apache的/php/php.ini文件，找到timezone，将其修改为Asia/Shanghai如默认为date.timezone=Europe/Berlin修改为date.timezone=Asia/Shanghai...
phpmyadmin点击导出数据时，提示“该次提交有可能忽略其中一部分”的警告
网站数据表比较多，通过 phpmyadmin 导出数据时，弹出警告窗口提示：
警告：当前表单包含的字段多于 1000，受限于 PHP 中 max_input_vars 值的配置，该次提交有可能忽略其中一部分。
max_input_vars 介绍
max_input_vars 是 PHP 5.3.9开始增加的一个变量，作用是限制提交的表单数量。（其实是字段数量？），p...
php str_replace替换修改mysql数据字段序列化内容中的域名
serialize() 函数序列化后存储在数据库的值，不能通过 mysql replace 直接批量替换修改其中的内容，想批量替换序列化后的内容，可以使用 php 的 unserialize() 函数对内容进行反序列化，然后使用 str_replace() 函数替换，再 serialize() 序列化后存储进数据库。
如
数据库表 table_post 字段 post_meta 的值：
a:4:{...
单独调用百度编辑器UEditor视频上传组件的代码
有一个单独的视频设置字段，需要视频上传的功能，自己编写相关代码太麻烦，那么可以通过单独调用 UEditor 编辑器的视频上传组件来实现。
HTML代码
<div class="uploadvideo">
<input name="video" id="video" type="text" class="uplod_video" value="" />
<span class...
xampp mysql启动失败，错误日志提示Plugin 'FEEDBACK' is disabled.的解决方法
前一天还能正常使用的 xampp，再一次使用时，无端端地无法启用 mysql 服务，启用 mysql 服务时提示 MySQL 意外关闭（Error: MySQL shutdown unexpectedly.）
查看 mysql 错误日志文件 mysql_error.log 发现有一行提示 “Plugin 'FEEDBACK' is disabled.”
看字面意思是 “FEEDBACK” 这个插件被禁用...
微信小程序input组件点击输入时placeholder文字上移
微信小程序原生组件input文本输入框，点击聚焦后，placeholder占位符文字位置会向上编移，原因是input使用了box-sizing: border-box;样式的同时添加了上下内边距（padding）或上下外边距（margin），解决方法可以把box-sizing:border-box;或者上下内外边距去掉。
示例：
wxml代码
<input type="text" confi...
PHP使用array_filter()函数删除数组中空值的元素
使用foreach循环输出数组时，习惯使用if判断来过滤空元素，这种方法并不高效，如果数组中有很多空元素，会导致多余的foreach。合理的做法应该是数组中的空元素删除后再foreach。
删除数组中的空元素可以使用array_filter()函数，array_filter()函数的作用是用回调函数过滤数组中的元素，如果没有回调函数，默认就删除数组中值为false、null或空值的元素。
示例：
&l...
原生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...
