开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

‘'Gatsby’支持IE11

Gatsby是一个基于React的静态网站生成器，它可以帮助开发者快速构建高性能的静态网站。Gatsby的核心思想是使用现代化的前端开发技术，如React、GraphQL等，来生成静态网页，从而提供更好的用户体验和更高的网站性能。

Gatsby的主要特点和优势包括：

高性能：Gatsby通过预渲染静态页面，使得网站加载速度更快，用户体验更好。同时，Gatsby还支持代码分割和懒加载等技术，进一步提升网站性能。
简单易用：Gatsby提供了丰富的插件生态系统，可以轻松地集成各种功能和服务，如SEO优化、图片优化、数据源集成等。同时，Gatsby还提供了易于使用的命令行工具和开发环境，使得开发者可以快速上手并高效开发。
强大的生态系统：Gatsby拥有庞大的社区和生态系统，有大量的插件和主题可供选择，可以满足各种不同需求的网站开发。
高度可定制：Gatsby提供了灵活的配置选项和API，可以根据具体需求进行个性化定制和扩展。

Gatsby适用于各种类型的网站，包括个人博客、企业官网、电子商务网站等。由于其高性能和易用性，Gatsby在静态网站生成器领域得到了广泛的应用和认可。

腾讯云提供了云原生应用托管服务SCF（Serverless Cloud Function），可以用于部署和托管Gatsby生成的静态网站。通过SCF，开发者可以快速部署和运行Gatsby网站，同时享受腾讯云提供的高可用性、弹性扩展和安全性等优势。

更多关于Gatsby的信息和腾讯云相关产品介绍，请参考以下链接：

Gatsby官方网站：https://www.gatsbyjs.com/
腾讯云SCF产品介绍：https://cloud.tencent.com/product/scf

相关搜索:vue.js支持ie11 ie11不支持js 对IE11的PWA支持 js top ie11不支持 gatsby-plugin-mdx上标和下标支持 NPM警告不支持gatsby插件的不支持引擎对IE11的Nuxt和Vue支持 IE11中不支持TTF字体类型 SVG中的IE11和边缘图像支持 Netlify CMS自定义预览不支持gatsby 在Gatsby中为IE11启用自动重定位(特别是)网格 IE11:对象不支持属性或方法“”replaceWith“”如何让IE11支持下载代码？对象不支持属性或方法'map‘- IE11 TypeError:对象不支持属性或方法“entries”(IE11)标准模式下的IE11不支持querySelectorAll方法 Immer未加载到项目中(IE11支持)msal-angularv2.0.4 IE11不支持promise polyfill IE11对象不支持属性或方法“normalize”Angular 2 Final Release IE11 TypeError:对象不支持此操作

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Gatsby入门指南—支持Markdown（1）

1.安装插件我用Gatsby就是因为它支持Markdown.所以不墨迹，直接整Md支持。...webkit-text-stroke-width: 0px; background-position: inherit inherit; background-repeat: inherit inherit;">yarn add gatsby-source-filesystem...yarn add gatsby-transformer-remark 2.添加格式化文章在src>pages下面,添加三篇文章，头部格式如下： > path : "/blog/my-first-post"date...: "2019-05-01"title : "Hello world"tags : ['教程','Gatsby'] > > excerpt : "Gatsby hello word post"

5846 0

Vue 3 也放弃支持 IE11

在 WordPress 将彻底放弃对 IE 的支持之后，Vue.js 作者尤雨溪就 Vue 3 支持 IE11 的计划提交了新提案，就是 Vue 3 将不会支持 IE11。...选项 TS 类型改进 Vite 官方整合尤雨溪说，按照最初的计划，Vue 3 正式发布后会添加对 IE11 的支持。...在后续的开发过程中，团队对 IE11 兼容性进行了研究和实验，由于其涉及的复杂性和手头上的其他工作量比较大，所以支持 IE11 的开发工作一再被延后。...在之前的WordPress 将彻底放弃对 IE 的支持的文章中提到，IE11 的全球使用率已低于 1％，微软自己都准备放弃支持了，微软自家的 Office 365 和 Teams 应用到2021年8月份...在 Vue 3 中支持 IE11 所带来的影响，例如造成长期的维护负担、增加库开发者的开发复杂度、导致部分特性存在行为差异。对于确切需要 IE11 支持的用户，官方建议使用 Vue 2。

1.8K2 0

Vue 3 计划放弃支持 IE11

