通过weui-1.1.3源码学习前端开发（三）从example看起
前面已经看过了gulp的构建文件gulpfile.js，下面我们就从weui提供的一个example开始看看吧
先看看src/example/index.html文件
<!DOCTYPE html>
<html lang="zh-cmn-Hans">标准的网页头声明：
简体中文页面：<html lang="zh-cmn-Hans">
繁体中文页面：<html lang="zh-cmn-Hant">
英语页面：<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title>WeUI</title>
<link rel="stylesheet" href="../style/weui.css"/>
<link rel="stylesheet" href="./example.css"/>
</head>head部分没什么特殊的，使用weui.css文件
下面看看<body>元素
错误提示；
页面容器container
<link rel="import" href="./fragment/home.html">
经过gulp打包后，替换为如下的模式，具体的打包语句参见gulpfile.js
<script type="text/html" id="tpl_home">
<!--
./fragment/home.html的页面内容
-->
</script>最后
zepo.min.js兼容jquery的js库；
jweixin是微信JS-SDK的文件，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。
weui.min.js是WeUI 的轻量级 js 封装，https://github.com/Tencent/weui.js
最后是example.js文件
扫一扫
647
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
