整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
最近在一直在搞M站，也就是移动web站点。由于是第一次，也遇到了很多问题，所以把最近了解到的东西总结总结。聊一聊什么是移动M站，它有啥作用和优势。
也有人会问，M站和APP有什么不同？
1. APP 直接在用户的移动设备上，曝光率相对较高。 而M站需打开浏览器，输入地址才能访问，所以曝光率相对较低。
2. M站的推广的渠道相比移动APP，渠道较多，方便追踪用户来源，流量入口等，方便以后的活动推广和数据分析。
3. M站用户无需安装，输入URL即可访问，而APP需要下载安装。
4. M站能够快速的通过数据分析，能快速得到用户的反馈，从而更容易根据统计数据分析和用户的需求来调整产品。
5. APP对用户更具粘性，用户体验也更好。
6. M站对于营销推广活动非常方便，转发分享方便快捷。
7. M站更新迭代产品速度，响应产品调整非常快，随时发布，而App需要审核时间。
8. M站跨平台，无需开发安卓和iOS版，只需有浏览器即可。
所以， 我觉得，M站和客户端的是相辅相成的，M站的及时性和快捷性，是app无法比拟的。而app 的用户体验，则是M站无法做到的。目前来说两者是不可能被对方完全替代的，在互联网营销大行其道的今天，M站也越来越重要。营销活动大多以H5页面的形式展示和传播的。通过M站的营销和推广，从而又促进APP的使用和推广。
目前，移动M站有轻APP 化的是趋势。M站会越来越像个APP，使得M站也越来越重要。而且，很多APP的展示效果。原生代码无法实现的时候，嵌套移动H5页面也是一个很好的选择。
下面介绍几个移动M站建设的几个点：
1. 51Degree
51degrees 号称是目前最快、最准确的设备检测的解决方案。它是一个免费开源的.NET移动应用开发组件，可以用来检测移动设备和浏览器，甚至可以获取屏幕尺寸，输入法，加上制造商和型号信息等。从而可以选择性地被重定向到为移动设备而设计的内容。由于拥有精确的移动设备的数据，所以几乎支持所有的智能手机，平板电脑等移动设备。
其实说白了，51Degree的作用，就是识别客户端的设备。PC浏览器访问，就跳转到PC站，手机浏览器访问就跳转到M站。从而达到更好的用户体验。
如何将51Degree加入到现有网站？
http://51degrees.codeplex.com/wikipage?title=Enhance%20existing%20web%20site
2. 架构
其实移动web和传统的web并没有本质的区别。说白了还是一个web 站点，使用的技术都是html+css+js。不同的是，只不过目前在 Html5的大趋势下，将Html5加入到了移动M站，使得M站更像个轻APP。
3. Bootstrap
Bootstrap。就不多说了，网上很多Bootstrap的资料。它最大的优势应该就是非常流行，非常容易上手，如果缺少专业的设计或美工，那么Bootstrap 是一个比较好的选择。它的用法及其简单,几乎没什么学习成本,绝对是快速开发的利器。
官网：http://getbootstrap.com/ Github：https://github.com/twbs/bootstrap/
4. 几点建议：
1.移动m站的URL尽量和pc相同，这是为了避免同一URL在pc站可以显示，但是在手机上打开却是404；
2. M站写单独的TDK。
电商系列（四）基于共享存储的图片服务器架构！
电商系列（三）如何构建数据库的主从架构！
电商系列（二）聊一聊服务器日志与监控系统的解决方案
电商系列（一）中小型电商系统的基础架构！
SpringBoot入门系列（十一）实现统一异常处理，就这么简单！
Spring Boot整合定时任务Task，一秒搞定定时任务
Spring Boot入门系列（十）如何使用拦截器，一学就会！
Spring Boot入门系列（六）Spring整合Mybatis详解「附详细步骤」
者：日照工校/徐鹏
手机浏览器能用来干什么？看资讯、看图片、看小说、看视频等等。作为上网必备工具，手机浏览器对于网络体验的影响不可忽视。随着网络的快速发展，大家对于浏览器的要求也越来越高，比如支持HTML5页面版。由于手机浏览器的内核和性能存在差异，造成不同的HTML5页面浏览有不同的体验。
近日无意中看到一个款800手机浏览器，在体验过程中，发现不论是在游戏体验还是软件特效上，都完全体现HTML5效果，为了让大家有更直观的感受，就先试用了一番。
小知识：
HTML5名词解释：原生支持多媒体功能，不再依赖浏览器插件（例如 Adobe Flash player， Windows Media Player），便可实现跨平台在线影音播放。同时 HTML5 还可以让网页调用手机的应用数据从而实现很酷的功能。另外，HTML5 新增了离线存储，一次联网加载资源，长久离线访问。广义的 HTML5 技术还包括 CSS3，JavaScript 以及支持 SVG 等。
在试用过程中，首先引起笔者注意的，还是800手机浏览器的界面化，所谓细节决定产品的成败，先来看看它的到底是什么样子。
800手机浏览器启动后，从整体上看到的，就是集成了常用的搜索引擎和常用网站，而且还可以添加新的常用页面。
跑分测试
800手机浏览器主要是面向智能手机的安卓浏览器，全面支持 HTML5。但是如果要成为一款真正的支持HTML5的手机浏览器，仅有支持还是不够的，更多的需要完全与HTML5的融合，还是先看看它的跑分结果吧：
注：测试网站Html5test.com，它是一个非常具有权威性的测试HTML5性能的网站，无论是PC端还是手机端的浏览器，都能够快速检测出当前浏览器对HTML5页面各项元素对于HMTL5的支持情况。
在HTML5 测试中，800手机浏览器得分高达惊人466分，800手机浏览器的得分完全可以媲美PC端浏览器的表现，这也大大提升了它对HTML5特效效果以及游戏的支持。
跑分测试结果已经可以说明一个很重要的方面，当然除这些数据外，本身具有HTML5的特性也是非常重要的，800手机浏览器还给我们很多HTML5体验，展现了一种对于HMTL5的一种融合以及更深的理解。
视频播放
提起HTML5，很多人都会想到视频播放。因为它完全不需要任何的插件支持，只要是浏览器支持即可，目前主流的视频网站都早已经实现，他们完全支持HTML5的视频直接播放。目前虽然还支持Flash插件，但是它会大大的增加电量消耗和性能的损耗，同时Adobe公司也宣布会停止Flash在手机端的更新。
现在，来看看800手机浏览器对于视频的表现：
HTML5视频体验网站截图
逼真的灵动效果，完全没有卡顿的现象
800手机浏览器在播放过程中没有出现视频失真或者不流畅的情况。
CCS3特性
除此之外，800手机浏览器还展示了几种HTML5独有特性，比较代表性的有CSS特性等。
CCS3是CSS语言的新版，也是一个全新时代的技术，它可以给你的图片添加圆角，可以让你的图片具有阴影特效，还可以打造一个矢量图的效果。
游戏体验
800手机浏览器不仅仅带来了一些软件上的体验，还给我们的带来了很多游戏上的体验，来看看800手机浏览器的游戏效果如何吧。
这款游戏属于一个网络游戏，支持触摸反馈，在试玩过程中，游戏的流畅度和直接下载游戏没有太大的差别。
总结：
800手机浏览器在HMTL5上表现无懈可击，给我留下很深刻的印象。它不仅仅表现在跑分测试数据上，更多的是表现在对于HTML5的融合上，是一款真正的HTML5浏览器。
前端开发这个行业发展飞速，特别是即将普遍的HTML5，本文将由广州中星信息老师整理HTML5的基本使用。
1.small重新定义
不久前，我使用了<small>标签来创建与logo相关的副标题。但是在HTML5中重新定义了<small>标签，使之更能表现语义化，在<small>的字号都会变小，想想如果这个标签用于网站的底部的版权信息还是个不错的做法。
2. 去掉了javascript和CSS标签的type属性
在HTML5中，不再需要type属性了，因为这显得有点多余，去掉之后可以让代码更为简洁。
<link href="path/to/stylesheet.css">
3.
5不支持<big>
<b>加粗
<em>加重
<i>斜体
<small>小号字
<strong>加重
<sub>上标
<sup>下标
<ins>插入
<des>删除
第三课：
三种样式表插入方法：
外部样式表：<link rel="stylesheet" type="text/css" href="">
内部样式表：<style type="text/css"> body{} </style>
内联样式表：<p style="color:green"></p>
第四课：HTML链接：
链接数据：
文本链接
图片链接
属性：
href属性：指向另一个文档的链接
name属性 文档内链接
img标签属性
alt属性 图片出现异常 替换文本属性
width
height
4.
Html5 手机网站 input 设置为type=number 的问题
h5网页input 的type设置为number一般会产生三个问题，一个问题是maxlength属性不好用了。另外一个是form提交的时候，默认给取整了。三是部分安卓手机出现样式问题。
问题一的解决办法：
<input name="" type="number" oninput="checkTextLength(this,11)"/>
问题二，是因为form提交默认做了表单验证，step默认是1,要设置step属性，假如保留2位小数，写法如下：
<input name="" type="number" step="0.01" min="1" />
*请认真填写需求信息，我们会在24小时内与您取得联系。