Vue.js 作者尤雨溪就 Vue 3 支持 IE11 的计划提交了新提案提案摘要： Vue 3 将不会支持 IE11 原定投入 Vue 3 IE11 支持的精力将投入给 2.7，移植 3.x 兼容的新功能...现在再重新审视「Vue 3 支持 IE11」计划时，大环境已经有所改变。...例如微软积极推广 Edge 从而降低用户对 IE 的依赖，甚至微软自家的项目 (Microsoft 365) 也放弃支持 IE11；WordPress 决定放弃支持 IE11；IE11 的全球使用率已低于...因此他认为现在是重新思考 Vue 3 是否要支持 IE11 的时机。...对于确切需要 IE11 支持的用户，官方建议使用 Vue 2。

1K1 0

尤雨溪：Vue 3 将不会支持 IE11

Vue 不支持 IE11 了吗，IE 用户怎么办当然不是，Vue 在 2.X 版本仍然支持 IE11，如果你想使用类似 Vue 3 的新特性，可以等等 Vue 2.7 版本。...很多用户都问过，Vue 3 是否会支持 IE11，我们原本都计划是先发布 Vue 3，让它稳定下来，然后在后续阶段增加对 IE11 的支持。...它还在自己的主要产品（如 Microsoft 365）中移除了对 IE11 的支持。而就在几天前，WordPress 也做出了移除 IE11 支持的决定。IE11 的全球使用率已下降至不足 1%。...如果他们决定支持 IE11，在编写库时，脑子里也必须时刻考虑 ES5 响应式系统的相关警告。为 IE11 持续存在做贡献没人愿意支持 IE11。它是一个停留在过去的行将就木的浏览器。...未来 Web 生态向前发展的越远，我们为了支持 IE11 所要填补的缺口就越大。具有讽刺意味的是，如果 Vue 3 支持 IE11，那么就等于我们给它注入了新的生命力。

1.4K1 0

Gatsby: 代码高亮

安装插件 npm install --save gatsby-transformer-remark gatsby-remark-highlight-code @deckdeckgo/highlight-code...配置插件在 gatsby-config.js 中添加： // In your gatsby-config.js plugins: [ { resolve: `gatsby-transformer-remark...`, options: { plugins: [ { resolve: `gatsby-remark-highlight-code`...}, ], }, }, ] 运行时加载插件对于 gatsby-starter-blog，在 src/templates/blog-post.js 的 BlogPostTemplate...效果：https://aping-dev.com/gatsby-highlight-code/ [image.png] 参考 gatsby-remark-highlight-code

1.4K3 0

Gatsby: 添加标签

安装插件 npm install yarn -g yarn add gatsby-plugin-tags 配置插件在 gatsby-config.js 的 plugins 中添加： { resolve...}, }, 添加、修改文件参考 https://github.com/rmcfadzean/gatsby-pantry/tree/master/examples/starter-blog 做了适当的修改...build 效果：https://aping-dev.com/gatsby-tags/ [image.png] 参考 gatsby-plugin-tags. https://www.gatsbyjs.org.../packages/gatsby-plugin-tags/?...=tag https://github.com/rmcfadzean/gatsby-pantry/tree/master/examples/starter-blog

1.1K3 0

Gatsby CLI命令说明！

一、简介 Gatsby CLI 用于 Gatsby 项目的创建、启动、编译等。它是发布于 npm 的包，可以用npm进行安装管理 npm install -g gatsby-cli。...二、命令 1、new 功能：新建 Gatsby 项目。详细用法，看这里！...gatsby new gatsby new my-awesome-site 2、develop 功能：用开发模式运行项目 # 启动 gatsby develop # 访问 http://localhost...gatsby build 4、serve 功能：发布后的程序，无法调试，可以在开发机器上，用此命令运行发布程序，用于测试。...gatsby clean 二、参考文档 Gatsby CLI命令说明！

8001 0

学习gatsby，从这里开始！

一、Gatsby 是什么？可建立一个访问速度极快的静态网站。...[data-layer-with-nodes] --- 2、Gatsby 项目文件结构详情，看这里！ --- 3、官方demo 展示 Gatsby 的各种功能怎么使用。详情，看这里！...--- 三、安装 Gatsby 并新建网站 Gatsby 是在 Node.js 的基础上建立，使用 Gatsby 之前必须先安装 Node.js 且版本 ≥ 12.13。...同样也可以在阿里云上购买一个ESC；第三步：在阿里云后台设置域名解析到第二步的服务器；第四步：在服务器上安装nginx；第五步：在开发机器上编译 gatsby 项目 gatsby clean gatsby...--- 八、参考文档学习gatsby，从这里开始！

