那么如果网络出现问题，或者后台数据库操作时出现问题时，数据没有同步成功怎么办？ 当客户端发现没有同步成功后，会通知用户出现了问题，页面执行相应的错误处理逻辑。...{{ counter }} 通过函数关联了 val 变量，按钮单击事件的处理函数中修改了变量 val 的值，并没有更新页面中的内容，但{{ counter }} 自动更新了，这就是响应式。...如果使用 HTTP，则只能是客户端请求服务器获取数据，服务器端无法主动向客户端发送数据，而 DDP 的双向机制使数据传输更加主动、灵活。 DDP 使用 JSON 格式封装数据。...SQL 如果你的项目一定要使用SQL数据库，那么目前Meteor还无法满足此需求。 现在Meteor官方支持的数据库只有MongoDB。...初次加载时间 如果对于加载时间有较高要求，就不适合使用Meteor。因为Meteor 初次加载慢、后期访问快，初始访问时会相对耗时，需要加载很多静态资源。 3 .
事实上 Meteor 提供了两个MongoDB数据库：客户端缓存数据库、服务器端MongoDB数据库 当用户更改一些数据时，在浏览器中运行的js代码会更新本地MongoDB中的数据，然后向服务器发出一个...DDP请求 然后客户端代码继续运行，因为它不需要等待服务器回复，与此同时，服务器在后台更新，如果服务器操作失败，那么客户端js代码会依据从服务器新返回的数据立即进行调整，这种调整称为延迟补偿 Meteor...，启动apache和mysql，这时就可以访问页面了 使用Meteor的话，只需要一个命令来安装Meteor，然后启动，这时，web服务器、MongoDB 就已经就绪，可以直接访问了 （2）前后端统一使用...js的，并且MongoDB的文档结构就是json，所以就可以直接使用js操作数据库，得到的就是json结构数据，js直接在页面处理数据 （3）开发模式下，编辑更改代码后自动刷新浏览器，方便开发者查看运行效果...的核心API提供了很多及其便利的服务 例如用户系统，只需要运行一个命令加载用户系统模块，然后在页面中添加一行代码嵌入用户系统，那么你的网站就支持用户注册和登陆了，Meteor帮你自动实现了从页面到数据库的代码
如果数据必须向另一个方向流动，则需要其他功能支持。 组件：在React中，所有内容都被视为组件，因此你可以轻松导入 React 支持的组件，而不是编码或构建整个功能，你可以方便的导入并使用它。 3....AJAX支持：简而言之，AJAX（异步 JavaScript 和 XML）是关于在后台加载数据并将其显示在网页上，而无需重新加载整个页面的技术。 jQuery 为 AJAX 功能提供了好几种方法。...如果 API 设计正确，则 backbone 可以直接通过访问这些操作来进行读取、写入和删除操作。 6....Ember cli：Ember 和 Ember-CLI 完全是两个不同的东西，但如果没有另一个则两者都不完整。 Ember-CLI 是一个命令行实用程序，它与 Ember 框架的软件栈一起提供。...实时网络应用：Meteor 是构建实时程序的完美解决方案。从数据库到模板所有的层都会自动更新。这意味着无需刷新页面即可查看更新。对文档的任何修改都会立即保存。
注意：以下内容多是对官方包的一种简述和翻译，如果需要更详细的内容可以参考官方地址。 特性 官网上介绍了很多它的特性，由于我的英文不是很好，我只能翻译我们大家非常关注的点。...仅 subscribe 当前页需要的数据，并不是一次性 sub 所有数据 本地缓存，获取过的数据本地存储，避免返回时重新获取 在加载当前页过程中，预取下一页的数据，确保下一页的时候无缝过度 多个集合产生一个分页数据...支持 bootstrap 2/3 的分页导航模版 支持 iron-router 包 页面无限滚动加载特效 安装 meteor add alethes:pages 官网 atomsphere - https.../ 假设 body 已经有 2500 的高度了，2500 * 0.8 = 2000 l = oh * t; } else { return; } // 如果当前可视的页面高度...总结 这个包需要研究的地方还有很多，希望我介绍的内容能帮助大家在后期开发 Meteor 项目减少一些麻烦，一起努力共勉。
我们将会在接下来的章节中探讨这些指南的内容。 一份 Bing 的研究表明，页面加载时间每增加 10ms，网站的年收入就会减少 25 万美元。...换句话说，如果有很多小型资源需要加载（如果你打包过的话就没有必要了），在延迟和性能方面 HTTP/2 秒杀 HTTP/1。...幸运的是，大多数应用对于已简化的数据集都只需要保证高层次的一致性即可。如果你的应用程序没有这样设计的话，就有必要重构一下了。 8....同构 JavaScript 可以解决这个问题：自从 JavaScript 可以同时运行在客户端和服务器端，这就让在服务器端来执行页面的首次渲染成为可能，先把已渲染的页面发送出去然后再由客户端的脚本接管。...如果你有复杂的或者中等大小的应用需要支持同构部署，试试这个，你可能会感到惊讶的。 9. 使用索引加速数据库查询 如果你需要解决数据库查询耗费大量时间的问题（分析你的应用看看是否是这种情况！）
你将获得一个开发环境，它具有实时重新加载，CSS注入和支持许多预编译器（LESS，Coffeescript等）即插即用。...你可以使用meteor-build-client将所有前端代码作为单个index.html，使用一个js和css文件加载你的资源。...它包含完整的响应性，这使得构建一致的界面更容易（类似于angular.js $scope或binding） 它有一个名为Minimongo的优秀模型，它为你提供了一个类似mongoDB的接口，用于一个被动的内存数据库...创建你的Ðapp 如果还没有安装Meteor： $ curl https://install.meteor.com/ | SH 然后创建一个app： $ meteor create myDapp $...： // libs @import '{ethereum:dapp-styles}/dapp-styles.less'; 现在，你可以使用所有dapp-styles类，也可以覆盖框架的所有变量。
下面是我对Meteor的主要抱怨： 基于Node 0.10，并且在近期不会改变 构建系统不支持代码分离（事实上完全相反，打包整个应用） 全局变量（并没有名称空间） 太依赖websockets（并不是每个页面都需要它...） 不能处理CSS模块（CSS都在幕后被处理） 官方只支持MongoDB 以下则是Meatier的技术栈选择： 问题 Meteor解决方案 我的解决方案 结果 数据库 MongoDB RethinkDB...内置响应性，你也可以使用任何你想用的数据库 数据库模式 Simple Schema GraphQL 时髦的 webapp 都得有 GraphQL!...客户端验证 Simple Schema Joi 清晰的API，尽管这个包挺大 数据库钩子 Collections2 GraphQL GraphQL 对于小应用来说太重了 (但是内容丰富) 表单 AutoForm...webpack Meteor中Webpack的使用非常有限 CSS 魔术般地打包和提供 css-modules 组件范围的css，能内嵌或在文件中使用变量 Optimistic UI 延时补偿 redux-optimistic-ui
注重生产力：Ember.js 优先考虑开发人员的生产力，提供代码生成、自动代码重新加载和一组强大的测试工具，从而实现更快的开发周期。...集成数据库管理：Meteor 提供了一个名为 Minimongo 的内置数据层，它充当服务器端数据库的客户端副本。这简化了数据管理并实现无缝的客户端-服务器通信。...自动代码分割：Next.js 自动将 JavaScript 包分割成更小的块，只加载每个页面所需的代码，从而实现更快、更高效的页面渲染。...这消除了手动配置路由的需要，从而可以轻松地在页面和组件之间导航。 代码分割和延迟加载：Nuxt.js 根据路由自动分割 JavaScript 包，从而可以高效地仅加载每个页面所需的代码。...搜索引擎可以轻松地对服务器呈现的页面内容进行爬网和索引，从而提高搜索结果的可见性。
当 一个Meteor应用启动时，Meteor会自动加载这些库，为应用提供了一个基础环境。...reset Meteor应用运行时会生成打包文件、创建应用数据库。...上图中，a.html和b.html中的head片段合并后作为最终的head内容，b.html和c.html中 的body片段合并后作为最终的body内容，至于c.html中的template的内容，则最终替换了...可以这样理解： 前端 - Meteor将在最终呈现给用户的HTML文档中使用script标签引用test.js 后端 - Meteor将通过NodeJS读入并运行test.js 毫无疑问，如果不做任何处理...} 2.前后端都执行的代码 很显然，如果在test.js中，不判断执行环境的代码将同时在前端和后端运行。
最近在 Meteor 中做了一个小功能，就是实现 summernote 的 toolbar 跟随页面滚动的效果。...这样即使文章内容很长，要插入一个图片或者使用其他特殊标签的时候，不必滚动页面到最上方去找 toolbar 了。...，则让 toolbar 的宽度等于编辑器的宽度 // 如果自适应页面拖动时可以保证 toolbar 不超出编辑器 $toolbar.css('width', `${$editor.width...()}px`); } // 如果编辑器的顶部在视野范围内，则让 toolbar 恢复原位。...，也需要触发这个函数，已保证 toolbar 的位置和宽度是适应编辑器的。
但是，对于重复进入页面的用户，除了浏览器缓存，http缓存可以很大程度对已经加载过的页面进行优化。 1.缓存位置 ?...从缓存位置上来看，分为4种，从上往下依次检查是否命中，如果但都没有命中则重新发起请求。 Service Worker 是运行在浏览器背后的独立线程，一般可以用来实现缓存功能。...需要使用协商缓存，先与服务器确认返回的响应是否被更改，如果之前的响应中存在ETag，那么请求的时候会与服务端验证，如果资源未被更改，则可以避免重新下载。...4.协商缓存 当没有强缓存时，会向服务端寻求帮助，也就是问一下服务端有没有更改，向接口判断是否有缓存。如果命中协商缓存则返回304状态码，并且从本地返回缓存内容。如果没有命中，则重新发起请求。...1.一些文件也许会周期性的更改，但是他的内容并不改变(仅仅改变的修改时间)，这个时候我们并不希望客户端认为这个文件被修改了，而重新GET； 2.某些文件修改非常频繁，比如在秒以下的时间内进行修改，(比方说
因为基于Node.js，所以其本身就可以受益于Node.js 的庞大资源，而且 Meteor 自身也是社区模式，扩展包数量不断增长，内容已经极其丰富，功能覆盖面非常广。...Meteor把大量的烦琐和重复性的工作都封装到了 CLI 中，以命令的形式供开发者调用。在传统Web开发中很少有能提供这么全面功能的框架，如果自己开发这些功能，将耗费很多的工作量。 4....如果没有响应式，就需要自己操作DOM。...再比如数据库中的数据变化后，如果页面中使用到了此数据，就会自动更新；如果没有响应式，就需要自己编码检查数据的变化—如果有变化，从数据库获取数据，更新页面中的相关DOM内容。 5....前后端的数据同步采用异步方式 用户在客户端写入新数据后，不需要等待服务器端数据库的写入结果，只要数据成功保存在 miniMongo，用户就可以得到反馈，Meteor负责在后台自动向服务器端发送数据，执行同步操作
如果相应的数据库和表名相同，则语句中的限定表名与模式中的限定名匹配；当默认数据库pattern_database与表名相同且语句名相同时，语句中的非限定表名才匹配模式中的非限定名称 。...如果将规则表加载到内存中时没有发生错误，则插件会将message 列设置为NULL。非NULL值表示错误，列内容是错误消息。...加载表后，它还会清除查询缓存。 当修改规则表后，需要重新调用此过程以使插件从新表内容更新其缓存： ?...通过调用flush_rewrite_rules()存储过程加载规则表时 ，如果某些规则发生错误，则该CALL 语句会产生错误，并且该插件会将 Rewriter_reload_error状态变量设置为ON...如果character_set_client随后更改全局 值，则必须重新加载规则表。
然后，为randomXPosition创建一个新变量，使用arc4random_uniform(_:))函数并将第一个参数放入场景的大小。...如果您不记得这些属性是什么，这里是Apple的Collision页面的链接。...如果其中一个物体是Meteor，我们在其位置创建熔化物并移除流星节点。...关于熔化，您需要更改此行代码并为y位置设置正确的值。 修复跳跃状态 现在我们已经设置了碰撞，我们可以修复跳跃。在玩家和地面之间添加新的碰撞匹配。...ground) { playerStateMachine.enter(LandingState.self) } 禁用多次跳转 在playerStateMachine文件中，在跳转状态下启用此行并将返回值更改为
（可选）使用Meteor框架编写的要打包的应用程序。如果您没有其他要使用的应用程序，本教程将显示使用Meteor提供的示例待办事项列表应用程序的步骤。...但是，如果要使用自己的Meteor应用程序，也可以跳过此步骤。 通过从Meteor的GitHub克隆它来下载此应用程序。...我们需要对此文件进行一些更改。 连接到Vagrant VM。...将appTitle行中的值更改为“Todo”。 . . ....您可以保留确认个人资料页面的默认值，然后按紫色的继续按钮而不进行任何更改。 接下来，单击Todo应用程序，然后单击“ 创建新实例”。
但如果使用到的是web component这种将Javascript, CSS和HTML模块化地放在一起的元素，则比较麻烦。...但赫门认为组件化的web component是散乱的，并没有办法一统江湖（如果Angular, React这类框架），而他的理念就是希望帮助Web Component重新定位，也就是将其标准化。...而Meteor则希望将客户端数据这一层变薄甚至直接去掉，以减少性能的损耗，因此他们引入一种叫Minimongo的数据库驱动，它遵守DDP(分布式数据协议)，根据Meteor的说法，是一种简易的结构化数据获取及数据更新协议...Meteor的另一个特色是使用了WebSocket技术。如果你打开TeleScope（使用Meteor技术的一个BBS应用），你能发现它是通过WebSocket获取数据的实时应用。...这种方案跟Meteor相比其实有异曲同工之妙。在通信结构方案，这种方案遵循上图，React负责UI状态，Relay负责客户端数据状态，而GraphQL则负责服务器数据状态。
-- 检查JSP文件的时间间隔（秒），以便查看 JSP 文件是否已更改以及是否需要重新编译。如果已发生更改，还会检查依赖关系并递归重新加载。 -->05
AJAX AJAX是开发者的梦想，因为你可以： 在不重新加载页面的情况下更新网页 在页面加载后请求来自服务器的数据 在页面加载后接收来自服务器的数据 在后台向服务器发送数据 HTML页面 更改内容 HTML页面包含一个 部分和一个 部分用于显示来自服务器的信息...AJAX允许通过在幕后与Web服务器交换数据，异步更新Web页面。这意味着可以更新Web页面的部分，而不必重新加载整个页面。...这意味着可以更新Web页面的部分，而无需重新加载整个页面。...如果您想在自己的网页上使用上述示例，则加载的XML文件必须位于您自己的服务器上。
它比较像 meteor 使用的 minimongo，只不过实现的方式有些不同：minimongo 是 mongodb API 的一个子集；而 horizon 操作数据库的 API 不但是 ReQL（rethinkdb...为了搞明白为什么现在大家热衷于「后端傻瓜化」，我们看一个产品初期主要需要什么功能： authentication：用户身份的认证和鉴别（并非必须） 用户数据的存取和处理 内容的展示 内容的存取，处理 如果上述的一切都能实时发生...如果要实现 realtime，那么难度又要增大一些。 如果你看过我之前写的 Rest API 系列，把 API 做好并不是件容易的事情。...然而 API 这个东西，就像 postgREST 的作者说的那样，重复劳动太多，净在重新造轮子了，或者是重新组装汽车了：数据的验证（validation），用户身份的验证（authentication）...这是一个被人月神话诅咒的，不得已的折衷方案 —— 它可以让 MVP 尽快到达用户，让市场检验其成色 —— 但同时为未来的发展埋下了严重的隐患：之前凑合出来的部分，日后都要花费数倍的精力重构，或者重写。
单页应用程序概述（SPA） 内容从数据库中获取，然后通过控制器传递，最后在视图模板发送前与视图模板合并 这体现在每次浏览应用程序或网站时重新加载的页面的形式。...HTML页面内容本身使用JavaScript呈现，并使用CSS进行样式化。 好处是我们只取得我们需要的内容的一部分，而不是整个页面，这提供了更少的服务器负载和更快的用户界面。...但是，视图是将整个页面放在一起的不同组件的总体集合 绑定 - 处理该视图的控制器内的数据更改时，自动更新的视图的渲染内容 路由 - 在浏览应用程序时，这使用HTML5 pushState深度链接不同的视图...Ajax请求 - 将请求发送到服务器以便在不重新加载页面的情况下获取数据。...如果没有Ajax，将不会有单个页面的应用程序 Web套接字 - 用于在Web浏览器和服务器之间建立持久连接的API。
领取专属 10元无门槛券
手把手带您无忧上云
