_sample.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- 必须强制指定页面编码为 UTF-8 -->
  5. <meta charset="utf-8">
  6. <!-- Demo 的简要说明,必须要填写 -->
  7. <meta name="description" content="Demo 的描述,必须要有">
  8. <!-- Demo 的作者,建议填写 -->
  9. <meta name="author" content="kity@baidu.com">
  10. <!-- Demo 的标题,必须填写 -->
  11. <title>Demo 标题</title>
  12. <!-- Demo 开发过程中使用 CMD 引入 Kity 源码,方便调试 -->
  13. <!-- dev start -->
  14. <!-- 目录型的 Demo 注意修正源码引用路径 -->
  15. <script src="../dev-lib/sea.js"></script>
  16. <script>
  17. // 设置好 kity 源代码目录
  18. seajs.config( { base: '../src'} );
  19. // 定义 Demo 模块
  20. define('demo', function(require) { require('kity'); });
  21. </script>
  22. <script>
  23. // 启动 Demo 模块
  24. seajs.use('demo');
  25. </script>
  26. <!-- dev end -->
  27. <!-- 生产使用中可以直接引用发布压缩的版本 -->
  28. <!-- production start -->
  29. <!-- 目录型的 Demo 注意修正源码引用路径 -->
  30. <!-- <script src="../dist/kity.min.js"></script> -->
  31. <!-- production end -->
  32. <!-- 可以引入样式表(针对目录形式的Demo) -->
  33. <!-- <link rel="stylesheet" href="mystyle.css"> -->
  34. <!-- 可以引入其他脚本 -->
  35. <!-- <script src="demoscript.js"></script> -->
  36. </head>
  37. <body>
  38. <!--Body 内容-->
  39. </body>
  40. <!-- 针对单页面的 Demo,可以直接在页面最后写 Script,作为 Demo 的源代码 -->
  41. <script>
  42. var html = [];
  43. for (var p in kity) {
  44. html.push('<p>kity.' + p + '</p>');
  45. }
  46. html.sort();
  47. document.body.innerHTML = html.join('');
  48. </script>
  49. </html>