Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >你的第一个渐进式网站应用(3)

你的第一个渐进式网站应用(3)

作者头像
RP道貌不岸然
修改于 2017-11-30 14:43:53
修改于 2017-11-30 14:43:53
6840
举报
文章被收录于专栏:ThinksThinks

3. 建立你的App Shell

什么是app shell?

应用程序的shell是为渐进式网站应用的用户界面提供所需的最小HTML,CSS和JavaScript能力,并且是确保可靠的良好性能的组件之一。它的第一次加载会非常快,并且立即缓存。 “缓存”意味着shell文件通过网络加载一次,然后保存到本地设备。每当用户打开应用程序时,shell文件都会从本地设备的缓存中加载,从而使得启动速度非常快。

App shell体系结构将核心应用程序基础结构、UI与数据分离开。所有的UI和基础架构都利用service worker在本地进行缓存,以便在后续的加载中渐进式网站应用只需要检索必要的数据,而无需加载所有内容。

service worker是一个在浏览器后台运行的脚本,与网页是分割开的,这个特性的开启无需依赖一个网页或用户的交互。

换句话说,app shell类似于构建native app时发布到应用程序商店的代码包。它是你的应用程序的核心组件,但可能不包含数据。

为什么使用App Shell构建?

使用app shell构建允许你去聚焦在速度上, 给予你的渐进式网站应用类似naitve apps的属性: 即刻加载和日常更新,而完全不需要依赖一个app store。

设计App Shell

第一步分解出核心的组件进行设计。

扪心自问:

  • 什么需要立即在屏幕上显示?
  • 还有其他什么UI组件是我们app必须的?
  • app shell需要什么资源支持?比如图片,JavaScript,样式等等。

我们将创建一个天气应用程序作为我们的第一个渐进式网站应用。关键组件包括:

  • 带有一个title和add/refresh按钮的头部
  • 天气预报卡片容器
  • 一个天气预报卡片模版
  • 一个添加新城市的对话框
  • 一个加载指示器

在设计一个更复杂的应用程序时,内容无需在初始化时候加载,可以稍后请求,然后将其缓存以供将来使用。例如,我们可以在渲染出第一次运行体验并且拥有一些空闲周期之后延迟加载“新城市”对话框。

