h5棋牌平台日租搭建HTML5技术学习总结

1、手机移动端页面的自适应
2、手机触摸手动滑动效果
3、h5棋牌平台日租搭建www.yasewl.com

一、header信息的设置（自适应）
　　　1、声明信息 <!DOCTYPE HTML>
　　　2、编码设置 <meta charset="UTF-8">
　　　3、移动设备特别设置（重要声明！）
　　　<meta content="width=device-width,user-scalable=no" name="viewport">

Viewport说明：该设置可使我们开发出的页面/产品大小可适应各种高端移动设备
width=device-width 为设备的宽度.
user-scalable=no/yes 此功能为用户调整缩放。默认为yes。一般设置为no
PS:初次尝试制作移动端页面。亲们，由于我没有加上面的viewport声明，结果导致页面狼狈不堪。

二、手机触摸手动滑动效果
1、触摸屏效果滚动组件（js必须包含的部分）

<script type="text/javascript" src="./js/touch.js"></script>
<script type="text/javascript" src="./js/zepto.extend.js"></script>
<script type="text/javascript" src="./js/zepto.ui.js"></script>
<script type="text/javascript" src="./js/slider.js"></script>

复制代码

本人亲测以上4个js必须包含，缺一不可。

学习方法：

学习HTML这类的标记语言，我们需要从四个方面入手：

（1）语法：即怎样的书写格式是Browser接受和支持的，HTML技术的语法很简单，只要注意大小写在HTML、XHTML、H5中的一些细节不同就可以了。

（2）元素：也就是标签，这个就靠经验和记忆了，不求甚解多用就好。但是有一点，系统的学习和杂乱记忆的不同点就是：系统的学习会把元素分类。这样方便记忆、对比和使用，能让我们尽量减少不必要的错误嵌套。一般会把HTML标签分为文档结构标签、文本格式标签、字符格式标签、列表标签、链接标签、表格标签和表单标签这8类，有些标签不实用就不用看了。

（3）属性：知道每类标签都有什么属性，一般来说学习方法是知道有什么属性，然后了解下哪些标签不支持这些属性。其实，除了name、id、class、style外很多元素属性我们都很少用，涉及到格式的属性，我们都用CSS来代替了。这也是H5推荐的做法，那些属性在H5中都被废弃了，比如background属性。

（4）其他：其他的东西就是去了解一些额外的知识：历史背景、关联技术、深入技术，比如XML、DTD，甚至是Browser对页面的解析、渲染过程，DOM树的构建、Render Tree的构建过程，来帮助我们学习、开发高效页面。“课外知识”多了，自然就能做到“他强由他强，清风拂山岗”的境界了。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/31487294/viewspace-2151220/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/31487294/viewspace-2151220/

h5棋牌平台日租搭建HTML5技术学习总结相关推荐

微信棋牌游戏源码搭建HTML5极简的JS函数
页面初始化 mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面.关闭 ...
直播APP开发社交直播平台源码搭建——流媒体技术详解
随着移动互联网的发展,国内也涌现大大小小十几款视频直播app.以王思聪投资的17在2015年的爆红为代表,视频移动直播浮出水面,再到后来的映客.花椒.蜜友圈等等,直播自媒体时代的快速发展改变了人们传统 ...
ZEGO：如何从零搭建H5直播平台
H5已成为品牌宣传最重要的表现方式,基于H5打造的的营销方案具有游戏化.场景化.跨屏互动等优势,能更好的展示商品促进用户转化.H5技术还有开发简单,研发周期短,用户接触成本低等特点,尤其是其强化了we ...
web html5音乐播放器设计与实现,基于HTML5技术的音乐播放器的设计与实现
Vol.33No.11Nov.2017 赤峰学院学报(自然科学版) Journal of Chifeng University (Natural Science Edition )第33卷第11期(下 ...
.Net Web微信H5鱼虾蟹网站开发搭建技术栈
本文整理了当前企业web微信H5鱼虾蟹网站开发搭建(h5.fanshubbs.com)的管理系统架设Q1687054422,商城等系统的常用开发技术栈. C#常见运算符一元运算符(+.-.!.~.+ ...
HTML5游戏化互动学习平台,h5游戏平台_触摸型互动slg黄油手游
乐趣H5游戏平台是目前中国最大的H5手机网页游戏平台,提供在线玩的H5手机小游戏,最火爆的微信小游戏,最好玩的手机小游戏排行榜,让您能结识到H5游戏玩家和H5小游戏里的朋友,无需下载,点击马上玩!开心 ...
直播平台源码搭建教程盘点直播技术中的编解码、直播协议、网络传输与简单实现
直播平台源码搭建教程盘点直播技术中的编解码.直播协议.网络传输与简单实现 Live CheatSheet | 直播技术理论基础与实践概论音视频直播的基本流程都是采集 → 编码推流 → 网络分发 → ...
h5棋牌房间如何安装现在分享一套搭建教程
css3实现动态波纹特效,由于css3里面有过渡和动画效果,现在利用css3实现动态波浪效果就很简单了,直接使用transform来实现就ok, 使得translateX 产生偏移就可以不断实现循环动 ...
H5游戏推苻一HTML5游戏一手,【盘点】五个最热门的H5游戏平台
目前市场上HTML5游戏微信公众号的质量也是良莠不齐,充斥着许多内容空洞.趣味性低的"空壳"微信公众号.但经过大浪淘沙的洗礼,这些"不入流"的游戏平台终将被淘汰 ...
【云原生-DevOps】企业级DevOps平台搭建及技术选型-项目管理篇
开篇为什么要搭建企业级的DevOps 如果产品研发团队相对比较迷你,比如在100人以内,个人觉得是不需要企业级DevOps的,大家简单快捷的安装一些常用的协作软件就能正常运转本篇文章主要简述主要是 ...

h5棋牌平台日租搭建HTML5技术学习总结

h5棋牌平台日租搭建HTML5技术学习总结相关推荐

最新文章

热门文章