2018-09-18 移动端 Web 开发前端知识整理
2018-09-18 本文已影响0人
LYH2312
1.基本的 HTML 文件结构
<!DOCTYPE HTML>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<title>标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 设置初始缩放比例为1.0，使用设备宽度 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<!-- 在iOS下开启全屏模式 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 隐藏 Sarafi 状态栏 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link href="/static/css/your_css.css" rel="stylesheet"/>
</head>
<body>
<script src="/static/js/your_js.js"></script>
</body>
</html>
2.HTML5 可以做什么
- 拍照
- 获取地理位置
- 手势
- canvas 绘图和动画(硬件加速)
5.localstorage，本地缓存
3.DOM 操作库
1.jQuery 的目标是兼容所有主流浏览器，这就意味着它的大量代码对移动端的浏览器是无用或者低效的
2. Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，只针对移动端浏览器编写，因此体积更小、效率更高，更重要的是，它的 API 完全仿照 jQuery，如果你会用jquery，那么你也会用zepto
3. Zepto的设计目的是提供 jQuery 的类似的API，但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库（目前最新版，gzip 压缩后只有 9.1k）、下载并快速执行、有一个熟悉通用的API，所以你能把你主要的精力放到应用开发上。