2.2K2 0

Gatsby中怎么使用emotion？

1、安装 gatsby new global-styles https://github.com/gatsbyjs/gatsby-starter-hello-world cd global-styles...npm install gatsby-plugin-emotion @emotion/react @emotion/styled 2、配置 module.exports = { plugins:...[`gatsby-plugin-emotion`], } 3、定义 emotion // src/components/layout.js import React from "react" import... } 5、启动与访问 # 启动 gatsby develop # 访问 http://localhost:8000/ 三、参考文档 Gatsby中怎么使用emotion？

1.3K4 0

Gatsby中怎么加载图片？

1、StaticImage 安装插件 npm install gatsby-plugin-image gatsby-plugin-sharp gatsby-source-filesystem 增加配置...[ "gatsby-plugin-image", "gatsby-plugin-sharp", ], }; 显示图片 StaticImage 是 gatsby-plugin-image...gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react gatsby-transformer-sharp gatsby-plugin-image 第二步：修改 gatsby-config.js...怎么在gatsby中访问 strapi 中数据？ 2、解决方案借助插件 gatsby-source-strapi 把strapi中数据转为 gatsby 数据节点，方便访问。...gatsby-plugin-image 第二步：修改 gatsby-config.js 中的配置 // gatsby-config.js module.exports = { plugins: [

2.9K5 0

Gatsby中怎么使用MDX？

# 安装插件及其依赖库 npm install gatsby-source-filesystem gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react # 或 yarn...add gatsby-source-filesystem gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react gatsby-source-filesystem ：...把文件转换为 gatsby 的数据层节点：allFile、File。...gatsby-plugin-mdx ：转换 allFile 节点中格式为 .mdx、.md 的文件，生成新的 gatsby 数据层节点：allMdx、mdx。...2、修改配置 gatsby-config.js 增加下面内容： // gatsby-config.js module.exports = { plugins: [ { resolve

1.4K1 0

Vue项目兼容IE11

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但对于 IE9+，Vue 底层是支持。...下述主要阐述如何使用 vue-cli3 脚手架搭建的工程支持 IE11。现象 IE11 打开 Vue 工程（Vue CLI）构建而来出现空白页，控制台告警、报错。...@babel/preset-env：将你使用最新 JavaScript 语法，灵活的转化为目标浏览器所支持的 polyfill。 Autoprefixer：PostCSS 插件，为浏览器增加前缀。... css polyfill 由于我们项目中，大量使用了 CSS var() ，IE11... 总结总之，所有的处理都是围绕转换成 IE11 可以兼容的方式去处理。

2.8K4 0

Vue项目兼容IE11

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但对于 IE9+，Vue 底层是支持。...下述主要阐述如何使用 vue-cli3 脚手架搭建的工程支持 IE11。现象 IE11 打开 Vue 工程（Vue CLI）构建而来出现空白页，控制台告警、报错。...@babel/preset-env：将你使用最新 JavaScript 语法，灵活的转化为目标浏览器所支持的 polyfill。 Autoprefixer：PostCSS 插件，为浏览器增加前缀。...css polyfill 由于我们项目中，大量使用了 CSS var() ，IE11 不兼容导致，思路相同，寻找相应的 polyfill 即可。...总结总之，所有的处理都是围绕转换成 IE11 可以兼容的方式去处理。对于 JavaScript 语法，即是对 babel 的控制；对于 CSS 语法，需要特定分析。

7.1K4 1

玩转 PAI：Gatsby 静态博客搭建

bash: node: 未找到命令”，执行： echo "export PATH=/usr/local/node/bin:$PATH" >> ~/.bashrc source ~/.bashrc 下载 Gatsby...CLI npm install -g gatsby-cli 下载 Gatsby 静态博客 git clone https://gitee.com/aping-dev/gatsby-starter-blog...安装 Gatsby 静态博客的依赖库耗时几分钟～几小时，据网速而定 cd gatsby-starter-blog/ npm install --unsafe-perm=true --allow-root...--verbose 启动 Gatsby 静态博客 gatsby develop -p 3000 # PAI 中的 nginx 默认代理 3000 端口也可以将启动命令写入 .pai.yml...pai-instance-document [图片.png] 参考 https://www.gatsbyjs.org/docs/quick-start/ https://github.com/gatsbyjs/gatsby-starter-blog

