首页
学习
活动
专区
圈层
工具
发布

FlowRouter 中文文档

建议结合源文档查看翻译) 为Meteor精心设计的客户端Router FlowRouter 是 Meteor 一个非常简单的路由器.它为客户端程序routing,不处理渲染本身....它为改变URL和获取数据获取提供了一个良好的API. 然而, 在router内部, 这不是reactive....因此, 你可以使用你喜欢的 FlowRouter package. 如果不是, 有一个叫 easy process 的包可以将它们转换为 FlowRouter....但是 subscriptions 运行在服务的支持 Fast Render. Reason behind that Meteor 不是一个从服务器直接发送 HTML 到客户端的传统开发框架....Meteor 最初需要发送一个特殊的 HTML 到客户端. 因此, 你不能直接向客户端发送一些东西. 此外, 相比于客户端, 在服务器端我们需要寻找一些不同的东西.

8.8K40

如何使用Meteor开发以太坊Dapp 原

常问问题 Meteor不是一个完整的堆栈框架,它是如何适应Ðapp开发的 是的,Meteor是一个完整的堆栈框架,它的主要改进是实时Web应用程序,但Meteor也是第一个框架(我知道),它完全支持了单页...你可以使用meteor-build-client将所有前端代码作为单个index.html,使用一个js和css文件加载你的资源。...不,使用meteor-build-client,你可以在没有服务器的情况下运行Ðapp的所有静态资源,但是如果你使用像iron或flow-router这样的路由器 ,则需要使用hash(index.html.../mypath)路由而不是干净的HTML5 pushstate路由。...大多数这些功能都是响应式的,因此它们应该使构建界面变得轻而易举。 用法示例 如果你看看myDapp.html你会发现hello模板。只需在..

