`

require.js & signals.js 、Meteor JS框架

 
阅读更多

 

 

http://lovelymessag.es/

 

 

 

1. signals.js 

   
 官方地址:http://millermedeiros.github.com/js-signals/ 

 

 

观察者模式

 

 

2. require.js 

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

 

 

JavaScript 文件和模块加载器

 

 

 

3. Meteor JS

 

自1996年至今,网站的工作方式普遍是由服务器端向浏览器传送整个渲染好的 HTML文件,下载和刷新需要较长的等待时间。在2012年的今天它迎来了新曙光,这套古老的模式将可能一去不复返了。简单说,新的模式是服务器和浏览器初始化之后只进行纯数据的对话,由浏览器决定怎样渲染它来生成 HTML,远程会话变成了本地的交互,操作动作和数据传输将感觉不到延迟。


Meteor是一个新鲜出炉的现代网站开发平台,基础构架是 Node.JS + MongoDB,它把这个基础构架同时延伸到了浏览器端,如果 App 用纯JavaScript 写成,JS APIs 和 DB APIs 就可以同时在服务器端和客户端无差异地调用,本地和远程数据通过DDP(Distributed Data Protocol)协议传输。因此部分应用如 TODO列表,网络在线和离线下使用功能完全没有差异,动作响应和数据延迟也完全感觉不出来。如果简单定义“现代网站”是一个实时交互、超高性能、具备非凡体验的网站,那么 Meteor就是一个可为开发者以简单高效而且充满乐趣的方式进行现代网站开发的平台,以往开发周期需要几周到几个月的项目,现在可能只需要几个小时或者一个周末的时间就可以完成了。Meteor 构建的应用体验,会让你感觉浏览器刷新按钮和地址栏变成多余的。


Meteor对于开发者,网站在开发过程中,页面 CSS 样式和 HTML结构更改时可自动刷新浏览器实现代码的热部署,方便查看运行效果;访客浏览网站,服务器端和每一个浏览器端的数据增删查改都将自动同步推送至服务器和每一个会话终端,不需要刷新页面来查看新内容,新版本代码和数据推送过程也不会打断当前用户的正常浏览。Meteor如同它的中文名字“飞火流星”一样,夺目闪现,锋芒毕露。


要看这颗“流星”有多快,下面几个简单步骤即可轻松搭建本地开发环境和部署新网站到网络上,整个过程可能不会花费超过5分钟:


1)下载和安装Meteor 本地运行环境:
curl install.meteor.com | /bin/sh

2)创建一个应用:
meteor create try-meteor
3)本地开跑( 运行在 http://localhost:3000/ ):
cd try-meteor
meteor
线上部署,让全世界都可以访问到(http://36kr.meteor.com):
meteor deploy 36kr.meteor.com

初步了解,Meteor 本质上是 Node.JS 应用的开发,继承了 Ruby on Rails、Node.JS、MongoDB API 等框架的基础特性,模糊了服务器端和客户端,弱化网络连接质量造成的影响。在官方示例应用中,一个多人实时互动 Leaderboard 游戏应用源代码不足50行,其中没有 MVC 中 Contorler 的概念,也不需要 Callback,仅仅几个简单文件而已,而且它确实是工作了。在浏览器中查看页面 HTML 代码,只引用了一个 CSS 和 JS 文件,数据通过 SocketJS 传输。
Meteor 当前还处于开发预览版,代码以 GPL 协议开源,1.0版本将在一个月到一年内正式推出。你现在可以在 GitHub 上关注它。

 

 

 

分享到:
评论

相关推荐

    require.js插件-text.js使用

    在JavaScript的世界里,模块化开发变得越来越重要,RequireJS作为一款强大的异步模块定义(AMD)框架,极大地促进了这一进程。RequireJS不仅提供了一个管理依赖关系的机制,还支持加载各种资源,包括JavaScript、CSS...

    require.js.rar

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

    require.js最新版2.3.5

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

    Javascript模块化编程(Require.js)

    在实际开发中,Require.js常与其他前端框架如jQuery、AngularJS、Vue.js等配合使用,通过模块化提高项目的可维护性和扩展性。同时,随着ES6的普及,现在更多地使用`import`和`export`语法进行模块导入导出,但...

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

    `require.js`允许我们在浏览器端异步加载JavaScript模块,它通过`require`函数来引入模块,并使用`define`函数定义模块。然而,Node.js使用的是`require`关键字来同步加载模块,这与`require.js`的工作方式不同。...

    require.js文件

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

    require.js的用法详解

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

    require.js学习指南

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

    前端require.js

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

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

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

    require.js build

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

    require+r.js打包

    Require.js是一个流行的AMD(Asynchronous Module Definition)模块加载器,它允许我们在浏览器环境中按需加载JavaScript模块。而r.js是Require.js的一个配套工具,专门用于构建和优化项目,包括合并、打包和压缩JS...

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

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

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

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

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

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

    require.js

    一个管理js文件的加载的开源js库,官网地址http://www.requirejs.org/

    AMD之require.js与CMD之sea.js

    require.js和sea.js分别是AMD和CMD规范的代表性实现。 require.js由James Burke创建,它的主要目标是通过异步加载脚本来优化页面性能,尤其是在处理大量脚本时。require.js的核心功能包括模块定义、依赖管理和动态...

    require.js教程.模块化

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

    一个结合了require.js+backbone的例子,适合初学者

    在IT行业中,JavaScript框架和技术栈的发展日新月异,Require.js和Backbone.js是其中两个重要的组成部分。Require.js是一款优秀的模块化加载库,它引入了AMD(Asynchronous Module Definition)模式,解决了...

    使用require.context完成本地图片批量导入

    将我的博客文章(https://blog.csdn.net/IT_interest/article/details/122973985)中的内容用项目实现出来,功能为:使用webpack中的require.context功能,批量导入本地图片,并且可根据需要支持多格式图片导入。...

Global site tag (gtag.js) - Google Analytics