9534 0

Gatsby 博客部署到腾讯云教程

整体流程 Tips: 我正在学习用 Figma 做图，如需上图源文件可以点击这里准备工作本地环境 Gatsby 基于 Node.js, Gatsby CLI 依赖 Git，先确保本地开发环境已经...安装 Node.js；安装 Git； Gatsby 开发环境 Gatsby 的 CLI 工具非常方便，在终端全局安装 gatsby-cli npm install -g gatsby-cli 切换到开发目录...gatsby new ，然后设置项目名称，例如 site ，选择起始模板 starter gatsby new 最后在切换到刚才的 site 目录，gatsby develop cd /code/avenirzheng.net.../v6/site #gatsby 站点目录。...Tips: 某些情况下因为代理或者墙的原因，无法使用 Gatsby CLI 从 github 上拉取代码，你可以通过能链通的 npm 源手动创建一个 Gatsby 站点目录。

4.3K11 1

gatsby-browser.js有什么作用？

一、简介 Gatsby 在 gatsby-browser.js 文件中提供了一些API，可供开发者监控浏览器的特定事件和写一些全局组件。...二、API 说明 1、onRouteUpdate 功能：监控页面切换的事件 // gatsby-browser.js const React = require("react") // Logs...prevLocation.pathname : null) } 2、wrapPageElement 功能：用于plugin，给所有页面增加一层父容器 // gatsby-browser.js...和 gatsby-browser.js 这两个文件中都提供了这两个API：wrapPageElement 和 wrapRootElement 。...四、参考文档 gatsby-browser.js有什么作用？

1K3 0

用 Gatsby 创建一个博客

您通常希望使用 gatsby develop 来启动本地开发服务器，以验证我们在步骤中所完成的功能。添加必要的插件 Gatsby 支持使用丰富的插件，很多非常有用的插件都是为了完成普通任务而编写的。...功能插件功能插件用来实现某些功能（离线支持，生成一个站点地图等等）或者他们扩展了 Gatsby 的 webpack 配置，增加了对 Typescript、Sass 等的支持。...创建 React 模板当 Gatsby 支持服务器端渲染(对字符串)的 React 组件时，我们可以使用 React 编写我们的模板（也可以使用Preact ）。...这个数据支持从何而来？这些问题，让我们通过编写一个GraphQL查询来回答，以便为我们的组件添加内容。...这个API写在在 gatsby-node.js文件中，在这个文件中发现的每一个导出都将由 Gatsby 分析。Gatsby详细地介绍了它的Node API规范。

2.5K3 0

gatsby-ssr.js有什么作用？

一、简介 Gatsby 编译完成后，会为每个页面生成对应的 HTML 文件。而 gatsby-ssr.js 文件中提供了一些API，用于编译完成之前修改这些 HTML 的内容。...exports.wrapPageElement = ({ element, props }) => { return {element} } 三、重要规则 1、一致性 gatsby-ssr.js...和 gatsby-browser.js 这两个文件中都提供了这两个API：wrapPageElement 和 wrapRootElement 。...四、参考文档 gatsby-ssr.js有什么作用？

1.5K2 0

Gatsby 中怎么加载使用文件资源？

一、Gatsby 怎么使用文件资源？对于图片、音频、视频文、svg、字体等文件，怎么导入Gatsby中？...--- 二、解决方案把文件导入到Gatsby项目中使用，有两种方式：import 和 static folder. import ：Gatsby 会在编译期对 import 导入的资源进行优化（压缩、...--- 四、参考文档 Gatsby 中怎么加载使用文件资源？

1.2K2 0

gatsby-config.js有什么作用？

一、简介 gatsby-config.js 位于项目根目录，用于配置项目信息，如果没有就新建一个。...// gatsby-config.js module.exports = { siteMetadata: { title: `Gatsby`, siteUrl: `https://www.gatsbyjs.com...`, description: `Blazing fast modern site generator for React`, }, plugins: [ `gatsby-transform-plugin...`, { resolve: `gatsby-plugin-name`, options: { optionA: true, optionB...pathPrefix: `/blog`, proxy: { prefix: "/api", url: "http://examplesite.com/api/", }, } 二、参考文档 gatsby-config.js

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