本文介绍了基于 Meteor 1.6.x + Ant Design Table + recompose + react-router-dom v4 实现分页的整个流程,从项目创建到最终实现完分页效果每个步骤都非常详细,同时也提供了 git 提交记录,用来让大家学习和分析每一步代码的变化。项目地址:https://github.com/nmgwddj/meteor-pagination
Meteor mongodb 查询某个数据是否在 Collection 的某个 Array 字段中
我们通常会用一个 Array 字段来储存一组用户 ID 列表或者一组文章 ID 列表。当我们需要查询某个用户是否在这个 Collection 的某个 Array 字段时就会用到本文中提到的方法。
Meteor MongoDB 数据库管理工具 Studio T3
最近开始做新项目了,熟悉代码的过程中发现以前的 robomongo 工具链接上 Meteor 新版本程序的数据库后看不到数据了,搜索了一些内容没解决问题,后面在群里问了一下,朋友给我介绍了一个『升级款』Studio T3。
summernote toolbar 跟随页面自动滚动
summernote 是一个功能非常强大的 web 编辑器,可以应用到各种场景下。最近在 Meteor 中做了一个小功能,就是实现 summernote 的 toolbar 跟随页面滚动的效果。这样即使文章内容很长,要插入一个图片或者使用其他特殊标签的时候,不必滚动页面到最上方去找 toolbar 了。效果如下:
全栈程序员必备 Velocity
Velocity 是一个开发语言帮助文档的集合工具。它收集了几百种编程语言的 API,按编程语言分类。特别是 Web 开发程序员,自己掌握的后台语言文档、CSS文档、JavaScript文档、数据库文档、Bootstrap文档 等等,至少要开 5 个以上的标签,再加上价格其他的标签,浏览器常常标签数量都数不过来了。还不考虑断网情况下怎么办?这些 Velocity 都能帮你解决,来看看它的样子吧。
你的第一个 Meteor 应用程序
这是一本官方推荐的图书,原名是 Your First Meteor Application.我下载了 pdf,虽然是英文的,但是有些代码还是很值得学习的。
Meteor 开发环境 mongodb 的连接
本文主要总结一下在使用 Meteor 开发过程中对 mongodb 数据库的管理。其中包含使用命令行终端(meteor shell)进行管理,还有图形化界面的工具 Robomongo 工具。
Meteor 分页包 alethes:pages 详解
在做大部分真实应用的 web 项目过程中,都会有一样不可或缺的需求,那就是分页。Meteor 项目也不例外,同样会有这样的需求,本文给大家介绍的就是一个非常好用的分页包 alethes:pages
。它可以实现简单的根据页数分页,也可以实现强大的滚动分页。内部还支持利用多个 collection 数据进行分页。下面我们就来详细的了解它。
注意:以下内容多是对官方包的一种简述和翻译,如果需要更详细的内容可以参考官方地址。
Visual Studio Code 下 Meteor 自动补全插件
这段时间一直在用 Visual Studio Code 做 Meteor 开发,但一直苦于没有 Meteor 的代码只能提示插件可以用,今天偶然间在 VSCode 的 marketplace 上逛的时候看到了 Meteor 的插件。最后一次更新就是昨天11月29日,所以马上安装了一下试用。效果非常好,比目前 atom、sublime text 等工具提供的插件都完善,而且智能补全的代码也都是目前 Meteor 官网最新的代码,比如 onRendered。
Meteor 订阅数据浏览器端查看工具 msavin:mongol
在过去的开发 Meteor 项目过程中,我们如果想查看某个页面所订阅的数据是否成功或者查看已经订阅成功数据的内容的时候,往往是通过浏览器的控制台打印数据查看,这样非常不方便,而且容易混淆。今天给大家介绍一款工具 msavin:mongol
可以让我们在开发环境中很轻松的就看到我们需要的订阅的数据信息。先来一张图看看效果。
Meteor 组合订阅包 publish-composite 使用
初看这个标题可能有点晕,说的有点过于专业化,但是我也想不到更好的标题了。不过我们用真实的场景来给大家描述,来充分表达我们想表达的内容。熟悉使用 Meteor 发布(publish)和订阅(subcribe)的朋友可能会遇到这样一种情况。在某个列表页面,我们需要的数据分别储存在不同的集合(collection) 中。我们设计了一个查看某用户的所有评论的页面,按常规模式,我们首先可以根据用户的 ID 去评论的集合中查询该用户的所有评论内容,并根据该评论所关联的文章的 ID 查找到这篇文章的标题(Title)信息,用来显示在评论列表页提供用户查看或者访问。你可能会注意到,如果我们想获取到某条评论所关联的文章标题,我们必须要订阅这篇文章的内容,而在这之前我们并不知道这个用户都在哪些文章中有评论,若想订阅就需要把所有文章的结合订阅到客户端来使用,这样无疑是浪费资源和消耗时间的。
Meteor Iron.Router 环境下微信 jssdk 报错 config:invalid signature
这几天做了微信分享功能的修改,通过微信 jssdk 可以修改微信右上角分享到朋友圈、分享给朋友、分享到QQ这些界面的 Title、Description和 Image,用来让分享更有质量。普通情况下如果你没有使用 jssdk 去配置你分享的 Title 等信息,微信会将分享出来的 Title 设置为你网页的 Title 内容,将 Description 设置为网站的 Url,而图片则取文章中第一幅图片,如果文章中没有图片,那么分享出去的图片就是空白的。
Meteor 微信公共号开发将客户端日志传递到服务端打印
因为在微信客户端环境,我们无法使用 console.log 查看前端显示的一些调试信息,如果需要用到调试,我们一般是使用 Session 方法来给前端一个固定专门显示日志的变量设定属性,这样这个固定的变量会跟随 Session.set 设定的值而变化。后面想了一个比较方便的办法,直接将客户端需要输出的日志信息通过 Meteor.call 发送到服务端打印我们就可以方便的在服务端一起看到server log 和 client log 了。
客户端 Meteor.call 等待服务端异步函数返回
在 Meteor 项目中,经常会有客户端使用 Meteor.call 方法去调用服务端的一个方法,并等待该方法返回。通常情况下,服务端的方法只需要 return 后,客户端使用回调函数就可以访问到 return 的值了。但如果服务端同样调用了一个异步执行的函数,那么此时就无法判断服务端的异步函数是否已经执行完毕,返回结果就会出现不准确的情况。如下所示:
在 Meteor 模板中访问局部循环中的父级数据上下文
在使用 Meteor 模板遍历数据的过程中,可能会遇到一种情况,当 each 遍历某个数据集的时候可能会用到 each 外部模板中的某些数据(或上一级数据环境的数据),类似如下代码的情况: