问： 假设我有这个脚本： export.bash #!...echo $VAR 有没有一种方法可以通过只执行 export.bash 而不 source 它获取 $VAR？ 答： 不可以。 但是有几种可能的解决办法。...在调用 shell 的上下文中执行脚本: $ cat set-vars1.sh export FOO=BAR $ . set-vars1.sh $ echo $FOO BAR 另一种方法是在脚本中打印设置环境变量的命令.../set-vars2.sh)" $ echo "$FOO" BAR 在终端上执行 help export 可以查看 Bash 内置命令 export 的帮助文档： # help export export...help eval 相关阅读： 用和不用export定义变量的区别 在shell编程中$(cmd) 和 `cmd` 之间有什么区别 ----
想创建您的第一个AMP页面又不知道如何开始?在本教程中，您将学习如何创建一个基本的AMP HTML页面，如何对其进行设置并验证它是否与AMP兼容，以及如何为发布和分发做好准备。...下面的代码是一个不错的amp样板，可以做为学习的开始。复制并将其保存到扩展名为.html的文件中。 在页面的头部有很多额外的代码，这些代码可能不会立即显示出来。让我们来分析一下所需的标记。 使用HTTPS:在创建AMP页面和内容时，应该强烈考虑使用HTTPS协议。...表示页面自适应。 在head中包含AMP样板代码。CSS样板，最初隐藏内容，直到AMP JS加载。 ...这就是我们创建第一个AMP页面所需要的一切，但是当然，在body中还没有进行很多工作。在下一节中，我们将介绍如何添加基本的像图像，自定义AMP元素，如何自定义样式你的页面和作出一个响应式布局。
今天在本来想测试一下，之前实现的 APP Indexing 功能是否正常工作——即我在网页上打开博客的链接时，会直接打开我的 APP。...可让网页在移动设备上快速加载并且看起来十分美观（即使是在网速很慢的情况下）。...如果您的页面既符合 AMP 要求又包含一些额外信息，那么它们也可通过利用 Google 搜索结果中的特殊展示功能来增强自身的吸引力。 于是在周末的时候只好试试会出现什么问题了。...创建AMP HTML页面 官方有这样一个简单的入门文档：《Create Your AMP HTML Page》，依据这个文档一步步地做了下来： 首先，我们需要先创建对应的AMP模板页 修改 ...接着，需要添加AMP项目的脚本 v0.js">。 最近再添加下面的样式在head里。
与MIP站点不同的是：AMP站点打开后会明显观察到网页顶部的AMP页面特有导航条： 点击顶部导航条右侧的“链接”标志符号可以显示当前AMP页面对应的源站链接（非AMP页面）点击可访问源站： AMP...解决方案一： 在网站域名不变的情况下，基于判断用户UA(User Agent)来实现 MIP 页面，同时也实现了网站移动端页面的建设。...答案是不会的，源站和新AMP站添加上面介绍的对应关系后，谷歌搜索引擎会自动识别，过几天站长就可以在谷歌站长平台看到AMP页面的提示了，当用户搜索相关关键词时，谷歌会优先将AMP域名展现出来（优待展现+闪电标记...v0.js">script> 标签之间还需包含上面这段标签； amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end...所以对于源码的要求貌似没有百度MIP校验严格~但是还是建议前端在编写amp页面代码时常去校验平台校验代码是否符合AMP开发规范！
根据 Google 官方说明，AMP 在模拟 Nexus 5 并模拟 3G 网络的测试情况下，首屏展现速度有 15% ~ 85% 的提升。...AMP页面优化资源加载，自动对资源做延迟加载，首屏完整展现的速度明显快于HTML页面。 上面的测试页面是静态内容页面，不涉及到服务器数据拉取和复杂的页面交互，所以有一定的局限性。...执行内联脚本会阻塞 DOM 构建，也就延缓了首次渲染。为了减少JS对页面渲染的延迟，AMP不允许直接使用内联脚本，只允许异步加载JS。...AMP页面不允许直接包含任何内联JS，页面交互可在AMP组件中处理，AMP组件是经过精心设计的保证不会影响页面性能。第三方JS只允许在 iframe 中使用，这样就不会阻塞主页面的渲染。...四、总结与思考 AMP亮点： AMP有利于网站SEO，在网站内容差不多的情况下，使用AMP的网站在 Google 搜索中可以获得更靠前的排名。 延迟加载、按需加载使得首屏展现更快。
利用这些自定义元素（称为 AMP HTML 组件）可以轻松高效地实现常见的模式。 例如，amp-img 标记可提供完整的 srcset 支持，即使在尚不支持该标记的浏览器中也是如此。...三、开发规范： 1.AMP页面源码 必须包含的标记 必须以“包含顶级标签：“”，使用“amp>”也可以！ 必须包含“”和“”标签！...必须包含“AMP页面对应的源站页面链接">”标签！...必须包含“v0.js">”标签！
什么是 AMP4Email AMP4Email（也称为动态邮件）是 Gmail 的一项新功能，可以让电子邮件包含动态 HTML 内容。...尽管撰写包含 HTML 标签的电子邮件已经很多年了，但通常认为 HTML 仅包含静态内容，即某种格式，图像等，没有任何脚本或表单。AMP4Email 打算更进一步，允许电子邮件中包含动态内容。...该功能引发了一些明显的安全性问题。最重要的一个可能是：跨站点脚本（XSS）？如果我们允许电子邮件中包含动态内容，是否意味着我们可以轻松地注入任意 JavaScript 代码？...好吧，答案是否定的；没那么容易。 AMP4Email 具有强验证器，简而言之，它是允许在动态邮件中使用的标签和属性的强大白名单。...要完成这个任务，我们需要找到两个问题的解决方案 我们知道可以在 window 上创建新属性，但是可以在其他对象上创建新属性（比如 test1.test2）吗？
1.关于AMP 在移动互联网的时代，尽管网站响应式设计可以满足多屏（pc、手机、ipad等）浏览,但google在2015年10月推出了更快移动页面访问速度的技术-Accelerated Mobile...，此页面也同时兼容桌面电脑（pc）上浏览，首页、分类、翻页等都没有相对应的AMP页面，我预计后续版本应该会增加更多的功能，如果你不想等，也可以直接改造这个插件加入导航、分类等功能。...安装启动WordpPress的AMP插件后，插件会创建一个AMP文章页面，该页面链接URL是在原页面的链接URL加上“/amp”，以本博客文章链接为例： 原文章页面链接 ：//www.watch-life.net...用户点击后，页面会迅速打开，显示的是Google服务器上的缓存页面。在google搜索里AMP页面如下图展现： ? 4.百度是否会跟进AMP？...国内的站长最关注是百度（baidu）搜索是否会跟进AMP呢？
在这种情况下，谷歌正在使AMP几乎成为许多网站的必需品。在这篇文章中，ytkah将给大家介绍谷歌的加速移动页面项目的详细信息。这包括在您的WordPress站点中调用它的步骤。 ...AMP是什么？ 有些开发人员可能并不熟悉AMP。它是一个移动友好的框架，可以快速加载移动浏览器上的网页。它是一种开源技术，旨在为网站运营者有效地提高在移动设备上加载内容页面的速度和用户体验。...如果您是一位经验丰富的开发人员，您可以通过全面的页面加载优化实现类似的增强。加速的移动页面使得这些优化非常容易执行，而不需要花费太多的时间和精力在移动布局上。 ...对于那些已经为网站花费很多时间在SEO排名上的朋友，这只是增加更多的任务到他们的待办事项列表，当然，因为AMP页面也可以提高搜索引擎优化排名你的网站。这或许也是大企业采用AMP的主要原因。 ...利用这些自定义元素（称为 AMP HTML 组件）可以轻松高效地实现常见的模式。 例如，amp-img 标记可提供完整的 srcset 支持，即使在尚不支持该标记的浏览器中也是如此。
从目前官方统计数据看来，速度平均有 4 倍提升 AMP 是一个在 Github 上的开源项目(传送门)在我看来，它是一套解决方案，我们的移动页面使用了这套解决方案之后，就可以得到提升加载速度的体验。...、禁用性能缓慢的 CSS 选择器等等 另外，AMP 页面不允许使用第三方脚本。...还有许多场景，比如仅允许异步资源，就是为了防止阻塞页面的渲染，AMP 不允许使用第三方脚本就是如此。 另外一个重要的优化手段是 AMP Cache。.../ AMP实战 上面讲的也差不多了，下面我们来个小实战，来让读者体验一下 AMP 页面首先我们写 HTML，直接从官网上面 copy HTML 的结构，然后我们写一个列表，列了 24 个课程卡片，每个课程卡片包含课程封面图...当然，也需要认识到 AMP 页面的不足的地方：目前 AMP 页面只适用于静态页面，因为它不允许第三方脚本；另外，页面的链接被替换了呀！因此，AMP 页面一般适用的地方是：站点官网、广告页。
从目前官方统计数据看来，速度平均有 4 倍提升 AMP 是一个在 Github 上的开源项目(传送门) 在我看来，它是一套解决方案，我们的移动页面使用了这套解决方案之后，就可以得到提升加载速度的体验...、禁用性能缓慢的 CSS 选择器等等 另外，AMP 页面不允许使用第三方脚本。...可能说的有点抽象，实际上就是在 CDN 网络加了一层代理，专门用来处理 AMP 页面的缓存。...刚刚说的可能会让读者一脸懵逼，这里就通俗地讲解一下，为什么 AMP 可以提升页面的加载速度。 首先可以参考官方文档介绍的 为什么 AMP 快。...这个自定义标签amp-img>就实现了所有我们在加载图片上面所使用到的优化手段。 还有许多场景，比如仅允许异步资源，就是为了防止阻塞页面的渲染，AMP 不允许使用第三方脚本就是如此。
从目前官方统计数据看来，速度平均有 4 倍提升 AMP 是一个在 Github 上的开源项目(传送门) 在我看来，它是一套解决方案，我们的移动页面使用了这套解决方案之后，就可以得到提升加载速度的体验。...、禁用性能缓慢的 CSS 选择器等等 另外，AMP 页面不允许使用第三方脚本。...刚刚说的可能会让读者一脸懵逼，这里就通俗地讲解一下，为什么 AMP 可以提升页面的加载速度。 首先可以参考官方文档介绍的 为什么 AMP 快。...这个自定义标签amp-img>就实现了所有我们在加载图片上面所使用到的优化手段。 还有许多场景，比如仅允许异步资源，就是为了防止阻塞页面的渲染，AMP 不允许使用第三方脚本就是如此。...当然，也需要认识到 AMP 页面的不足的地方： 目前 AMP 页面只适用于静态页面，因为它不允许第三方脚本；另外，页面的链接被替换了呀！ 因此，AMP 页面一般适用的地方是：站点官网、广告页。
《扫雷》游戏的玩法是，在不触碰到任何地雷的情况下去发现一个雷区。 揭开一个没有地雷的块之后，将会显示一个数字来表示周围地雷的数量。...二、正文 2-1、新建项目 （1）项目开发，从新建项目开始，我使用的Unity版本是Unity 2019.4.7f1，模板就选择2D，项目名称随意，别中文就行： （2）创建目录，在Project视图，...（5）新建脚本CreateBg.cs，在Projec视图的Scripts目录中，右击选择Create→C# Script： 双击打开脚本，编辑代码： using System.Collections;...2-6、制作数字和地雷 （1）新建一个脚本Element.cs，然后在Project视图的Prefabs文件夹中选中default对象，点击Add Componet→Element添加脚本： （2）双击打开.../ ... } } 运行程序，在发现一个空元素的时候，会遍历就寻找周围是否存在没有地雷的空元素： 2-8、判断是否已经找到所有地雷 接下来，需要判断玩家是否已经找到所有的雷，那么游戏就应该结束了
XSS攻击：跨站脚本攻击(Cross Site Scripting)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。...防御类型为反射型xss，即url参数再次出现在页面中，浏览器会进行拦截。防御内容为HTML节点内容与HTML属性。是一种非常有限的防御机制，不可以依赖。 HTML节点内容转义。 转义内容为。...用户输入的数据出现在了html属性上，而由于里面有引号，将属性提前关闭了，产生了其他属性，而内容中可能存在脚本。只需要将引号转义。...不建议使用 按白名单保留部分标签和属性。将html解析成树状结构，根据dom树遍历，是否为允许属性。库Xss，可以实现将html解析成树状结构。...这将引入一些相当严格的策略，会使扩展程序在默认情况下更加安全，开发者可以创建并强制应用一些规则，管理网站允许加载的内容。
另外，还可以用抓包的方法，在包里面直接写，也是不受长度限制的。...0x01、对关键字script进行过滤 作为开发者，你很容易发现，要想进行xss攻击，必须插入一段js脚本，而js脚本的特征是很明显的，脚本中包含script关键字，那么我们只需要进行script过滤即可...因为js是不区分大小写的，所以我们的大小写不影响脚本的执行 成功弹框 ?...，能够在页面上显示类似于小于号（的特殊符号，而不会影响到页面标签的解析。...可以看到，我们输入的内容全部显示在页面上了。 ? 可是却没有弹框。 我们鼠标右键，查看网页源代码： ?
它还发布了一个内置的验证工具，可以让你看到当前页面的是否符合 AMP 文档的要求。...需要强调的是，从技术上来说，即使不遵守所有的规定，AMP 页面也能运行得很好，只是你的页面无法通过 AMP 验证（从性能上来说，不遵守 AMP 规定到一定程度的时候，AMP 做的性能改进也会全部失效，另外如果有一些东西是要求与...比如： 合法的 AMP 可以使用免费、高速的缓存（例如 Google AMP Cache） 基本可以确认合法的 AMP 页面速度很快，且对用户友好 AMP 页面是“自包含”（self-contained...但我们所说的静态内容同样可以包含具有艺术气息的动画、侧边栏、灯箱广告、手风琴导航、轮播等等。...•最后，已经加载好的 PWA 应用外壳可以将 AMP 作为数据源嵌入到页面，这将使得你只需要为相同内容创建一个后台（既可以作为单独的 AMP 浏览，也可以作为 PWA 的数据源） 如果同时谈到 AMP
请对你有过帮助的地方添加评论… 创建一个 “Google Suggest” 组件 我一直不主张自己写 suggest 组件。...下面是一些包含 suggest 组件的库： Script.aculo.us 包含了一个 Autocompleter.Local 函数，该函数可以与DWR融为一体。...你可以使用剪切和粘贴一个该函数的新版本来修复这些缺陷（译注：这 里作者的意思是你可以在DWR所提供的 useLoadingMessage() 函数的基础上进行修改）。...这个页面的一些基本用法已经包含在了 开始使用 DWR 这篇文章之中，但是记住程序何时中断的显得更有意义，这是因为通常这些页面提供了将要出现错误的信息。...网络瓶颈： DWR不能管理浏览器的缓存，所以浏览器会不断地重复读取 DWR javascript 脚本。
它还发布了一个内置的验证工具，可以让你看到当前页面的是否符合 AMP 文档的要求。...需要强调的是，从技术上来说，即使不遵守所有的规定，AMP 页面也能运行得很好，只是你的页面无法通过 AMP 验证（从性能上来说，不遵守 AMP 规定到一定程度的时候，AMP 做的性能改进也会全部失效，另外如果有一些东西是要求与...比如： 合法的 AMP 可以使用免费、高速的缓存（例如 Google AMP Cache） 基本可以确认合法的 AMP 页面速度很快，且对用户友好 AMP 页面是“自包含”（self-contained...在动手前想一想在 AMP 的强制限制（同时也带来好处）下，你的网站是否能正常运行。如果答案是肯定的，那么就切换到 AMP 吧。...PWA 应用外壳可以将 AMP 作为数据源嵌入到页面，这将使得你只需要为相同内容创建一个后台（既可以作为单独的 AMP 浏览，也可以作为 PWA 的数据源） 如果同时谈到 AMP 和 PWA 的话，还有更多话题可以说
比如, 你是否看到过 "Business Insider" 在展示文章内容之前提供的文章的关键点? ?...有一个很基础的办法来达到目的，例如我们可以用一些基本的js脚本就可以提取文本，而不需要使用slot和template。既然我们已经有一些熟悉的方法，那么为什么还要用他们呢？...现在, 对我们要用到的技术做一个简单的定义： template是一组可被复用的标签 slot是页面中指定元素的占位符 shadow dom是dom树，在我们用script引入它之前没有存在于页面中 当我们开始编码后...关于布局你可以随便一点，重点是放置一个slot去提取关键点。在我们使用js脚本把template添加到页面之前, 页面上什么都不会渲染出来。...再把这些关键点就添加到页面底部（keyPointsSection.appendChild）。我们在遍历中处理所有的关键点。
排除无效/干扰元素： 由于页面各式各样，不合理的布局将会造成解析的结果非常糟糕，我们可以通过指定元素选项来进行过滤，由于页面也会存在一些被隐藏或透明的元素我们也将跳过。...需要跳过的元素的处理： 我们在入口参数提供了一个includeElement函数，这个函数可以接收一个dom节点和一个绘制函数，当接收到dom节点后通过对选项进行筛选反返回为false即可跳过对应元素。...如下列举： 当元素设置了background-image属性时，如果解析到内容包含url地址则需要绘制； 当遍历到该元素的子元素包含文本类型的节点且节点内容不为空时需要绘制； 遍历当前的元素为文本类型且节点内容不为空时需要绘制...； 当元素在我们的预设列表中存在时需要绘制。...当我们设置需要绘制头部的时候，如果头部的高度会遮挡一部分元素，那么这部分元素可跳过不绘制。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