2.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Meteor Iron.Router 环境下微信 jssdk 报错 config:invalid signature

    普通情况下如果你没有使用 jssdk 去配置你分享的 Title 等信息,微信会将分享出来的 Title 设置为你网页的 Title 内容,将 Description 设置为网站的 Url,而图片则取文章中第一幅图片...在 Meteor 环境下使用微信的 jssdk 让我遇到了一个非常头大的问题,在微信 wx.config 初始化函数中配置 signature 的时候,一直提示 config:invalid signature...这个问题就出现在了 Iron.Router 所分配的路由上。...包名叫 Iron.Location,GitHub 地址:https://github.com/iron-meteor/iron-location,这个包中有一个属性是 host,如果是上文中提到的根据文章...因为对浏览器和 JavaScript 不是非常了解。我无法解释更多信息,只能给大家先提出解决办法。希望后面使用 Meteor 开发微信公共号的人可以避免这个问题。并从中找出更多可靠的解决方案。

    29510

    Meteor的工作原理及优势与不足

    如果使用 HTTP,则只能是客户端请求服务器获取数据,服务器端无法主动向客户端发送数据,而 DDP 的双向机制使数据传输更加主动、灵活。 DDP 使用 JSON 格式封装数据。...弱势 虽然使用 Meteor可以开发很多类型的应用,但在有些情况下,还是建议选择其他的开发平台。毕竟 Meteor不是全能的,有其自身的弱项,在以下一些方面存在不足。...客户端发送请求给服务器,服务器返回静态化HTML内容,这个场景更适合使用传统Web 平台—可以充分利用服务器的静态内容缓存—用户请求一个新闻页面,服务器端从缓存获取静态化文件,直接返回给用户,速度非常快...对于这些质疑,如何回应本身没那么重要,最关键的是我们面对这些质疑的心态。因为质疑是源自他人的自身感受,并不是非常客观的定论。这就需要我们有正确的思维角度,而不是简单否定或肯定。...Meteor 自身机制导致的, 还是由于使用者对Meteor 不够熟悉而没有找到好的解决办法。

    3.3K20

    10个最受欢迎的 JavaScript 框架,以及它们的主要特征和功能

    JSX:React 使用了 JSX,这是一个使用 HTML 引用的简单 JavaScript,而不是用于模板的 JavaScript。...组件:在React中,所有内容都被视为组件,因此你可以轻松导入 React 支持的组件,而不是编码或构建整个功能,你可以方便的导入并使用它。 3....这意味着基于 Node.js 的服务器永远不会等待 API 返回数据。服务器在调用它之后移动到下一个 API,并且事件的通知机制帮助服务器从先前的 API 调用获得响应。...单线程:Node.js 使用带有事件循环的单线程模型。事件机制可帮助服务器以非阻塞方式响应,从而使服务器具有高度可伸缩性,而传统服务器则创建有限的线程来处理请求。...Ember 有关于其结构的最佳实践,这意味着开发人员可以更专注于实现业务,而不是通过繁琐的代码重新发明轮子。有更多的成果,而不是蓝图。 8.

    5K10

    Meteor平台下网站开发只需数小时?

    DDP请求 然后客户端代码继续运行,因为它不需要等待服务器回复,与此同时,服务器在后台更新,如果服务器操作失败,那么客户端js代码会依据从服务器新返回的数据立即进行调整,这种调整称为延迟补偿 Meteor...(1)Meteor是一个开发平台,而不是一个框架 例如你要使用LAMP开发一个网站,首先需要在服务器上搭建apache\php\mysql的环境,然后选择一个php开发框架进行安装,配置好数据库连接信息...JavaScript 进行开发 例如使用LAMP开发,常见的代码流程:js ajax 调用php,php调用mysql,封装json数据返回给客户端进行处理 Meteor用js开发,MongoDB的接口是...(4)自动编译(CoffeeScript、LESS、Stylus)、压缩合并、分发应用所包含的客户端 JavaScript、运行在于服务器端 Node.js 容器中的 JavaScript 以及 HTML...、CSS 和其他静态文件 (5)Meteor的核心API提供了很多及其便利的服务 例如用户系统,只需要运行一个命令加载用户系统模块,然后在页面中添加一行代码嵌入用户系统,那么你的网站就支持用户注册和登陆了

    2K40

    八个 Web Components 前端框架,一定有一个你用得上

    开发人员体验也得到了调整,并带有实时重新加载和嵌入编译器的小型开发服务器。...专注于帮助开发者更好的编写原生web组件,而不依赖于其他框架,但是也提供了良好的拓展性,开发者可以自由拓展。...、HTML 内容,或在模板上下文之外使用消息 复杂状态管理,store 模块提供基于声明式模型定义的全局状态管理,内置对异步外部存储、关系、离线缓存等的支持 结构化客户端路由,路由器模块为客户端应用程序提供了一个全局导航系统...在没有原生自定义元素 API 的情况下,X-Tag 使用 Google 的 Polymer 框架所依赖的相同的 polyfill 。...LitElement 使用lit-html渲染到元素的Shadow DOM 中,并添加 API 来帮助管理元素属性和特性。LitElement 对属性的变化做出反应。

    1.5K10

    10 个最适合 Web 和 APP 开发的 NodeJS 框架

    而另一方面,像 Mean.io,Meteor, Derby 和 Mojito,有自己的标准结构和技术体系,灵活性较差。然而这些框架不会给开发者太多做错误决策的空间。...至少通过使用 Node Express,你可以实现中间件来响应 http 请求,可以定义路由表来定义对不同请求的响应函数,还可以使用模板引擎来输出 html 页面。...整个框架使用统一的 API,Meteor API 同时适用于客户端和服务器端。 它使用的 DDP 协议可以让你在后端连接简单的数据库服务、企业数据仓库、甚至 IOT 传感器。...Mojito 同样是一个 MVC 应用框架,非常适合于创建使用 HTML5,JavaScript 和 CSS3 的高性能的网络和手机应用。...使用 node 框架的最大优势是提供了高层级结构的盒子,你可以关注扩展您的应用程序而不是努力在建设上支出。

    3.7K20

    2021 年最值得使用的 Node.js 框架

    「什么时候使用 Hapi.js:」 Hapi.js 是开发安全、实时、可扩展和社交媒体应用的理想选择。大多数移动应用开发者都喜欢用 Hapi.js 来创建代理和 API 服务器。...Express.js 是一个灵活而简约的 Node.js 应用框架。这个插件并不是围绕着特定的组件构建的,因此它并不限制你使用什么技术。这就给了开发者尝试的自由。...Nest.js 是一个服务器端应用框架,它是为了解放开发者的生产力,让他们的生活变得更轻松而打造的。开发者通常为了更好地组织和管理代码而使用这个 Node.js 框架。...有一个内置的错误捕捉器,防止网站崩溃。 使用 context 对象,该对象同时拥有请求和响应对象。 「什么时候使用 Koa.js:」 Koa.js 最适合用于创建服务器、路由、处理响应和处理错误。...JavaScript 运行在 Web 浏览器内部;然后 JavaScript 运行在 Node.js 容器内的 Meteor 服务器上,支持 HTML 片段、静态资源和 CSS 规则。

    7.2K30

    2022 年十大 JavaScript 框架

    jQuery 通过一个可用于多种浏览器的易于使用的 API,使你可以更容易地完成 HTML 文档中的事件处理、遍历、动画、操作和 AJAX 调用。...它允许你使用 HTML 作为模板语言,并扩展其语法明确定义应用程序的组件。...MVC 架构、数据绑定、依赖注入、模板、组件、组件路由器、HTML 编译器、测试和 DOM 控制结构这些特性使得 Angular.js 排在 JavaScript 框架排行榜的顶部。...Svelte 的独特之处在于,它首先是一个编译器,而不是一个基于组件的 UI 框架。 Svelte 提供的一些特征是:服务器渲染、文件网络路由、代码分割、反应式、非虚拟 DOM,以及更少的代码。...Meteor Meteor.js 是一个开源、免费同构 (seamlessly rendered 在服务器和客户端 JavaScript 框架。

    3.4K20

    客户端 Meteor.call 等待服务端异步函数返回

    在 Meteor 项目中,经常会有客户端使用 Meteor.call 方法去调用服务端的一个方法,并等待该方法返回。...error) { console.log(“result :”, result); }; }); 上面的例子中,我们在客户端使用 Meteor.call 方法调用了一个服务端的函数,等待服务端的异步函数...http.post 返回内容,但你会发现结果并不是那么理想,客户端在打印 result 的时候结果是 undefined。...这是因为服务端 http.get 和 http.post 都使用了异步回调的方式取得返回值,实际这两个函数在调用时立即就返回了。...而客户端也是立即就接收到了服务器的返回,并没有真正等到 http.get 和 http.post 执行完毕。 我开始天真的认为,只要在客户端使用同步方法调用 Meteor.call 不就可以了吗?

    52610

    Meteor:快到飞起来的全栈JavaScript开发平台

    虽然Meteor是一个很年轻的项目,但因其开发速度快而闻名,受到大量开发者的喜爱,GitHub上的star数量已达惊人的33000+,与Linux之父Torvalds创建的Linux Kernel项目相当...全栈使用 JS 整个开发过程都使用一个语言必然会降低技术复杂度,而且 JS 的普及度很高, 做Web 开发的技术人员对JS 都比较熟悉。 而传统网站开发过程中通常会用到多种语言。...例如数据库操作对象,在客户端操作的是 miniMongo,在服务器端操作的是真实的 MongoDB,但使用的代码就是一套, 开发者也不用关心这个代码是用在客户端还是在服务器端。 3....响应式 响应式这个功能可以减少非常多的代码,例如,大大减少DOM更新操作。如果没有响应式,就需要自己操作DOM。...在传统Web开发中,例如新数据通过 Ajax 发送给服务器端,服务器端真实写入数据库后返回结果信息,在Ajax 的回调方法中再反馈给用户,用户会明显感知到这个过程的延时;而在 Meteor中,由于 miniMongo

    2.6K10

    Meteor 分页包 alethes:pages 详解

    仅 subscribe 当前页需要的数据,并不是一次性 sub 所有数据 本地缓存,获取过的数据本地存储,避免返回时重新获取 在加载当前页过程中,预取下一页的数据,确保下一页的时候无缝过度 多个集合产生一个分页数据...支持 bootstrap 2/3 的分页导航模版 支持 iron-router 包 页面无限滚动加载特效 安装 meteor add alethes:pages 官网 atomsphere - https.../ 滚动加载效果 - http://pages3.meteor.com/ 使用 要使用这个包的功能非常简单,首先用你要实现分页的 collection 生成一个 PlayersPages 分页对象。...this.PlayersPages = new Meteor.Pagination(Players, { // 指定需要分页所使用的模版 templateName: "playersTemplate...div 当作 body 来用,滚动的时候实际时 div 的滚动条在滚动,而 body 的滚动条一直在 0 的位置,所以无论你看到的 div 的滚动条滚动到了哪里,下一组数据都不会继续加载。

    43220

    Meatier — 内容丰富的类Meteor框架

    Meteor非常出色,它开辟了实时Web开发的新时代!但是三年过去了,它也上了年纪。Meatier这个项目旨在实现同Meteor完全一样的功能,但并不采用单一而庞大的结构。...下面是我对Meteor的主要抱怨: 基于Node 0.10,并且在近期不会改变 构建系统不支持代码分离(事实上完全相反,打包整个应用) 全局变量(并没有名称空间) 太依赖websockets(并不是每个页面都需要它...内置响应性,你也可以使用任何你想用的数据库 数据库模式 Simple Schema GraphQL 时髦的 webapp 都得有 GraphQL!...客户端验证 Simple Schema Joi 清晰的API,尽管这个包挺大 数据库钩子 Collections2 GraphQL GraphQL 对于小应用来说太重了 (但是内容丰富) 表单 AutoForm...Blaze React 虚拟DOM,服务端渲染,异步路由等等 构建系统 meteor webpack Meteor中Webpack的使用非常有限 CSS 魔术般地打包和提供 css-modules 组件范围的

    1.1K90

    Express-Request请求和Response响应

    viewString是页面文件,用于渲染的文件路径localsObject否属性定义页面的局部变量callbackfunction否回调函数,返回可能的错误和呈现的字符串,但不执行自动响应,发生错误是该方法在...(/iwhao/, function(req, res, next) { res.send(Buffer('我是213131313'));});在Postman 中查看请求,会发现返回的响应头中...([1,2,3,4,5]);res.send({name:'iron man'});Response.json() 返回JSON格式的数据除了之前使用模板返回html页面之外,返回json格式的数据也是目前最为流行的...,也可以叫做 api接口,尤其是在前后端分离的开发模式下,更为用途广泛,所有学习怎样返回json 数据也很重要res.json({ name:'iron man', title:'无敌'})...)res.status(403).end()使用res.status 后一定要写 end() 或者send和json方法当结尾,因为status 只是设置状态,并没有返回结果Response.redirect

    44530

    这是前端最好的时代——论前端的“三化”建设

    但如果使用到的是web component这种将Javascript, CSS和HTML模块化地放在一起的元素,则比较麻烦。...赫门的Flipper只管将代码转成标准化Web Component,而Ques组件方案不仅在开发过程中可以用标准化Web Component,而且建基于构建,开发的过程中就已经可以将HTML, CSS...它的特色是,可以在客户端直接定制想要订阅的数据格式,服务器根据请求对订阅者进行推送。Meteor的另一个特色是使用了WebSocket技术。...也正因为Meteor使用WebSocket这个HTML5新特性,Meteor将DDP亲切地称为WebSocket的REST。 ?...这种方案跟Meteor相比其实有异曲同工之妙。在通信结构方案,这种方案遵循上图,React负责UI状态,Relay负责客户端数据状态,而GraphQL则负责服务器数据状态。

    1.5K70

    不可错过的Node.js框架

    6、事件循环:Node.js使用事件循环来代替可伸缩性,而不是进程或线程。服务器在回调定义结束时自动进入事件循环。 7、社区:Node.js背后有一个强大的,多样化的,活跃的和快速扩张的社区支持。...Actionhero 这是一个用于Node.js的快速,轻量级和多重传输的API服务器,非常适合用于创建一个易于使用的工具包来制作可重用和可扩展的API。...actionHero.js提供创建易用的,可重用可伸缩的API工具包。客户端连接到actionHero.js服务器就可以使用APIs,使用静态内容和相互沟通。...Github stars: 7,817 Github contributors: 80 Restify 这是一个为REST API而创建的轻量级框架,它是一个通过API提供数据的服务器端框架。...Meteor Meteor是用于构建实时web应用程序的模型视图控制器(MVC)框架,其与服务器不断同步。它是内置的一套预编写自包含模块,支持应用程序代码编写。

    3.7K110

    【19】进大厂必须掌握的面试题-50个React面试

    React的功能是什么? React的主要功能如下: 它使用虚拟DOM而不是真实DOM。 它使用服务器端渲染。 它遵循单向数据流或数据绑定。 4.列出React的一些主要优点。...React的一些主要优点是: 它提高了应用程序的性能 它可以方便地在客户端和服务器端使用 由于有了JSX,代码的可读性提高了 React易于与其他框架(如Meteor,Angular...下面列出了React的局限性: React只是一个库,而不是一个成熟的框架 它的图书馆很大,需要花费一些时间来理解 对于新手程序员而言,理解起来可能有点困难 由于使用内联模板和JSX...但是在语法上存在一些差异,例如: 事件使用驼峰式大小写而不是仅使用小写字母命名。 事件是作为函数而不是字符串传递的。 事件参数包含一组特定于事件的属性。...这些键必须是唯一的数字或字符串,React只能使用这些数字或字符串对元素进行重新排序,而不是重新渲染它们。这导致应用程序性能的提高。 React Redux – React面试问题 34.

    13.6K30

    Meteor——不一般的全栈开发平台!

    它不是一个标准的HTML文件:没有html顶层标签,奇怪的符号{{> hello}}… 不过,在Metoer中这样的文件却是合法的文件 —— 模板文件。...(比如,NodeJS有global,而 浏览器有window)。...Meteor提供了一组更加清晰的API来实现这个判断: Meteor.isClient - 为真时,表示当前运行环境为前端 Meteor.isServer - 为真时,表示当前运行环境为后端...在hello模板中,{{counter}}模板标签中的标识符couter的值,将由对应模板实例 对象的counter函数返回值决定,这个函数被称为模板的helper函数,使用模板实例的 helpers(...而通过模板实例对象的events方法,则为模板中的button元素挂接了click事件监听处理 函数。

    1.5K20

    前端工程师需要掌握哪些知识?

    前端Web框架 熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后,学习Web框架可以加快Web开发速度,节约时间。...html5-boilerplate 该框架可以快速构建健壮,且适应力强的web app或网站。 Meteor Meteor是新一代的开发即时web应用的开源框架,它能在较短时间内完成开发。...此外,Materialize还改进动画和过渡,为开发人员提供流畅的体验。 Pure 几乎可以在每一个web项目中使用的一组小的和响应式的CSS模块。...Vue Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。...ZUI 开源HTML5前端框架 Clouda Touch.js Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。

    1.1K20
    领券