- 博客(21)
- 收藏
- 关注
转载 meteor实例—7—发布(Publication)和订阅(Subscription)
发布(Publication)和订阅(Subscription)是 Meteor 的最基本最重要的概念之一,但是如果你是刚刚开始接触 Meteor 的话,也是有些难度的。这已经导致不少误解,比如认为 Meteor 是不安全的,或者说 Meteor 应用无法处理大量数据等等。人们起初会感觉这些概念很迷惑很大程度上是因为 Meteor 像变魔法一样替你做了很多事儿。尽管这些魔法最终看起来很有...
2017-01-23 22:36:00 197
转载 meteor实例—6—连接集合: 简单的发布与订阅
连接集合: 简单的发布与订阅到此为止,我们仍然用着autopublish 这个包,这个包并不是为正式产品化的应用程序准备的。正如它的名字陈述的那样,它简单地把整个集合分享给所有连接的客户端。这个可不是我们期望的样子,所以让我们去掉它。打开一个终端窗口,输入:meteor remove autopublish这个操作有了立即的反应。当你打开浏览器,你会发现所有的帖子都不见了!这是因为我们一...
2017-01-23 22:14:00 106
转载 meteor实例—5—数据库存取及保持实时
从数据库提取数据题外话:首先我们先放点数据在数据库里。我们要做的是让服务器第一次初始启动的时候从一个数据文件中读取数据结构存在Posts 集合中。首先我们要确保数据库中没有数据。我们使用meteor reset 命令清空数据库初始化我们的项目。当然,如果在真实的正在运行的正式项目上请务必十分小心。停止 Meteor 服务(通过键入ctrl-c ) 然后在命令行输入:meteor ...
2017-01-23 22:08:00 102
转载 meteor实例—4—(helper等)
上面的一些{{}}标记,其中的数据来龙去脉基本已经清楚了,但是还有一个{{domain}}没有提到,就是post_item.html中的<h3><a href="{{url}}">{{title}}</a><span>{{domain}}</span></h3>这一句,这个东西是干什么用的呢,查看一下客户端源代码,会...
2017-01-23 21:44:00 72
转载 meteor实例—3—(模板、数据及展示)
Meteor 模板我们项目的核心是社会新闻网站,它是由一系列的帖子所组成的,而这正是我们要调用模板的原因。我们先在/client 里面创建一个/templates 目录。这里用来放我们所有的模板,这样可以保持项目结构的清晰整洁,接着在/templates 里面再创建/posts 目录来存放与帖子相关的模板。查找文件Meteor 的强大之处在于文件的查找。无论你把代码文件放在/client...
2017-01-22 18:49:00 99
转载 meteor实例—2—(css和main.html)
一、搞定 CSSCSS 文件将被 Meteor 自动加载并简化。因此,不同于其它的静态文件都被放置于/public 文件夹,请将 CSS文件放入/client 文件夹。请创建一个client/stylesheets/ 文件夹并将以下style.css 文件放置入内。.grid-block, .main, .post, .comments li, .comment-form...
2017-01-22 17:20:00 89
转载 meteor实例—1—创建及说明
这个项目按照Discover meteor 1.0 手册上面的步骤进行。首先、创建项目microscope。创建完毕后,为了便于管理代码,在microscope文件夹下新建两个文件夹/public 和/lib。关于文件, Meteor 有以下几条规则:• 在/server 文件夹中的代码只会在服务器端运行。• 在/client 文件夹中的代码只会在客户端运行。• 其它代码则将...
2017-01-22 16:29:00 73
转载 meteor简单示例文件组织及代码分析
上一节我创建了一个叫MyFirstTest的应用,并成功运行,打开MyFirstTest文件夹,会发现他的文件组织结构是这样的:文件有两个,分别是package.json、.gitignore文件夹有4个分别是.meteor、client、server和node_modules(特别是这个,对他印象深刻)一、文件1、首先看pakage.json,内容如下{ ...
2017-01-22 14:51:00 161
转载 meteor安装
写在前面:因为本人也是初次接触meteor,不是为了写教程,只是记录一下学习历程,以后忘记了还有个系统的可查记录,顺便勉励自己坚持学下去。坚持。。。,很重要!!meteor从1.1版本开始已经支持windows系统,现在版本是1.4,对于使用windows做开发和测试服务器的来说非常方便。windows下meteor的安装:首先,要能访问墙外网站。然后到https...
2017-01-22 13:14:00 162
转载 windows下nodejs+websocket配置笔记
一、node安装如果出现2053、2052错误,用管理员权限运行cmd,再cmd下转到node安装目录,执行msiexec /package nodexxx.msi二、安装ws如果网络问题,无法安装,可用淘宝镜像安装,先到网站目录下,执行本地安装npm install ws --registry=http://registry.npm.taobao.org ,如果用np...
2017-01-20 19:58:00 224
转载 LayaAirIde+TypeScript配置笔记
一、安装nodejs,正常。二、通过npm安装typescript,命令行输入npm install -g typescript,可能由于网络问题,一直卡在sill install loadAllDepsIntoIdealTree状态,安装无法完成。解决办法,使用npm 淘宝镜像,命令行输入npm install typescript -g --registry=http://r...
2017-01-19 17:20:00 116
转载 部署在安全的主机上
最后一步是将我们的天气应用部署在一个支撑 HTTPs 的服务器上。如果你目前还没有一个这样的主机,那么最简单(且免费)的方法绝对是使用我们的静态资源部署服务 Firebase。它非常容易使用,通过 HTTPs 来提供服务且在全球 CDN 中。可优化的地方:压缩并内联 CSS 样式还有一些你需要考虑的事情,压缩关键的 CSS 样式并将其内联在index.html中。Page S...
2017-01-17 22:26:00 114
转载 支持集成入原生应用
没有人喜欢在手机的键盘上输入一长串的 URL,有了添加至主屏幕的功能,你的用户可以选择添加一个图标在他们的屏幕上,就像从应用商店安装一个原生应用那样。而且这儿添加一个图标是更加容易的。Web 应用安装横幅和添加至主屏web 应用安装横幅给你能够让用户快速地将 web 应用添加至他们的主屏的能力,让他们能够很容易地再次进入你的应用。添加应用安装横幅是很简单的,Chrome 处理了几...
2017-01-17 22:11:00 60
转载 使用 Service Workers 来缓存应用数据
选择一个正确的缓存策略是很重要的,并且这取决于你应用中使用的数据的类型。比如像天气信息、股票信息等对实时性要求较高的数据,应该时常被刷新,但是用户的头像或者文字内容应该以较低的频率进行更新。先使用缓存后使用请求结果的策略对于我们的应用是非常理想的选择。应用从缓存中获取数据,并立刻显示在屏幕上,然后在网络请求返回后再更新页面。如果使用先请求网络后缓存的策略,用户可能不会等到数据从...
2017-01-17 22:08:00 164
转载 使用 Service Workers 来预缓存应用外壳
Progressive Web Apps 是快速且可安装的,这意味着它能在在线、离线、断断续续或者缓慢的网络环境下使用。为了实现这个目标,我们需要使用一个 service worker 来缓存应用外壳,以保证它能始终迅速可用且可靠。如果你对 service workers 不熟悉,你可以通过阅读介绍 Service Workers来了解关于它能做什么,它的生命周期是如何工作的等等...
2017-01-17 20:28:00 105
转载 从快速的首次加载开始
Progressive Web Apps 应该能够快速启动并且立即可用。目前,我们的天气应用能够快速启动,但是还不能使用,因为还没有数据。我们能够发起一个 AJAX 请求来获取数据,但是额外的请求会让初次加载时间变长。取而代之的方法是,在初次加载时提供真实的数据。插入天气预报信息在本实例中,我们将会静态地插入天气预报信息,但是在一个投入生产环境的应用中,最新的天气预报数据会由服务...
2017-01-17 19:54:00 63
转载 实现应用外壳
任何项目都可以有多种起步方式,通常我们推荐使用 Web Starter Kit。但是,这里为了保持我们的项目 足够简单并专注于 Progressive Web Apps,我们提供了你所需的全部资源。关于Web Starter Kit,暂时没有往网上放(因为本人访问百度网盘都要翻墙,速度太慢),可以翻墙的朋友,可以到https://github.com/google/web-starter...
2017-01-17 19:24:00 88
转载 基于应用外壳的架构
什么是应用外壳(App Shell)App Shell是应用的用户界面所需的最基本的 HTML、CSS 和 JavaScript,也是一个用来确保应用有好多性能的组件。它的首次加载将会非常快,加载后立刻被缓存下来。这意味着应用的外壳不需要每次使用时都被下载,而是只加载需要的数据。应用外壳的结构分为应用的核心基础组件和承载数据的 UI。所有的 UI 和基础组件都使用一个 servi...
2017-01-17 19:21:00 92
转载 示例代码和环境配置
下载示例代码你可以下载本 progressive web app 引导指南需要的所有代码。将下载好的zip文件进行解压缩。这将会解压缩一个名为(your-first-pwapp-master)的根文件夹。这文件夹包含了这指南你所需要的资源。名为 step-NN 的文件夹则包含了这指南每个步骤的完整的代码。你可以把他当成参考。安装及校验网络服务器你可以选择其他的网络服务...
2017-01-17 19:18:00 59
转载 Progressive Web Apps基本说明
我们将要做什么?你将会学到如何使用 "app shell" 的方法来设计和构建应用程序。如何让你的应用程序能够离线工作。如何存储数据以在离线时使用。你需要Chrome 52 或以上(浏览器建议使用正宗google Chrome,经测试chrome内核的百度浏览器无法安装下面的web server)Web Server for Chrome或其...
2017-01-17 19:11:00 88
转载 什么是Progressive Web Apps
随着微信小程序热闹起来,不得不说一下google基于chrome的轻量级app开发思路。Progressive Web Apps是结合了 web 和 原生应用中最好功能的一种体验。对于首次访问的用户它是非常有利的, 用户可以直接在浏览器中进行访问,不需要安装应用。随着时间的推移当用户渐渐地和应用建立了联系,它将变得越来越强大。它能够快速地加载,即使在比较糟糕的网络环境下,能够推送相...
2017-01-17 19:06:00 104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人