毕竟，同样作为在线代码运行环境（主要是跑算法题）的leetcode[1]，如果同时刷题的人多了，提交后都还得排队：
Docusaurus2 可快速搭建文档、博客、官网等网站，并发布到 GitHub Pages, Serverless 等。
然，生那受苦的命，闲不住啊，领下军令状，重构单位单位的组件库使用的在线代码编辑IDE
codesandbox能在线运行代码，显然他也实现了上述步骤，具体来说，codesandbox内置了2个在线服务：
上回书说道，一个在线IDE所必备的条件之一——沙箱环境，我们讲了现在市面上主流的沙箱环境的原理
亲爱的CodeIdea读者朋友们，欢迎来到这场开源API文档工具的终极对决。在软件开发的世界里，好的文档是不可或缺的，而选择适合您的API文档工具可能是一个关键决策。在本文中，我们将深入比较两款热门的开源API文档工具：VuePress和Docusaurus。
最近需要把一个前端工程转交出去给其他小伙伴接手； 因为一直在内部孵化，基本除了少数维护的几个人可能知根知底； 而对于其他人来说一片空白，所以需要提供一个文档体系来辅助别人上手；
在现代化软件开发中，文档对于软件成功的重要性不言而喻。然而，管理和维护文档站点往往会给开发者带来额外的负担。为了帮助开发人员快速构建易于管理和维护的文档站点，Docusaurus应运而生。本文将深入探讨为什么选择Docusaurus构建您的文档站点是一个好的选择。
tags: static-site generator, blog generator, docusaurus-v2
这期来关注一下CodeSandbox, 这是一个浏览器端的沙盒运行环境，支持多种流行的构建模板，例如 create-react-app、 vue-cli、parcel等等。 可以用于快速原型开发、DEMO 展示、Bug 还原等等.
抓文档的正文非常简单，使用GNE高级版，只要有URL直接就能抓取下来，如下图所示：
前端人员在开发过程中，如何快速感知到组件的功能和属性？现状是通过阅读组件相关文档，好在基础组件库的文档相对完整和清晰，手动补全示例。业务组件相关文档目前只能在内部 NPM 私库上查看，静态的 API 文档，没有组件的 Demo。对于非前端人员，如何预览和调试组件呢？比如：某一天，产品想提前调研其它业务线的业务组件功能能否满足业务诉求；业务组件开发完成，测试和设计可以介入组件相关功能的验证；运营人员可以在低代码搭建平台，预览和调试相关组件等。
<iframe> 标签（又称内联框架元素）表示了一个嵌套的浏览上下文(browsing context)，实际上是用来在当前页面中内嵌另一个HTML页面。
注意：这篇文章描述了一种我们仍需要测其试性能影响的实验技术。它可能最终会成为一种有用的工具，也有可能成为不被推荐的做法。无论哪种方式，它对我们来说很有吸引力！
多媒体和嵌入内容 HTML5中的音频和视频标签的使用 嵌入内容的应用，如地图、嵌入网页等
React 是一个用于构建用户界面的 JavaScript 库，自从 2013 年发布以来，一直受到前端开发者的喜爱。近日，React 官网改版，包括新版的开发文档等，带来了更全面、更易用、更美观的开发体验。
<iframe src='链接页面地址' width='数值' height='数值'></iframe>
<iframe width=420 height=330 name=aa frameborder=0 src=http://www.liuyebo.com></iframe>，然后，网页上的超链接语句应该写为：
Iframe 标签详解<Iframe src=”example.htm” width=”300″ heitht=”100″></IFRAME> example.htm 是被嵌入的页面，标签 <IFRAME> 还有一些可用的参数设置如下： marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth=”20″，单位是 pix，下同。 marginheight:网页中内容在表格顶部预留的高度； hspace:网页右上角的的横坐标； vspace:网页右上角的纵坐标； frameborder:是否显示边缘；填”1″表示”是”，填”0″表示”否” scrolling:是否出现滚动条；填”1″表示”是”，填”0″表示”否” 在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。 iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下： name：内嵌帧名称 width：内嵌帧宽度(可用像素值或百分比) height：内嵌帧高度(可用像素值或百分比) frameborder：内嵌帧边框 marginwidth：帧内文本的左右页边距 marginheight：帧内文本的上下页边距 scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示) src：内嵌入文件的地址 style：内嵌文档的样式(如设置文档背景等) allowtransparency：是否允许透明 明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中 让iframe自动适应内容的高度
很多小伙伴想把B站的视频嵌入到自己的博客或者网站中，但直接使用官方视频下面的嵌入代码，网站用户就看不了高清、发不了弹幕，并且视频排版也很不美观。然后用户点击播放器里各种连接被引入源站，你相当于是无偿给他打广告的。
上面两张图是两个不同的页面但是它们的基本框架都是一样，每点击一次左边的导航栏改变的都是中间的内容区域。也就是说共同的框架都是没有改变的，改变的是中间的内容。
html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的;
img元素允许我们在HTML文档里嵌入图像。图像在HTML标记处理完毕后才加载！！
在b站视频点击分享，获取“嵌入代码” 如上图，获取的嵌入代码为： <iframe src="//player.bilibili.com/player.html?aid=247120140&bvid=B
XDOC可以实现预览以DataURI表示的DOC文档，此外XDOC还可以实现文本、带参数文本、html文本、json文本、公文等在线预览，具体实现方法请看官方文档下面这种方式可以实现快速预览word但是对文件使用的编辑器可能会有一些限制
https://juejin.cn/post/6949433236787298335
拿到这个对象，就可以根据正常网页的方法拿到嵌入（子）网页的文档高度，然后把值附给父页面的iframe的height。
在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type=“text javascript”>
我们如果想发布带音视频播放器的文章，主要不在于后台是否支持而是在于前端主题是否支持。
新版博客用docusaurus重构已经有些日子了，根据docusaurus的文档上也申请了Algolia,想一劳永逸的解决博客的搜索问题。但是流水有意，落花无情。
本篇文章为大家盘点了1月份最热门的 JavaScript 项目，让我们一起来看下吧！ 一、编辑器tui.editor https://github.com/nhnent/tui.editor Star 5033 tui.editor（TOAST UI Editor）是一款所见即所得的Markdown编辑器。TOAST UI Editor提供Markdown模式和WYSIWYG模式。它的功能非常强大，你可以编辑表格，UML图和图表等。 TOAST UI Editor的Markdown模式的特点有： ● 所见即
今天继续聊 浏览器策略 ，这是我 「浏览器策略解读」 专栏的第 35 篇文章了，感谢读者们一如既往的支持！
https://github.com/JACK-ZHANG-coming/my-now-blog
前言 您是否正在寻找有关如何创建博客网站: 个人博客 或者 开源项目官网 : Dubbo, Vue.js的构建框架? 在这篇文章我将向您展示如何创建一个美观并且实用的开源博客/开源项目官网构建框架！近
docsify是一个基于JavaScript 的文档生成器，它可以帮助你快速构建漂亮、响应式的文档网站。
本周 Cassidoo 每周时事通讯[1]的面试问题是：编写一个函数，该函数接受一个有效的JSON字符串并将其转换为一个对象。编程语言不限，数据结构不限。输入示例：
学习目标： 了解内嵌框架 ---- 学习内容： 内嵌框架标签<iframe></iframe> 可以将文档A嵌入在另一个文档B中显示 优点： 1.保持网站风格一致 2.灵活性与方便性 3.提高网页下载速度 内嵌框架的使用 ---- <iframe scr="引用的页面地址" width="宽度" height="高度" name="框架名字" frameborder="是否显示边框" scrolling="是否出现滚动条"> frameborder="1" 1表示显示 0表示不显示 scrol
沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创建类似沙盒的独立作业环境，在其内部运行的程序并不能对硬盘产生永久性的影响。 举个简单的栗子，其实我们的浏览器，Chrome 中的每一个标签页都是一个沙箱（sandbox）。渲染进程被沙箱（Sandbox）隔离，网页 web 代码内容必须通过 IPC 通道才能与浏览器内核进程通信，通信过程会进行安全的检查。沙箱设计的目的是为了让不可信的代码运行在一定的环境中，从而限制这些代码访问隔离区之外的资源。
今天做apache-streampark文档国际化时踩到一个坑，其使用的框架docusaurus它支持多版本的管理，所以需要套一层current目录标识版本号
官网：https://github.com/superalsrk/hexo-pdf
之前使用 vuepress 的时候，使用的评论系统是Valine，可是匿名用户也能直接评论，虽说会过滤垃圾信息，但是后台查看评论与通知总感觉没有那么实在。
沙箱或称沙盒，即sandbox，顾名思义，就是让程序跑在一个隔离的环境下，不对外界的其他程序造成影响，外界无法修改该环境内任何信息，沙箱内的东西单独属于一个世界，通过创建类似沙盒的独立作业环境，在其内部运行的程序并不能对硬盘产生永久性的影响。举个简单的栗子，其实我们的浏览器，Chrome 中的每一个标签页都是一个沙箱（sandbox）。渲染进程被沙箱（Sandbox）隔离，网页 web 代码内容必须通过 IPC 通道才能与浏览器内核进程通信，通信过程会进行安全的检查。沙箱设计的目的是为了让不可信的代码运行在一定的环境中，从而限制这些代码访问隔离区之外的资源。
技术一直在演变，在网页中使用 SVG 的方法也层出不穷。每个时期都有对应的最优解。
大半年没更新博客，一直忙着写项目（写到手软的那种），然后无意间在 B 站看到一个 Up 主 峰华前端工程师 基于 React 驱动的静态网站生成器搭建的个人博客。第一眼看到该站点的时候惊艳到我了，于是也想着搭建一个，作为个人站点使用。
这些开源项目都是优秀的静态网页构建工具，适合各种需求和技术栈。它们提供了简单易上手、可定制化、多语言支持等关键功能，并且具有快速构建、自动优化前端性能、SEO 友好等特点。无论您是个人博客还是企业门户，使用这些工具来构建静态网站都会带来高效且愉悦的经历。
3年前在AWS re:Invent 大会上AWS 宣布推出 Cloud9, 用于在云端编写、运行和调试代码，它可以直接运行在浏览器中，也就是传说中的 Web IDE。3年后的今天随着国内云计算的发展, 各大云计算服务厂商都在部署自己的WEB IDE, 而且已经有非常成熟的落地方案, 对于这一块的技术原理和实现, 也非常值得我们去学习和剖析.
虽然他们说的是真的，但是iframe的强大功能是不容忽视的，而且现在不乏公司正在使用它。
不必要的事件侦听器可能会导致各种奇怪的问题，因此最好在不再需要它们时清理它们。如何？这里有几种方法，ALEX 研究了它们的优缺点。（ once 是一个很好的设置选项，如果你用的上，别忘记尝试使用）
iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）
领取专属 10元无门槛券
手把手带您无忧上云
