已经12月了，公元两千零一七年也快结束了，不由得感叹时间过的真快，还没开始做些什么，一年就又晃过去了，mdzz。
在年底，各种节日，年会等活动慢慢开始闹腾起来。最近为了迎(zou)接(kai)2018,上面打算让我们做一个互动活动。经过几天折腾，选了一个h5小游戏和h5贺卡的形式。而最终经过讨论，放弃了贺卡，原因是在国庆时……
我们设置1px边框通常设置border:1px solid #ddd，这个在pc浏览器浏览一般没问题，但在移动端浏览器浏览时，由于各种手机终端的dpr不同，1px的值也会变(ipone的dpr为2，浏览时却为2px)。这是学到一个方法去解决这个问题。
主要思路：通过给dom元素设置一个伪类，并定义其宽度，生成1px的边框。在不同的dpr设备上media查询d……
当我们在写一些页面的时候，会时常遇到编码错误，中文乱码。常理我们会在头部加入
<meta name="content-type" content="text/html; charset=UTF-8"> 或者<meta charset="UTF-8">
当我打开网页时，出现了中文乱码，我曾尝试删除所有的meta，问题还没解决。而把name="content-type"改成http-equiv="content-ty……
这个主要在项目中要实现的功能，现在的手机浏览器基本也都含有分享功能，但有的手机浏览器就没有分享微信好友，朋友圈等选项，虽然微信内置X5含有此功能，但不同的手机终端分享选项又不一样，因本人还是比较喜欢老罗的，这几年一直在用锤子，但其微信内置浏览器中就是没有分享到QQ好友啊，空间啊等选项，而华为的确有。老……
以下主要调用针对百度地图接口：
已封装成getLocation（）函数，项目中在需要的地方直接调用即可
function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}else{
alert("浏览器不支持地理定位。");
}
}
//定位失败
function showError(error){
switch(……
来，直接来吧，，
一、如果是文字居中：
<div class="center"><span>hello</span></div>
则css：<style>.center { width:200px; height:100px; text-align:center; line-height:100px}</style>
这就实现了水平垂直居中，如图：
二、如果是div居中：
<div class="wrap"><……
公共部分代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>hover效果</title>
<style type="text/css" media="screen">
body {margin: 0;height: 0;background-color: #F1F1F1;}
.warp {width: 250px;height: 150px;background-color: #5e7c8……
