require.js

http://www.bootcdn.cn/require.js/

HTML:

  1. <div class="container" data-page="indexpage">
  2. .......
  3. </div>
  4. <script data-main="js/askMain.js?v=61" src="js/plugin/require.js"></script>

askMain.js

  1. require.config({
  2. paths: {
  3. //Zepto: 'plugin/zepto.min',
  4. //swiper:'plugin/swiper.min'
  5. Zepto: 'http://s1.xxx.com/common_h5/js/plugin/zepto.min',
  6. swiper:'http://s1.xxx.com/common_h5/js/plugin/swiper.min'
  7. },
  8. shim: {
  9. 'Zepto': {
  10. exports: 'Zepto'
  11. },
  12. 'common': {
  13. deps: ['Zepto'],//依赖
  14. exports: 'common'
  15. },
  16. 'swiper': {
  17. deps: ['Zepto'],//依赖
  18. exports: 'swiper'
  19. }
  20. }
  21. });
  22. //require(['Zepto','common','ask'], function($,common,askDesign) {
  23. require(['Zepto','common','swiper','ask'], function($,common,swiper,askDesign) {
  24. var dataPage = $('.container').attr('data-page');
  25. switch (dataPage) {
  26. case 'indexpage':/*首页*/
  27. askDesign.init();
  28. break;
  29.  
  30. case 'questions-to'://提问
  31. //....
  32. break;
  33. }
  34. });

ask.js

  1. 'use strict';
  2. //define(['Zepto','common'], function($,common) {
  3. define(['Zepto','common','swiper'], function($,common,swiper) {
  4. var askDesign = {
  5. init: function() {
  6. var mySwiper = new Swiper('.swiper-container',{
  7. //pagination: '.pagination',
  8. //loop:false,
  9. //paginationClickable: true,
  10. mousewheelControl:true,//鼠标滚轮
  11. //autoplay:2000,
  12. //mode: 'vertical',//纵向滚动(这个好像不好使了 2016-1-15)
  13. //direction: 'vertical',//纵向滚动(这个好用 2016-1-15)
  14. onInit: function(mySwiper){//Swiper初始化了
  15. //console.log("提示Swiper的当前索引 "+mySwiper.activeIndex);//提示Swiper的当前索引
  16. },
  17. });
  18. },
  19. log : function(){
  20.  
  21. }
  22. };
  23. return askDesign;
  24. });

框架: require.js的更多相关文章

  1. 移动前端框架,require.js压缩

    static css images 不同的页面可以新建不同的图片文件夹(可选) js libs       前端类库 plugs    插件 views    自己写的代码文件 sass/less l ...

  2. 使用 Require.js 引用第三方框架时遇到的一些情况

    使用 Require.js 引用第三方框架时遇到的一些情况 在使用Require.js解析依赖的时候,会出现以下几种情况: 程序中的依赖关系 当前程序 依赖于 B包, B包 依赖于 A包 A包与B包两 ...

  3. EpiiAdmin 开源的php交互性管理后台框架, 让复杂的交互变得更简单!Phper快速搭建交互性平台的开发框架,基于Thinkphp5.1+Adminlte3.0+Require.js。

    EpiiAdmin EpiiAdmin php开源交互性管理后台框架,基于Thinkphp5.1+Adminlte3.0+Require.js, 让复杂的交互变得更简单!Phper快速搭建交互性平台的 ...

  4. 前端UI框架和JS类库

    一.前端框架库: 1.Zepto.js 地址:http://www.css88.com/doc/zeptojs/ 描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jqu ...

  5. require.js的使用

    RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量.它还同时可以和其他的框架协同工作,使用Re ...

  6. 记录:sea.js和require.js配置 与 性能对比

    最近有点忙,很久无写博客,记录一下之前的配置require.js和sea.js的配置.(有误有望提出 require.js 文件目录 /app(项目使用js) /lib(require.js jq存放 ...

  7. require.js详解

    一:什么是require.js ①:require.js是一个js脚本加载器,它遵循AMD(Asynchronous Module Definition)规范,实现js脚本的异步加载,不阻塞页面的渲染 ...

  8. require.js(浅聊)

    一.require 了解requirejs之前首先明白什么是模块化: 1.什么是模块化? 模块化设计是指在对一定范围内的不同功能或相同功能不同性能.不同规格的产品进行功能分析的基础上,划分并设计出一系 ...

  9. require.js实现js模块化编程(一)

    1.认识require.js: 官方文档:http://requirejs.org/RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的Requ ...

随机推荐

  1. jquery位置问题

    在页面中添加jquery时,一定要把jquery放在其他js文件前面!不然会出现"$ is not defined", 导致js无法正常运行.

  2. python打包为独立可执行程序

    linux下 pip install pyinstaller 针对需要的项目 pyinstaller -F -w ./xxx.py 即可

  3. mysqlli 的基本用法

    Mysqli是php5之后才有的功能 需要修改php.ini的配置文件 查找下面的语句: ;extension=php_mysqli.dll 将其修改为:extension=php_mysqli.dl ...

  4. S域传递函数的零点和极点

    传递函数的极点就是对应微分方程的特征根(回忆一下,$\frac{1}{s+a}$是$e^{-a t}$的Laplace变换),因此它们决定了系统自由运动的模态. 传递函数的零点不直接形成自由运动的模态 ...

  5. java.lang.NoClassDefFoundError: com/sun/image/codec/jpeg/JPEGCodec 解决方案

    使用java生成图片的时候,报了java.lang.NoClassDefFoundError: com/sun/image/codec/jpeg/JPEGCodec 错误. 根据这个类的api说明,在 ...

  6. windows cmd下ssh连接免密码问题解决

    windows 7 cmd下 ssh -T username@serverip 免密码连接成功 有的同学在windows下开发,并且在windows下安装了git for windows,这些资源已经 ...

  7. uoj#119. 【UR #8】决战圆锥曲线

    http://uoj.ac/problem/119 可以认为数据基本随机,于是可以直接用线段树维护,对每个询问在线段树上进行剪枝搜索. #include<bits/stdc++.h> ty ...

  8. P1916小书童--大战蚂蚁

    链接 题解:(这里蚂蚁0血也算活...) #include<iostream>#include<cstdio>#include<cmath>using namesp ...

  9. P2799国王的魔镜

    链接 想了好久(蒟蒻的不能蒟蒻) 题解: #include<iostream>#include<cstdio>#include<cstring>#include&l ...

  10. P1226快速幂取余

    链接:https://www.luogu.org/problemnew/show/P1226 题解:(重要结论:(a*b*c*d*...*n)%k=[(a%k)*(b%k)*...(n%k)]%k) ...