Lei Xia

Sr. Software Engineer | Solution Architect

抒写代码，尽享生活，筑就未来。

订阅 · 赞赏

avatar

百度地图添加自定义标注

2015年1月24日 · 107 字 · 1 分钟

百度地图的默认标注是一个 红色 的地标，如果要做互动性强的地图应用，几乎没提供什么额外信息，本文教大家怎么添加自定义标注，如添加头像。 JS代码 var icon = new BMap.

css3打造炫酷loading

2015年1月20日 · 203 字 · 1 分钟

css3的优点就不多说了，一个很重要的，节约了带宽，以往需要使用图片的地方很多时候都可以使用CSS3来实现。 本文将带来一个利用CSS3制作loading的教程，这里直接上代码了。 CSS代码 @keyframes spin { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes spinoff { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes spinoff { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } body { margin: 0; } .

php利用百度地图API进行IP定位和GPS定位

2015年1月12日 · 271 字 · 2 分钟

最近在做一个手机端的webapp地图应用，而核心内容当然是定位了，但是定位的话有几种方式，IP定位,GPS定位，基站定位（这个貌似webapp用不了）， 那么剩下核心的gps定位和ip定位了，我们知道，html5有定位API，但是该API拿到的GPS数据是硬件坐标，无法直接显示在地图上。 后来上百度LBS云看到有地图IP定位API和GPS坐标转换API，地址：http://developer.baidu.com/map/ 百度地图API的调用需要申请KEY，这里就不具体介绍了，直接贴上本人写了两个关键方法，为了方便前台调用，返回数据采用以下格式： { address: "北京市海淀区西二旗北路", province: "北京市", city: "北京市", street: "西二旗北路", street_number: "", city_code: 131, lng: 116.

移动端滑动的实现

2015年1月8日 · 35 字 · 1 分钟

如果想在移动端判断用户的是否滑动以及滑动方向时，可以不使用第三方库，直接用touch事件处理即可，没必要增加不必要的代码，减轻移动端网络压力。 重点 移动端的touch事件有三个: touchstart、touchmove、touchend 分别代表 触摸开始，触摸移动，触摸结束

wordpress使用prettify插件实现代码高亮

2014年12月28日 · 15 字 · 1 分钟

最近百度感冒的太严重了，统计代码严重拖慢网页打开速度，不得已，只得暂时关闭JS统计代码。而另一个重灾区–ueditor也是太大了。我着实受不了。也关掉了。那么问题来了。之前用ueditor有配套的代码高亮插件，取消ueditor之后，代码不亮了。 别急，wordpress的插件多着呢! 步骤 1.插件->安装插件，搜索 “prettify” ，排名第一的插件就是他了，直接启用吧

angularjs注入拦截器实现Loading效果

2014年12月19日 · 142 字 · 1 分钟

angularjs作为一个全ajax的框架，对于请求，如果页面上不做任何操作的话，在结果烦回来之前，页面是没有任何响应的，不像普通的HTTP请求，会有进度条之类。 本文通过对httpProvider注入拦截器实现loading。 HTML代码 <div class="loading-modal modal" ng-if="loading"> <div class="loading"> <img src="<?

css水平居中和垂直居中

2014年12月16日 · 64 字 · 1 分钟

水平居中还是比较好弄的 { margin-left: auto; margin-right: auto; } 但是垂直居中就比较麻烦，网上一大推文章都是什么display:table-cell,根本不管用。这里利用position属性可以达到这个目的。

MySQL行锁的使用

2014年12月12日 · 26 字 · 1 分钟

大家可能都有这样一种感觉，Web程序在本地调试的时候一切正常，放到线上也基本是正常，但是偶尔会有数据错误的情况，这种情况在订单系统中特别常见，因为大部分的订单状态更新都是有两个路径（浏览器跳转和支付服务器的异步推送消息），当然，最终数据要以异步结果为准，但是问题是，浏览器跳转也需要更新订单状态，当这两种方式在很短的时间内同时到达数据库时（一般在一秒内），如果数据库没有加锁，那这个订单会被处理两次。 说到建立数据表时，涉及到支付的，都要用InnoDB引擎，该引擎支持行锁，支持事务，外键。 文章开始的解决办法就是采用InnoDB对要操作的数据行进行锁定。 数据表结构 订单ID(主键) 订单金额 订单状态 事务SQL BEGIN; SELECT * FROM `orders` WHERE `order_id`=100 FOR UPDATE; COMMIT; 释义 BEGIN 手动开启事务（行锁只对开启事务的查询起作用） FOR UPDATE 独占写（成功获得锁后，只有当前进程能够更新该纪录，其他进程如果需要更新该记录，则需进行“锁等待”） COMMIT 提交处理