`
yhz61010
  • 浏览: 562558 次
  • 来自: -
博客专栏
63c13ecc-ef01-31cf-984e-de461c7dfde8
libgdx 游戏开发
浏览量:12274
社区版块
存档分类
最新评论

[原创] require.js & signals.js 学习笔记

阅读更多
    前段时间看到了一个很好看的 HTML5 网站,原网站地址如下:http://lovelymessag.es/
于是为了学习我就试着将它移植到了我的个人网站上(嘿嘿!请大家不要鄙视啊。为了学习嘛。 :) 保存的功能已经写完了,现在可以与别人分享自己画的大作了!)。
    大家也可以参看移植后的地址:http://ho1ho.com/lovelymessage/
    就在移植的过程中,发现了不少的问题。这个网站用到的技术还真不少,移植时着实让我费了好大的劲儿。不过最近经过各种研究,问题还是被我解决了。真是学到了不少东西啊。现将用到的主要技术简要的介绍一下啊:

    1. signals.js

    官方地址:http://millermedeiros.github.com/js-signals/
   
    简介:signals.js 可以理解成是观察者模式的 JavaScript 版实现。说到这儿,我想大家应该就明白它是干什么的了吧!它的特点是每个事件类型都有它自己的控件器,并且不依赖于观察者。有点类似于在 C# 中使用委托实现的观察者模式。

    PS: 有个很不幸的消息必须先告诉你,有关 signals.js 的中文资料基本没有,所以大家要是想了解更多的细节的话,只能看官方文档了啊。

    基本用法:(官方示例)
//custom object that dispatch a `started` signal
// myObject 相当于观察者模式中的 Subject
var myObject = {
  started : new signals.Signal()
};
// onStarted 相当于观察者模式中的 Observer
function onStarted(param1, param2){
  alert(param1 + param2);
}
myObject.started.add(onStarted); //add listener
myObject.started.dispatch('foo', 'bar'); //dispatch signal passing custom parameters
myObject.started.remove(onStarted); //remove a single listener

    怎么样,看起来是不是和经典的观察者模式代码很类似。

    2. require.js

    官方地址:http://requirejs.org/

    简介: RequireJS 是一个 JavaScript 文件和模块加载器。可以用于其它 JavaScript 环境,例如 Rhino 或 Node。使用像 RequireJS 这样的模块脚本加载器,可以改进代码的性能和质量。

    PS: require.js 的中文资料数量比 signals.js 要稍稍好一些。不过强烈建议看官方的文档。官方文档讲的那个细啊。

    基本用法:(官方示例)

    前提假设:假设程序目录结构如下:

project-directory/
     |-----project.html
     |-----scripts/
                |-----main.js
                |-----require.js
                |-----helper/
                          |-----util.js

<!DOCTYPE html>
<html>
    <head>
        <title>My Sample Project</title>
        <!-- data-main attribute tells require.js to load
             scripts/main.js after require.js loads. -->
        <script data-main="scripts/main" src="scripts/require.js"></script>
    </head>
    <body>
        <h1>My Sample Project</h1>
    </body>
</html>

require(["helper/util"], function(util) {
    //This function is called when scripts/helper/util.js is loaded.
    //If util.js calls define(), then this function is not fired until
    //util's dependencies have loaded, and the util argument will hold
    //the module value for "helper/util".
});
分享到:
评论

相关推荐

    require.js.rar

    《require.js——JavaScript模块加载与AMD规范解析》 在JavaScript的世界里,随着代码量的增加,管理和组织变得越来越复杂。require.js的出现,为解决这一问题提供了强大的解决方案。require.js是一个小巧但功能...

    require.js插件-text.js使用

    首先,安装text.js非常简单,只需要将它添加到你的项目中,通常与require.js放在同一目录下。如果你使用的是npm,可以通过以下命令进行安装: ```bash npm install requirejs-text --save ``` 然后,在你的配置...

    require.js最新版2.3.5

    RequireJS不仅提供了模块化管理和异步加载,还支持插件系统,可以通过插件扩展其功能,如优化(r.js)、数据绑定(require-bind-dom)、CSS加载等。这些特性使RequireJS成为构建复杂前端应用的强大工具。 总之,...

    Javascript模块化编程(Require.js)

    Require.js是JavaScript的一个模块加载器,它引入了AMD(Asynchronous Module Definition)规范,为JavaScript提供了异步加载模块的能力,尤其适合在浏览器环境中处理大量依赖关系。 在JavaScript中,早期的编程...

    Node.js-基于require.js的Node打包方案

    在Node.js环境中,`require.js`通常用于浏览器端的模块加载和管理,它遵循AMD(Asynchronous Module Definition)规范,而Node.js自身则使用CommonJS规范处理模块导入。不过,有时候开发者可能希望将使用了require....

    require.js文件

    require.js用于模块化管理javascript的管理工具,非常实用

    require.js学习指南

    require.jsrequire.jsrequire.jsrequire.jsrequire.jsrequire.js

    require.js

    require.js2.3.5 /** vim: et:ts=4:sw=4:sts=4 * @license RequireJS 2.3.5 Copyright jQuery Foundation and other contributors. * Released under MIT license, ...

    require.js的用法详解

    require.js是一种JavaScript模块加载器,设计用于解决JavaScript代码的组织和异步加载问题。在早期的网页开发中,所有的JavaScript代码通常被编写在一个文件里,随着项目规模的扩大,代码量增加,这种方法不再适用。...

    前端require.js

    **require.js**是一种在前端开发中广泛使用的JavaScript模块化加载框架,主要解决的是JavaScript在浏览器环境中缺乏内置模块化支持的问题。它引入了CommonJS风格的模块化机制,使得JavaScript代码可以像服务器端语言...

    javascript高级模块化require.js的具体使用方法

    Require.js是一种JavaScript模块加载器,它遵循AMD(异步模块定义)规范,这种规范允许你以异步的方式加载JavaScript模块。它非常小巧,压缩后的大小只有14KB,适合用于管理前端JavaScript模块的加载,能够有效地...

    require+r.js打包

    在前端开发中,JavaScript代码的组织和管理...然而,随着Web开发的不断进步,现代工具如Webpack、Rollup等提供了更强大的模块管理和打包功能,但require.js和r.js对于理解模块化和前端构建过程仍具有基础性的学习价值。

    require.js build

    `require.js` 是一个流行的JavaScript模块化加载器,它使得在浏览器端管理JavaScript代码变得更加有序和高效。在HTML5 Boilerplate(一个前端开发基础模板)中整合`require.js`,可以提升项目的构建质量和性能,特别...

    require.js教程

    RequireJS是一个JavaScript文件和模块加载器,主要用来解决JavaScript代码中依赖管理问题,避免传统通过script标签嵌入和加载JavaScript文件导致的依赖问题,如加载顺序、重复加载等问题。它支持模块的异步加载,...

    Javascript模块化编程(三)require.js的

    本篇将深入探讨require.js,一个广泛使用的JavaScript模块加载器和异步依赖管理库,尤其适用于大型项目的开发。 require.js的核心概念是AMD(Asynchronous Module Definition),即异步模块定义。它允许我们在脚本...

    require-css.js

    在非专业前端开发的工作中(比如使用vuejs开发),免不了要进行模块化,js的加载使用require.js就可以了,但是对于.css文件的加载需要使用插件,在试用了github上提供的require.js后发现不太好用(报错,还得改人家...

    基于Require.js使用方法(总结)

    Require.js是一个JavaScript模块加载器,其主要作用是帮助页面管理JavaScript文件的依赖关系,并且能够异步加载JavaScript文件以提高页面加载的性能。使用Require.js的目的是为了解决在浏览器端开发时遇到的两个主要...

    require.js教程.模块化

    require.js教程.模块化 大家都知道js代码的面向对象鸡助得没话说 所以将js代码模块化是个很重要的技能 我们使用require.js来将我们写的代码封闭成模块 今天写个教程 requirejs教程,最后自动打包发布js模块文件

    require.js+vue开发微信上传图片组件

    Require.js是一个JavaScript文件和模块加载器,支持AMD规范,可以在浏览器中异步加载JavaScript模块,以提高页面性能。在开发微信上传图片组件时,我们可以将各个组件的html、js、css分别放在用组件名字命名的文件夹...

Global site tag (gtag.js) - Google Analytics