本文系外文翻译,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系外文翻译,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
ssh访问控制,多次失败登录即封掉IP,防止暴力破解
近期一直发现站内的流量和IP不太正常,读取/var/log/secure 很多失败的登录信息!必须要整个方法整死他们,虽然我已经把ssh port修改为了XXX(能告诉你吗?)!但是攻击还是不断,随即请教了铭哥大神。由于担心没有测试机,直接线上操作把自己也加入black list就不好了。找了很多资料,最终也成功了。分享给大家! 一、系统:Centos6.9 64位 二、方法:读取/var/log/secure,查找关键字 Failed,(#cat /var/log/secure | grep Failed
老七Linux
2018/05/09
5.6K1
SSH访问控制,多次失败登录即封掉IP,防止暴力破解
二、方法:读取/var/log/secure,查找关键字 Failed,例如(注:文中的IP地址特意做了删减):
星哥玩云
2022/07/03
1.7K0
Linux---CentOS-Ubuntu防爆破SSH脚本
CentOS 7方式 黑名单IP touch /etc/black.txt SSH 防爆破脚本 vim /etc/secure_ssh.sh #!/bin/bash cat /var/log/secure|awk '/Failed/{print $(NF-3)}'|sort|uniq -c|awk '{print $2"="$1;}' > /etc/black.txt for i in `cat /etc/black.txt` do IP=`echo $i |awk -
院长技术
2021/02/19
1.3K0
CentOS7防ssh爆破脚本
说明: 当输入三次密码错误时,ip将记录到/etc/black.txt文件,自动将ip添加到/etc/hosts.deny文件里禁止登录,如取消限制,修改两个文件,删除指定ip即可。
院长技术
2021/02/19
1.3K0
ssh访问控制,阻断异常IP,防止暴力破解
由于业务需要将Linux服务器映射到公网访问,SSH 端口已经修改,但还是发现有很多IP进行暴力破解,尝试将异常IP阻止非法访问,实现方式①SSH黑名单 ②Firewalld防火墙添加drop规则;
Kevin song
2021/11/30
1.7K0
ssh访问控制,阻断异常IP,防止暴力破解
防攻击可以增加IP白名单/etc/hosts.allow和黑名单/etc/hosts.deny
防攻击可以增加IP白名单/etc/hosts.allow和黑名单/etc/hosts.deny
拓荒者
2019/03/11
4.6K0
自动禁止攻击IP登陆SSH,保护服务器安全
当你拥有一台服务器并且可以远程ssh登陆后,你会发现有很多恶意扫描工具骚扰你的服务器。最好的方法就是更换SSH登陆的端口号并且定时修改。但是仅仅想禁止某些IP登陆呢?
zhangheng
2020/04/29
2.1K0
Linux的ssh被爆破的应急处理!
作者站在ICT项目集成角度,不定期更新ICT项目集成类文章,技术方向涉及数通、安防,安全、云计算等;管理方向涉及项目管理,经验分享,IT新闻等。致力于普及时下最新的、最实在、最艳的ICT项目集成干货,阿祥志愿和您共同成长。
ICT系统集成阿祥
2025/06/24
2860
Linux的ssh被爆破的应急处理!
shell 脚本监控攻击IP禁止登录服务器
# 编写脚本 vi ipssh.sh #! /bin/bash cat /var/log/secure | awk '/Failed/{print $(NF-3)}'|sort|uniq -c|awk '{print $1"="$2;}' > /usr/local/bin/black.list # 查看文件 # awk '/Failed/{print $0}' 字段处理,符号 / / 指定包含 Failed 单词的行,打印 $0 所有列 # 此处是指
eisc
2021/01/13
1.9K0
shell 脚本监控攻击IP禁止登录服务器
Linux 禁止用户或 IP通过 SSH 登录
在 /etc/ssh/sshd_config 配置文件中设置 AllowUsers 选项,(配置完成需要重启 SSHD 服务)格式如下:
拓荒者
2019/03/15
9.3K0
Linux 禁止用户或 IP通过 SSH 登录
DenyHosts 阻止SSH暴力攻击
首先sshd服务可以说是linux服务器一个至关重要的服务,如果被暴力破解成功,就直接可以拿到服务器的控制权了,在这里有两种解决方案,第一种是直接生成秘钥然后配置ssh服务无密码登录,然后在配置文件中禁用用户使用密码登录,这种方案相对来说比较安全,但配置有点麻烦啊......
胡齐
2019/09/23
2.1K0
DenyHosts 阻止SSH暴力攻击
系统安全之SSH入侵的检测与响应
作为系列文章的第一篇https://www.freebuf.com/es/193557.html 介绍了攻防系统的整个环境和搭建方法,按照这篇文章应该是可以把整个环境搭建完毕的.。在这篇文章中还介绍到了课程大纲包含主机安全、web安全、后门/木马等等,下面就让我们开始我们的实验课程。
FB客服
2019/03/08
3.9K0
系统安全之SSH入侵的检测与响应
linux使用DenyHosts阻止SSH服务器攻击(暴力破解)
DenyHosts 是一个开源且免费的基于日志的入侵防御安全程序. 它旨在通过阻止发起方来监视和分析 SSH 服务器日志中的无效登录尝试、基于字典的攻击和暴力攻击。IP 通过添加条目到地址 /etc/hosts.deny 服务器上的文件,并防止 IP 地址进行任何进一步的此类登录尝试。 如何在Linux中安装DenyHosts 默认情况下 DenyHosts Linux 系统中不包含该工具,使用以下yum 命令安装软件包。 # yum install -y denyhosts denyhosts配置文件说
入门笔记
2022/06/02
9270
SSH 操作实践指南
那么,以后每次在电脑上使用 SSH 论证的时候,都会提示你输入秘钥密码,非常麻烦。
雪梦科技
2020/05/11
1.6K0
Lniux服务器安全访问控制
/etc/hosts.deny *脚本 /root/SSH_Deny_Rule.sh
以谁为师
2019/05/28
1.4K0
掌握Linux安全,SSH限制IP登录绕不开这3种方法!
为了加强集团服务器的安全性,近期启用了堡垒机,同时就需要对所有业务服务器的ssh进行访问限制,仅允许指定IP访问(堡垒机),其他IP来源则不允许放行。
ICT系统集成阿祥
2024/12/03
1.1K0
掌握Linux安全,SSH限制IP登录绕不开这3种方法!
kex_exchange_identification: read: Connection reset by peer
使用SSH客户端登录Linux实例提示“ssh_exchange_identification: read: Connection reset by peer”错误怎么办?
对你无可奈何
2023/07/08
6.4K0
云服务器上ssh服务安全加固
今天到一个朋友的创业公司进行技术交流,交流过程中,朋友提到他在阿里云上买的linux服务器上ssh服务经常被人暴力破解。我感觉很奇怪,一般来说ssh服务经过简单设置是很安全的,怎么可能会出现这种情况呢。进一步交流才知道他们购买linux服务器后,连一些基本的安全措施都没做。原来并不是所有人都知道放在公网上的服务器是要进行简单的安全加固的。下面把我这些年使用linux时对ssh服务的安全加固步骤写下来,以便其它人参考。(以下的命令脚本基于CentOS6,其它发行版类似) 使用普通用户密钥文件登录 直接使用ro
jeremyxu
2018/05/10
7.7K0
CentOS服务器安全防护实例
可以限制瞬间连接数过大的恶意IP(比如web应用防护,但不适用于LVS+Keepalived集群环境) 防护指令如下
用户1685462
2021/07/17
1.1K0
防暴力激活成功教程密码的脚本「建议收藏」
前几天,使用Azure上的云主机突然cpu使用率上升了很多,发现日志文件/var/log/auth.log(ubuntu)或者/var/log/secure(centos),存在好多尝试激活成功教程用户密码的现象,如下脚本通过获取到日志文件的IP地址,加入到/etc/hosts.deny文件中,拒绝该IP地址的尝试登陆服务器。
全栈程序员站长
2022/09/23
3700
推荐阅读
相关推荐
ssh访问控制,多次失败登录即封掉IP,防止暴力破解
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档