原文来自Differential的Meteor Authentication from React Native，这是Meteor React Native系列的第二篇，第二部分的Repo会在稍后放出。...点击「阅读原文」查看完整文章！ 这篇文章是上篇「Meteor作为React Native实时后端」的后续。我们将讨论下一个你会接触到的东西，也就是用户认证系统。...这里我们使用Meteor的用户认证系统和npm-ddp-client这个包来实现。 我想在这里谈一下安全性的问题，也是本篇文章所没有涉及到的。...当在生产环境下时，用户传输的是他们的真实数据，请确保启用SSL（对于Meteor应用来说也是一样）。同样，我们也没有在客户端做密码的hash，所以密码是以明文的形式传输的。这同样对SSL提出了需求。
之前Spencer Carli曾发布了Meteor+React Native的项目模板，这个模板发布已经有3个多月了，并且有一些过时。...现在react-native-meteor有以下特征： react-native-meteor 作为npm扩展 更好的初始设计 跨平台的tabs 专门的路由 专门的文件结构 ?...项目地址：https://github.com/inProgress-team/react-native-meteor
二：实现思路分析 系统日历插件是将App事件添加到系统日历提醒事项，实现闹铃提醒的功能封装在CalendarManager类中，实现createEventCalendarTitle事件添加方法和checkCalendarEventStartDate...具体的实现思路如下： 新建Calendar类，实现RCTBridgeModule协议 添加RCT_EXPORT_MODULE()宏 添加React Native跟控制器 声明被JavaScript 调用的方法...新建CalendarManager类，实现系统日历 实现系统日历事件添加 实现系统日历事件查询 实现系统日历事件移除 Javascript调用浏览器方法 三：实现源码分析 实现源码分析是根据上面列出的具体实现思路来为大家解刨内部的实现流程及核心代码分析...添加React Native跟控制器 如果不添加React Native跟控制器，view将不能正常显示出来，实现方法如下： // Calendar.m #import React/RCTUtils.h...新建CalendarManager类，实现系统日历 在CalendarManager类中实现系统日历事件的添加，移除，事件查询等方法。
Nova Features 以下是我们将基于Nova实现的特性： 发布：自动发布所需数据 订阅：创建指定发布的订阅 分页：只发送必要的数据到客户端 连接：在发布和显示的时候连接数据 方法：创建三个create...扩展包 React List Container: 用来订阅一个发布，然后向子组件传入记录 React Form Containers: 用来显示一个简单的新建和编辑记录表单 Smart Publications...: 用来自动创建发布 Smart Methods: 用来自动创建方法 点击「阅读原文」查看完整文章！
文中讨论了Meteor与React开发Web App的优势所在，以及Meteor在现代Web开发中扮演的角色。...Flux 主要由三部分: Dispatcher, Store 和 View (React Components) 组成。...Meteor 完全可以作为一种 Flux 的实现。例如使用 FlowRouter 作为 Dispatcher，MiniMongo 作为 Store。...这样可以为 React 带来很好的数据和逻辑状态的管理；反过来，React 也可以为 Meteor 带来前端模块化，单向数据流模式，使代码更少且更好维护；另外 React 的 Virtual Dom 机制也为会...上图就是一个典型的 React Meteor App。个人感觉 Flux 更多是面向 Chat Based App，所以没有涉及到 routing。
这次介绍的这个React Native日历日程组件名叫react-native-calendars，是纯JS开发，可以适配IOS和安卓双平台。...安装 npm install --save react-native-calendars 因为是纯JS的，所以不需要link，执行完就可以了。...使用 react-native-calendars主要包含三种子组件，分别是 Calendar（日历）, CalendarList（日历列表）, Agenda（日程），可以根据实际需要选择使用。...Calendar（日历） ? 示例代码 <Calendar // Initially visible month....Default = false hideDayNames={true} /> CalendarList（日历列表） ?
最近很多读者想要meteor+react的相关资料，尤其是针对Meteor 1.3版本的。Meteor 1.3引入了React作为Meteor的View部分，并且加入了许多ES2015的新特性。...《Meteor+React—A step by step guide to building a complete app》是我很久之前花39美刀买的Meteor+React的书籍，作者是Ken Rogers...这里我准备把一些Meteor 1.3的资料打包分享给大家，包括英文的和中文的资料，虽然大部分资料来源于网上，不过搜集整理翻译也是有一定的劳动附加价值的，所以就不免费分享了哈。...赞赏这篇文章，支付一杯咖啡的钱（10元），留下您的名称和邮箱，我将把我这里收集的Meteor 1.3资料打包发送。...由于Meteor+React这本书作者正在「大刀阔斧」的重(quan)写(qian)，所以这里分(chu)享(zu)的只是目前售出的版本，相信作者今后也会更注重书籍内容，带来新的版本。
出(du)差(jia)归来，按时奉上之前提到的 Meteor React Native 三连发中译版！点击「阅读原文」查看完整文章！ Parse最近宣布停止服务，许多公司会寻求它的替代品。...这次Parse的关门会让许多人不会首选BaaS产品，转而倾向于自行实现后端，比如说使用Meteor。 我们来谈谈如何将一个React Native的App连接到Meteor App（作为服务端）。...这篇教程假设你已经安装好了React Native和Meteor，并且能成功运行。如果你还没有配置好React Native环境的话，可以查看React Native中文文档。...现在你就有了一个功能完备的，简单明了的React Native作为前端，Meteor作为后端的应用。我希望这篇教程能让你开启编写React Native+Meteor混合应用的道路。...在下一篇文章中，我们会讲解如何将React Native应用连接到Meteor的用户系统。
这三篇Meteor React Native文章来自Differential，一个专注Meteor应用开发的工作室。...第一篇文章讲述了如何轻松地使用DDP连接一个React Native应用到Meteor服务器上，并且在React Native应用上进行实时交互。...第二篇文章更进一步，讲述了如何基于DDP搭建一个用户认证系统，包括使用用户名/email注册、使用用户名/email/token登录和用户登出的实现。...Meteor Authentication from React Native http://blog.differential.com/meteor-authentication-from-react-native...Password Hashing for Meteor React Native http://blog.differential.com/password-hashing-for-meteor-react-native
以下是使用几个简单的函数实现给定指定年月实现当月日历输出的程序，大部分内容引用自网易云课堂哈工大开设的Python程序设计入门函数一章的课后作业。 程序设计图如下： ?...get_num_of_days_in_month 获得每月的天数 get_total_num_of_days 获得自1800年1月1日以来经过的天数 get_start_day 获得每月1日为星期几 print_month_body 打印日历的数字部分...get_month_name 获得每月的名称 print_month_title 打印日历标题与头部部分 具体实现如下： # coding=utf-8 __author__ = 'Leonard'...print ' Sun Mon Tue Wed Thu Fri Sat ' def print_month_body(year, month): ''' 打印日历正文...实现起来难度不大，只是在格式控制上需要花点心思，具体详见print_month_body函数的注释。 第一次用Python编了一个有八十行的程序，希望大家多多指教。
主要是在页面中加入日历插件Fullcalendar.js我下载是新版本fullcalendar-4.2.0 ? 我这还导入了jquey的插件，因为我后面会用到的 日历显示的标签 ?...具体实现的js Date.prototype.formats = function(format){ var o = { "M+" : this.getMonth...：初始化切换按钮 left: 'prev,today,next', //日历头部中间：显示当前日期信息...center: 'title', //日历头部右边：初始化视图 right: '', },...以上就是日历页面的实现！！
设计实现一个简单版本的日历。支持定义日历的排放顺序，以周几作为开始。.../react-calendar ?...上面的代码逻辑是假设日历的排列顺序是周一围最开始的（如果你的日历也是将周日放在日历的第一天，没什么问题，可是在中国是将周日放在最后一天的），这也就意味着前面的实现还需要考虑日历的放置顺序，因为日历是按照普通的周一到周日...，header和body是属于同一个父组件的同级组件，数据传递可以依赖于父组件进行传递，这里我使用的是观察者模式实现。...from 'react'; import CalendarBody from '.
<template> <view class="page"> <view class="page_bd" v-for="(item,index) i...
准备工作 提前需要准备好react脚手架开发环境，由于react已经不支持在页面内部通过jsx.transform来转义，我们就自己大了个简易的开发环境 创建一个文件夹，命名为react-canlendar...typescript webpack webpack-cli -D 安装几个我们需要的类库 npm install @types/react react react-dom --save 基础类库安装完毕...好了，言归正传，我们还是聚焦到日历组件的开发中来吧 创建一个src文件夹，内部创建一个index.tsx文件。...return ( 日历 ) } } 在index.tsx中把Calendar.tsx引入，并使用起来。...要显示日历，首先需要显示日历这个大框以及内部的一个个小框。实现这种布局最简单的布局就是table了 所以我们首先创建的是这种日历table小框框，以及表头的星期排列。
之前的一篇文章，如何Meteor中轻松使用Webpack中介绍了Meteor+Webpack的使用方式，这个包简化了Webpack在Meteor应用中的配置，能够使你轻松地使用一个json文件配置好Webpack...当你修改前端代码时，你的应用不再通过Meteor的构建工具链重新构建，而是直接反映在浏览器端。这对于我们的前端快速布局开发非常有帮助。 今天介绍另外一种「原生」的方式，支持React的热重载。...这里用到了meteor-react-hotloader这个扩展包。我们可以去项目的Github主页看一下介绍和原理。 ?
迁自QQ空间 2014-08-08 背景 可能这个标题不够明确到底要实现什么功能，下面详细介绍一下。由于windows系统任务栏的日期只有年、月、日，对于我来说，偶尔想看看农历，所以每次都要去问度娘。...后来发现一个不错的办法，就是找一个带日历（包括农历、节气）的壁纸，每个月只要换一次壁纸就可以了，如下图： ? 这样的壁纸网上可以找到，一般日历区域都在图片的下方，上图是我截取了壁纸的左下部分。...其实这个想法早就有了，但是一直懒得写个东西出来，最近有空花了一天时间完成了这个小工具，下面说说具体的实现。...实现思路 起初想用C来实现，毕竟设置壁纸需要调用Win32 API C可能方便点，但后来发现C处理图片没有标准函数支持，还得找其他库，而且对C也不是特别熟悉，正好最近在看Python，就用它练练手吧。
日历计算平年润年计算首先大概日历最麻烦的就是2月份的计算了，因为会需要考虑到平年还是闰年。...= 0) || year % 400 == 0) { daysInMonth[1] = 29; } // 打印每个月的日历 for (int month = 0; month
本文介绍了基于 Meteor 1.6.x + Ant Design Table + recompose + react-router-dom v4 实现分页的整个流程，从项目创建到最终实现完分页效果每个步骤都非常详细...~ cd meteor-pagination ~ git init 整理项目目录 默认创建的项目不是 react 结构的，我们需要删除掉无用的文件，并修改一下项目，使其支持 react，参考 Meteor...Layout 我们使用 ant design 的组件来实现，所以首先我们要引入 antd 和 react-router-dom，并在 .meteor/packages 文件中删除项目自带的 kadira...样式表，如下所示： import React from 'react' import { Meteor } from 'meteor/meteor' import { render } from 'react-dom.../react-meteor-data' import { dateToString } from '../..
Meteor 是一个功能强大且易用的全栈 JavaScript 框架，它简化了现代 Web 应用的开发流程，从数据库到用户界面都可以通过一套统一的技术栈来实现。...无论你是构建实时应用还是想要一个快速的原型开发工具，Meteor 都能为你提供完整的解决方案。本文将详细介绍 Meteor 的显著特性、使用方式及其适用场景，并分析为什么它值得成为你的开发工具选择。...全栈开发统一化 Meteor 提供了一个完整的开发栈，前端使用 React、Vue 或 Blaze，后端使用 Node.js，数据库层默认支持 MongoDB。...开发者可以选择使用 React、Vue 或原生的 Blaze 作为前端框架，与 MongoDB 进行数据交互时，也可以使用 Meteor 提供的方便的 Minimongo 客户端数据库。...这意味着你不再需要为不同的开发环境学习多种语言，所有功能都可以通过 JavaScript 实现。同时，Meteor 的生态系统也非常成熟，开发者可以利用大量的第三方包轻松扩展项目功能。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
