[原创作品] RequireJs入门进阶教程

  最近我发现RSS采集数据是个很好玩的东西,就是可以直接把别人的数据放在自己的网站上。如果网友们在其他地方发现这篇文章,还是来博客园看吧(http://zhutty.cnblogs.com)。这样代码比较整洁。另外,欢迎来群里交流,164858883。

好了,这次随笔主要讲一个web优化功能的框架。RequireJs.

官方的介绍是这样的:RequireJS is a JavaScript file and module loader.对,就一句话就够了。它的功能就是加载模块。

这涉及到Web优化的问题,如果都把js写在页面上,或者多个文件上,直接引入,都会使页面非常卡顿。在低配置计算机或手机浏览起来,简直无法直视。所以,it工程师们就想到了把说有的js合在一个文件里面,单从软件工程的角度来讲,这无法维护。严重违反低耦合这个基本要求。好了,就这样,Require就出现了。

  Require不仅可以在浏览器中使用,而且还可以使用其他javascript,比如,nodejs. 顺便说一下,nodejs也遵循coomonjs规范,底层为c++实现,所以执行效率比较高。当然,它是运行在服务器端。

好了,现在说一下这个demo的web目录的基本结构。

www

  |-App

    |-Controller

    |-Model

    |-main.js

  |-Lib

    |-Require.js

    |-jquery.js

|-index.html

  |-config.js

  |-main.js

好,先来讲述一下怎么个运行机制。在页面中引入requirejs。(先吃午饭。待续。。。。。欢迎关注,持续更新)

时间: 2024-10-12 15:42:51

[原创作品] RequireJs入门进阶教程的相关文章

Python入门进阶教程-原子

在正则表达式中,存在操作符和操作元,操作符存在优先级,操作元被称做原子操作符优先级(由高到低)(先不用在意操作符的名称,虽然也看不太懂) 1. 转义符号 (Escaping Symbol): 2. 分组.捕获 (Grouping or Capturing): (...) (?:...) (?=...) (?!...) (?<=...) (?<!...) 3. 数量 (Quantifiers) a* a+ a? a{n, m} 4. 序列与定位(Sequence and Anchor) abc

RequireJS入门与进阶

RequireJS由James Burke创建,他也是AMD规范的创始人. RequireJS会让你以不同于往常的方式去写JavaScript.你将不再使用script标签在HTML中引入JS文件,以及不用通过script标签顺序去管理依赖关系. 当然也不会有阻塞(blocking)的情况发生.好,以一个简单示例开始. 新建一个目录,结构如下 目录r1下有index.html.jquery-1.7.2.js.main.js.require.js.require.js和jquery-1.7.2.j

Spring Boot从入门到进阶教程系列 -- 集成Freemarker配置

步骤1. 我们可先配置application.properties的Freemarker基本配置,可参考第一篇教程[Spring Boot从入门到进阶教程系列 -- 外部Tomcat多方式启动,加密解密配置数据] 核心配置 ######################################################## ### freemarker ######################################################## spring.fr

MMD入门进阶&amp;PmxEditor改模&amp;Toolbag3&amp;C4D&amp;MD7联动渲染&amp;Metasequoia水杉建模教程合集

————————MMD零基础入门教程————————1.[MMD从零入门教程]RC手把手带你入门MMD2.『MMD从基础到进阶』十周年汉化版本与规范使用教程3.MMD新手保姆向教程 ————————MMD新手进阶教程————————1.[MMD教程]快速从零入门Ray渲染 {Ray1.5.0}2.[MMD教程]新手进阶1-背景虚化|体积光|模型绑定|描绘顺序系统介绍3.[MMD教程]新手进阶2-相机绑定|光晕|地面反射4.[MMD教程]新手进阶3-水面|自发光|阳光照射5.[MMD教程]新手进阶

duilib进阶教程 -- 响应windows原生消息和自定义消息(13)

duilib进阶教程 -- 响应windows原生消息和自定义消息(13) 一.windows原生消息 同样,入门教程只是给出了响应windows原生消息的方法,并没给出例子,这里以自适应屏幕分辨率为例.迅雷播放器虽然可以在启动的时候自动调整窗口大小,但是当屏幕分辨率实时改变时并没有调整窗口,所以我们给播放器加上实时调整大小的功能,很明显,应该响应WM_DISPLAYCHANGE消息,而duilib自己处理windows消息的函数是在HandleMessage里,因此我们重载HandleMess

点赞和吐糟Adblock Plus~进阶教程

前言:Adblock Plus后文都简称ABP,这是一篇ABP进阶教程!用ABP实现flashBlock和NoScript.推荐有相当基础的阅读!初学者先看懂这里:http://adblockplus.org/zh_CN/filters 先夸夸ABP,它是最流行.语法最完善严谨的过滤软件,其它同类都以它为标准!它把网络资源按以下选项分几大类: script -- 外部脚本,由 HTML script 标签加载 image -- 正常图片,通常由 HTML 的 img 标签所载入 styleshe

真正从零开始,TensorFlow详细安装入门图文教程!(linux)

读懂智能&未来 首页 专栏 专题 公开课   AI慕课学院 爱搞机 极客购 申请专栏作者 业界人工智能智能驾驶AI+Fintech未来医疗网络安全AR/VR机器人开发者智能硬件物联网GAIR 业界正文 13 真正从零开始,TensorFlow详细安装入门图文教程! 本文作者:黄鑫 2016-06-11 21:32 导语:帮你完成那个最难的从0到1 AI这个概念好像突然就火起来了,年初大比分战胜李世石的AlphaGo成功的吸引了大量的关注,但其实看看你的手机上的语音助手,相机上的人脸识别,今日头条

全网最热Python3入门+进阶 更快上手实际开发

详情请咨询  QQ  709639943 01.Python Flask 构建微电影视频网站 02.Python3 全网最热的Python3入门+进阶 比自学更快上手实际开发 03.Python3.6 强力Django+杀手级Xadmin打造上线标准的在线教育平台 04.python_进阶强化 05.Java秒杀系统方案优化 高性能高并发实战 06.企业级刚需Nginx入门,全面掌握Nginx配置+快速搭建高可用架构 07.快速上手Linux 玩转典型应用 08.全面系统讲解CSS 工作应用+面

Android视频录制从不入门到入门系列教程(三)————视频方向

运行Android视频录制从不入门到入门系列教程(二)————显示视频图像中的Demo后,我们应该能发现视频的方向是错误的. 由于Android中,Camera给我们的视频图片的原始方向是下图这个样子的: 就是说,即使你是竖着拿手机的,Camera提供给你的视频图像的方向还是上图那样横着的图片. 我们可以通过下述方向改变Camera提供的视频图像的方法: camera.setDisplayOrientation(90); 让图像顺时针旋转90度,视频图像的方向就正常的. 本篇文章DEMO下载.