📝 Meteor教程
31篇技术文档📅  最后修改于: 2020-12-08 05:17:49        🧑  作者: Mango
Meteor是用于构建Web和移动应用程序的全栈JavaScript平台。 Meteor使得创建实时应用程序变得更加容易,因为Meteor本身就提供了一个完整的生态系统来工作,而不是将几个不同的工具和框架组合在一起以获得相同的效果。本教程对于任何想学习Meteor框架的JavaScript开发人员都非常有用。通过简单易懂的代码示例以清晰的方式说明了本教程。初学者将从本教程中受益最大。读者在使用Me...
📅  最后修改于: 2020-12-08 05:18:12        🧑  作者: Mango
根据流星官方文件-Meteor是用于开发现代Web和移动应用程序的全栈JavaScript平台。 Meteor包括用于构建连接的客户端反应性应用程序的一组关键技术,一个构建工具以及Node.js和常规JavaScript社区精选的一组软件包。特征Web和移动-Meteor提供了一个用于开发Web,Android和IOS应用程序的平台。Universal Apps-适用于Web浏览器和移动设备的相同...
📅  最后修改于: 2020-12-08 05:18:34        🧑  作者: Mango
在本章中,我们将学习如何在Windows操作系统上安装Meteor。在开始使用Meteor之前,我们将需要NodeJS。如果尚未安装,则可以查看下面提供的链接。先决条件NodeJS是流星开发所需的平台。如果您尚未准备好NodeJS环境设置,则可以查看我们的NodeJS环境设置。安装流星从此页面下载官方的流星安装程序如果在安装过程中发生任何错误,请尝试以管理员身份运行安装程序。安装完成后,将要求您创...
📅  最后修改于: 2020-12-08 05:18:52        🧑  作者: Mango
在本章中,我们将学习如何创建您的第一个Meteor应用程序。第1步-创建应用要创建该应用程序,我们将在命令提示符窗口中运行meteor create命令。应用程序名称为meteorApp。第2步-运行应用我们可以通过键入meteor命令来运行该应用程序。该命令将启动几个过程,如下图所示。第3步-验证结果现在,我们可以打开http:// localhost:3000 /地址,以查看第一个Meteor...
📅  最后修改于: 2020-12-08 05:19:24        🧑  作者: Mango
流星模板正在使用三个顶级标签。前两个是头部和身体。这些标记执行与常规HTML相同的功能。第三个标签是template。这是我们将HTML连接到JavaScript的地方。简单模板以下示例显示了它是如何工作的。我们正在创建一个名称=“ myParagraph”属性的模板。我们的模板标签是在body元素下方创建的,但是,我们需要先将其包括在屏幕上。我们可以使用{{> myParagraph}}语法来做...
📅  最后修改于: 2020-12-08 05:19:57        🧑  作者: Mango
在本章中,我们将学习如何使用MongoDB集合。创建收藏我们可以使用以下代码创建一个新集合-meteorApp.js新增资料创建集合后,我们可以使用insert方法添加数据。meteorApp.js查找数据我们可以使用find方法在集合中搜索数据。meteorApp.js控制台将显示我们之前插入的数据。通过添加搜索参数,我们可以获得相同的结果。meteorApp.js更新资料下一步是更新我们的数据...
📅  最后修改于: 2020-12-08 05:20:36        🧑  作者: Mango
在本章中,我们将学习如何使用流星表单。文字输入首先,我们将创建一个带有文本输入字段和一个提交按钮的表单元素。meteorApp.html在一个JavaScript文件中,我们将创建Submit事件。我们需要防止默认事件行为来阻止浏览器刷新。接下来,我们将获取输入字段的内容,并将其分配给textValue变量。在以下示例中,我们将仅将该内容记录到开发人员控制台。最后,我们需要清除输入字段。meteo...
📅  最后修改于: 2020-12-08 05:21:05        🧑  作者: Mango
在本章中,我们将学习如何将标签,类和ID用作事件选择器。处理事件非常简单。让我们在HTML模板中创建三个元素。第一个是p,第二个是myClass类,最后一个是myIdid。meteorApp.html在我们的JavaScript文件中,我们为上面创建的三个元素设置了三个事件。您可以看到我们在click事件之后添加了p,.myClass和#myId。这些是我们上面提到的选择器。meteorApp.j...
📅  最后修改于: 2020-12-08 05:21:24        🧑  作者: Mango
会话用于在用户使用应用程序时保存数据。用户离开应用程序后,该数据将被删除。在本章中,我们将学习如何设置会话对象,存储一些数据并返回该数据。我们将使用基本的HTML设置。meteorApp.html现在,我们将使用Session.set()方法将myData存储在本地。设置方法后,我们可以使用Session.get()方法将其返回。meteorApp.js如果检查控制台,我们将看到已存储的数据已记录...
📅  最后修改于: 2020-12-08 05:21:44        🧑  作者: Mango
Tracker是一个小型库,用于在Session变量更改后自动更新模板。在本章中,我们将学习跟踪器的工作原理。首先,我们将创建一个用于更新会话的按钮。meteorApp.html接下来,我们将设置起始会话值myData并创建一个mySession对象。Tracker.autorun方法用于关注mySession。每当此对象更改时,模板都会自动更新。为了测试它,我们将设置一个click事件进行更新。...
📅  最后修改于: 2020-12-08 05:22:11        🧑  作者: Mango
Meteor提供了数千个社区软件包,您可以在开发应用程序时使用它们。添加包裹您可以在此处检查官方的Meteor软件包服务器。只需搜索所需的软件包,然后将其添加到命令提示符窗口中即可。例如,如果您想将http包添加到您的应用中,则可以通过运行以下代码来做到这一点-移除包裹类似的原理可以用来删除包裹-更新包您可以运行以下代码更新软件包-检查当前包装您还可以检查当前应用程序正在使用哪些软件包。包装维护如...
📅  最后修改于: 2020-12-08 05:22:30        🧑  作者: Mango
如果要限制代码仅在服务器或客户端上运行,则可以使用以下代码-meteorApp.js您可以限制代码仅在应用程序使用Cordova捆绑包时运行。一些插件需要等待服务器和DOM准备就绪。您可以使用以下代码等待一切开始。下表列出了其他一些核心API方法。Sr.No.Method & Details1Meteor.wrapAsync(function)Used for wrapping asynchron...
📅  最后修改于: 2020-12-08 05:22:53        🧑  作者: Mango
check方法用于确定参数或类型是否与模式匹配。安装检查包打开命令提示符窗口并安装软件包。使用检查在下面的示例中,我们要检查myValue是否为字符串。既然如此,该应用程序将继续运行而不会出现任何错误。meteorApp.js在此示例中,myValue不是字符串而是数字,因此控制台将记录错误。meteorApp.js比赛测试Match.test与check类似,区别在于测试失败而不是控制台错误时,...
📅  最后修改于: 2020-12-08 05:23:24        🧑  作者: Mango
Blaze是用于构建实时反应模板的Meteor软件包。渲染方法此方法用于将模板呈现到DOM中。首先,我们将创建将要渲染的myNewTemplate。我们还将添加myContainer,它将用作父元素,因此render方法知道在哪里渲染模板。meteorApp.html接下来,我们将创建一个带有两个参数的render函数。第一个是将要呈现的模板,第二个是我们上面提到的父元素。meteorApp.js...
📅  最后修改于: 2020-12-08 05:23:45        🧑  作者: Mango
流星提供了自己的setTimeout和setInterval方法。这些方法用于确保所有全局变量都具有正确的值。它们的工作方式类似于常规JavaScriptsetTimout和setInterval。超时这是Meteor.setTimeout示例。我们可以在控制台中看到,一旦应用启动,就会调用超时函数。间隔以下示例显示如何设置和清除间隔。meteorApp.html我们将设置初始计数器变量,该变量将...