最近花了一周的时间,复习了HTML、CSS、原生JS,并学习了Node.js、CoffeeScript.js、MongoDB,入了下门。...Rocket.Chat 原生支持 Windows,Mac OS X ,Linux,iOS 和 Android 平台。...准备工作 由于Rocket.chat 使用的是Meteor 框架,而Meteor 框架是对Node.js 的封装,源码中又使用到了CoffeeScript.js,使用的数据库是MongoDB,所以要在Rocket.chat...一般说来到这里,Meteror环境已经安装好了,我们可以先创建一个小工程,测试一下Meteor的环境,以确保Meteor环境正常(因为后面安装Rocket.chat会出现各种错误,导致你怀疑Metor有问题...创建一个小工程的指令,首先进入我们要保存的项目的文件夹,然后依次输入如下三个指令: $ meteor create my_cool_app $ cd my_cool_app $ meteor 这里是终端提示的指令有一点点区别
Getting Started 添加 FlowRouter 到你的app: meteor add kadira:flow-router 让我们写第一个 route (添加文件到 lib/router.js...然后, 当时的 app 准备好后调用 FlowRouter.initialize(). eg:- // file: app.js FlowRouter.wait(); WhenEverYourAppIsReady...他展示了如何构建一个app: Fast Render FlowRouter 支持 Fast Render. meteor add meteorhacks:fast-render 把 router.js...Add-on API 我们还发布了一个 new API 去支持开发者开发插件. 当用户在应用程序中创建一个路由时, 可以得到一个通知....Better Initial Loading Support 在 Meteor 中, 我们要等到渲染之前发送所有到JS和其他资源. 这是一个问题.
创建项目 ~ meteor create --full meteor-pagination Created a new Meteor app in 'meteor-pagination'....To run your new app: cd meteor-pagination meteor If you are new to Meteor, try some of the learning...('render-target') ) }) 在 /imports/ui/layouts 目录下创建一个 index.js 文件,用来编写 Layout 的代码。...default App 在 MainLayout 中,我们引入了两个组件,一个是 Home,一个是 Links,所以我们还要在 /imports/ui/components/ 下创建 Home.js.../api/links/links.js' Meteor.startup(() => { // if the Links collection is empty Links.remove({})
Created a new Meteor app in 'meteor-pagination'....To run your new app: cd meteor-pagination meteor If you are new to Meteor, try some of the learning...('render-target') ) }) 在 /imports/ui/layouts 目录下创建一个 index.js 文件,用来编写 Layout 的代码。...default App 在 MainLayout 中,我们引入了两个组件,一个是 Home,一个是 Links,所以我们还要在 /imports/ui/components/ 下创建 Home.js.../api/links/links.js' Meteor.startup(() => { // if the Links collection is empty Links.remove({})
meteor js的全栈开发框架,官方的解释: Meteor makes it an order of magnitude simpler, and a lot more fun....No longer do you need to provision server resources, or deploy API endpoints in the cloud, or manage...用Meteor可以使应用的构建变得更加轻量、有趣。你可以在一周时间完成app应用。...无需服务器端资源,app的云部署、无需担心数据库管理、orm层争论、亦或在js和ruby之间来回切换、或者是向客户端渲染数据失败问题。...1、创建应用并运行: 安装完成后,进入任意工作目录,执行命令创建应用: meteor create myapp 运行: cd myapp meteor 默认端口为3000,访问: ?
html5-boilerplate 该框架可以快速构建健壮,且适应力强的web app或网站。 Meteor Meteor是新一代的开发即时web应用的开源框架,它能在较短时间内完成开发。...Vue Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。...其中,Amaze UI Touch可以帮助开发者通过丰富的组件,快速构建出与原生APP相媲美的专属移动端的HTML5应用。...MUI 最接近原生App体验的前端框架的框架。 Arale 一个开放、简单、易用的前端基础类库。 JX JX 是模块化的非侵入式Web前端框架,特别适合构建和组织大规模、工业级的Web App。...Web App。 ZUI 开源HTML5前端框架 Clouda Touch.js Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。
Meteor的工作方式更像是手机APP。客户端首次访问 Meteor应用时,会从服务器把需要用到的资源都加载到客户端,如 JS、CSS、字体、图片,并创建一个mini数据库。...Meteor 应用的客户端包含了应用所需的静态资源、业务处理代码、一个简化的数据库。如手机APP 一样,很多操作直接在本地完成,需要执行特定动作和需要数据时才请求服务器端。...Meteor 提供了一套通用JavaScript API,开发者无须深入研究某个特别的前端库,或者某个后端框架,了解基础的JavaScript 就足以起步了。...运算密集型应用 Meteor是基于Node.js的,Node.js本质上是单线程处理模式,不能很好地利用多处理器,所以 Meteor不能提供很强的计算能力。...在社区方面,尽管Node.js的社区已经非常成熟,对大家帮助很大,但它还是没法和老牌语言的社区相比,如PHP、Java。
Node.js 的主要特性: 非阻塞:Node.js 库的所有API都是异步的,即非阻塞的。这意味着基于 Node.js 的服务器永远不会等待 API 返回数据。...服务器在调用它之后移动到下一个 API,并且事件的通知机制帮助服务器从先前的 API 调用获得响应。 单线程:Node.js 使用带有事件循环的单线程模型。...Meteor 的主要特性: 全栈:Meteor 为开发和部署 Web 应用提供了全栈解决方案。 Meteor 捆绑了几个内置功能,如反应式模板、自动 CSS 等。...Polymer.js 提供了创建自定义 HTML 元素的最简单方法,因为它的库是基于 Web 标准 API 构建的。 10....不要忘记,Aurelia 是唯一允许开发人员使用原生 TypeScript 或 JavaScript 构建组件的框架。
创建你的Ðapp 如果还没有安装Meteor: $ curl https://install.meteor.com/ | SH 然后创建一个app: $ meteor create myDapp $...public:一个名为public的文件夹包含meteor资源将在你的网络服务器的根目录上提供(或以后绑定的Ðapp)。 还有一些更具体的文件夹,如server,tests,packages等。...如果你想了解它们,请查看Meteor 因此,为了构建Ðapp,我们理想状况下是在myDapp文件夹中创建以下文件夹结构: - myDapp - client - lib -...myDapp.html - myDapp.js - myDapp.css - public 注意社区还提供了像Nick Dodson这样的Meteor Ðapp Boilerplates...理想情况下,我们在lib文件夹中创建一个名为init.js的文件,并添加以下行: if(typeof web3 === 'undefined') web3 = new Web3(new Web3
它与 Node.js 及 MongoDB 集成良好,支持实时数据更新,自动化开发流程,开发体验极为顺畅。 显著特性 实时数据更新 Meteor 最大的特点是内置的实时数据同步机制。...全栈开发统一化 Meteor 提供了一个完整的开发栈,前端使用 React、Vue 或 Blaze,后端使用 Node.js,数据库层默认支持 MongoDB。...使用方式 安装 npm install -g meteormeteor create my-app 初始化项目 使用 import { Meteor } from 'meteor/meteor'; import...开发者可以选择使用 React、Vue 或原生的 Blaze 作为前端框架,与 MongoDB 进行数据交互时,也可以使用 Meteor 提供的方便的 Minimongo 客户端数据库。...总结 Meteor 作为全栈 JavaScript 框架,凭借其简洁的 API、强大的实时功能和统一的开发体验,成为了众多开发者构建应用的理想选择。
3.Meteor.js JavaScript被用作是客户端浏览器的通用脚本语言。在后端也可以使用它来节省时间,并且构建专业化是Meteor.js背后的主要思想之一。...此外,Meteor特别适合于那些想要构建实时web app的开发人员。所有从数据库到模板的app层都会自动更新。这是它的工作原理—— ? 因此,用户不需要刷新页面以查看更新。...4.Node.JS Node.js的主要思想是使用非阻塞、事件驱动I / O来保持在面对运行在分布式设备上的数据密集型实时app的轻量级和高效率。...5.EmberJS 一些令人惊讶的框架,如Ember.js,允许你轻松地以更快的速度开发web应用程序。 Ember.js因为很多原因成为了许多开发人员的首选。...其中有一个原因是Ember.js的路由允许你停止阻塞web。使用Ember,你可以获得URL和具备由你创建的每个路径的默认后退按钮,并且API易于使用。
「什么时候使用 Hapi.js:」 Hapi.js 是开发安全、实时、可扩展和社交媒体应用的理想选择。大多数移动应用开发者都喜欢用 Hapi.js 来创建代理和 API 服务器。...架构,但需要开发者做一些额外工作 开箱支持 NoSQL 数据库 「什么时候使用 Express.js:」 Express.js 是快速创建 Web 应用程序和服务的理想选择,因为它有现成的 API 生成工具...Koa.js 是一个开源的 Node web 框架,由 Express.js 原班人马创建。通过 Koa,他们的目标是为 Web 应用和 API 创建一个更小、更有价值、更强大的平台。...Meteor.js:」 Meteor.js 具有快速原型设计的能力,并能生成跨平台(Android、iOS、Web)的代码。...因此,Meteor.js 应该被任何希望以最少的学习曲线为多个平台创建应用程序的初级或中级开发人员使用。
JS 来操作原生组件。...meteor/meteor 前几年火过一阵,号称要统一前后端,然而我从来没搞明白到底是干啥的,如今热度已经大减了。HN 上甚至直接有人问 Is meteor.js dead?...create-react-app 用来构造 react app 的辅助工具。...API。...官方 API 的推出基本上意味着第三方工具已经失去意义了。比如说 Phantom.js 直接宣布停止维护了。 atom GitHub 推出的一个代码编辑器。
现在,让我们让我们使用Meteor命令行工具meteor创建并启动第一个Meteor应用吧。 1....创建应用 —— meteor create [project] 在终端中输入meteor create test,然后按回车: ~$ meteor create test 这个命令将在当前目录下创建一个子文件夹...App running at: http://localhost:3000/ 恭喜!我们的第一个Meteor应用已经运行起来了!...reset Meteor应用运行时会生成打包文件、创建应用数据库。...Meteor提供了一组更加清晰的API来实现这个判断: Meteor.isClient - 为真时,表示当前运行环境为前端 Meteor.isServer - 为真时,表示当前运行环境为后端
其二,即使他们现在可以对Javascript的逻辑进行测试,但比较好的切入条件是对DOM的隔离,所以,如果业务使用的是View与Model的框架如Angular的话,测试是比较友好的。...最后造就的成果是,不仅Java, C++可以放弃业务逻辑,更专注于数据处理的基础服务,而且Node.js能更专注于业务逻辑,挺供API服务给浏览器端的代码进行调用。...用Node.js作为接入层,让前端涉足"后台"的业务成为可能,而且能提高开发效率,还能更方便地使用最新Web技术,如Big Pipe, WebSocket等对页面进行优化。...目前比较流行的方案就是前端SPA(单页应用)技术结合后台的API服务,他们的桥梁是诞生刚满10年的Ajax。 未来,这种趋势会得到强化,而且web的体验会越来越贴近应用。.../alloykit-qq-hybrid-app-optimizing-ideas),使HybridApp体验更为完美。
Express 框架提供了对 node.js 原生 API 的比较好的封装,从而使开发者更加容易地使用node.js。...Sail.js 是由 Mike McNeil 创建的,现在由 Treeline and balderdash 提供支持。Sail.js 在 MIT 协议下开源。 3....Meteor Meteor 框架是 Node.js 上最出色的全栈框架。项目在 GitHub 上有 28K+ 的赞,拥有大量的自定义包,庞大的社区支持,非常好的教程和文档。...整个框架使用统一的 API,Meteor API 同时适用于客户端和服务器端。 它使用的 DDP 协议可以让你在后端连接简单的数据库服务、企业数据仓库、甚至 IOT 传感器。...可以用于创建任意大小和复杂度的应用。 使用 Mean,开发者可以避免经历混合和匹配不同的技术栈。
JS 来操作原生组件。...meteor/meteor 前几年火过一阵,号称要统一前后端,然而我从来没搞明白到底是干啥的,如今热度已经大减了。HN 上甚至直接有人问 Is meteor.js dead?...create-react-app 用来构造 react app 的辅助工具。 d3.js 前端数据可视化组件。...API。...官方 API 的推出基本上意味着第三方工具已经失去意义了。比如说 Phantom.js 直接宣 布停止维护了。 atom GitHub 推出的一个代码编辑器。
简单来讲,Meteor基于Node来开发实时应用,复用前后端JS代码。...Why 从 client 到 server, 从 package 到 数据库 api,全部都是JS 跨端 实时渲染 安装 OS X or Linux 平台 curl https://install.meteor.com...使用 使用 meteor create 新建项目,进入项目目录, 执行 meteor 命令,运行,即可在浏览器查看。 ? ? 应用文件结构 ? /server 文件夹中的代码只会在服务器端运行。...这里已经启动了一个mongod的服务,可以执行 meteor mongo 进入mongo shell,然后敲各种熟悉的命令进行db操作。...包,只需要 meteor add xxx 终端调试,可以用meteor指令将app安装到模拟器中运行 与angular和react无缝对接 终有一天,前端将抛弃CGI、后台,开发出一款属于自己的APP。
领取专属 10元无门槛券
手把手带您无忧上云