首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端框架源码剖析

    微前端04 : 乾坤的资源加载机制(import-html-entry的内部实现)

    if (typeof entry === 'string') { return importHTML(entry, { fetch, getPublicPath, getTemplate : string }如果类型为string,importEntry将会调用importHTML执行相关逻辑,否则,就会加载styles、scripts所对应的资源并嵌入到字符串html中,注意这里是字符串 ” 到这里,相信朋友们已经能能够理解了代码片段1中的函数参数了,接下来,我们就进入到函数importHTML中去。 importHTML 在进入importHTML之前,希望大家能够知道importHTML函数的参数和importEntry是一致的,后面不再赘述,我们先看看该函数的整体结构: // 代码片段2,所属文件 :src/index.js export default function importHTML(url, opts = {}) { // 这里省略许多代码...

    2.1K20编辑于 2022-09-27
  • 来自专栏跨平台全栈俱乐部

    微前端框架是怎么导入加载子应用的 【3000字精读】

    ; } // html entry if (typeof entry === 'string') { return importHTML(entry, { fetch: 其实微前端的所有子应用加载,都是把dom节点加载渲染到基座的index.html文件中的一个div标签内) if (typeof entry === 'string') { return importHTML ) }) }, inline: true, hot: true // 新增 }, 整个importHTML 函数好像很长很长,但是我们就看最重要的地方,一个框架(库),流程线很长+版本迭代原因,需要兼容老的版本,所以很多源码对于我们其实是无用的 function importHTML(url) { var _utils.defaultGetPublicPath; var getTemplate = defaultGetTemplate; // compatible with the legacy importHTML

    2.7K20发布于 2020-05-09
  • 来自专栏华章科技

    做研究必读:一分钟教你用Excel从统计局抓数据!

    这里我选取的网页是上个月公布的PMI指数,2017年2月中国制造业采购经理指数为51.6%) 接着,我们就开始从这个网页抓取表格数据了: 自己也能抓数据了,想想有些小激动呢~ 我们需要先任意选一个舒服的位置,输入一句话: =IMPORTHTML 具体pass给IMPORTHTML( )这个function的是三个argument值, 第一个值就是从A1,也就是统计局网页地址所在Excel的位置来告诉这个function区哪儿抓数据。 当然Excel还有一个function叫做IMPORTxm_x_l( ),这个function是用来抓取某一个xpath_query的,不局限于上面IMPORTHTML( )这个function只能抓table 所以也可以借助这个function来将网页中的信息,比如说搜索具体关键字的网页地址输入到Excel,然后再将这个网页地址自动输入到一开始的IMPORTHTML( ) function里面用来抓取所有选中网页的

    1.4K30发布于 2018-08-16
  • 来自专栏前端皮小蛋

    「项目实战」优化项目构建时间

    root')); return Promise.resolve(); }; // main const loadSubApp = (htmlEntry: string) => { return importHTML .then((res: any) => res.execScripts()) .then((exportedValues: any) => { console.log(`importHTML addCustomRouter(router); store && addCustomStore(store); }) .catch(e => { console.error('importHTML

    1.5K30发布于 2021-05-06
  • 来自专栏华章科技

    爬虫小工具合集|不会编程也能爬数据

    (3)打开要爬取的目标网站,一个全国实时空气质量网站http://www.pm25.in/rank,目标网站上的表格结构如下图所示 (4)回到Google sheet页面,使用函数=IMPORTHTML list”或“table”,这个取决于数据的具体结构类型,“索引”填阿拉伯数字,从1开始,对应着网站中定义的哪一份表格或列表 对于我们要爬取的网站,我们在Google sheet的A1单元格中输入函数=IMPORTHTML

    2.5K31发布于 2018-08-17
  • 来自专栏lonelydawn的前端猿区

    多应用聚合实践

    qiankun将使用一系列的正则表达式将里面的HTML、CSS、JS全部匹配出来,这个功能主要依赖于第三方库import-html-entry的importHTML方法,如下: <! // index.js import importHTML from 'import-html-entry'; importHTML('. result.getExternalStyleSheets().then(exports => { console.log('external styles: ', exports); }); } ) 在导入HTML文件的代码中,我们将importHTML

    2.3K20编辑于 2023-04-01
  • 来自专栏教案生成平台

    【教案生成平台】实战教程四:开发所见即所得的在线试卷编辑器

    展开代码语言:JavaScriptAI代码解释importhtml2canvasfrom"html2canvas";importjsPDFfrom"jspdf";constexportPDF=async

    12510编辑于 2026-01-25
  • 来自专栏python前行者

    [319]使用python将markdown和html互转

    以下是一个示例:展开代码语言:PythonAI代码解释importhtml2texthtml="

    Hello,World!

    Thisisanexample. 示例2展开代码语言:PythonAI代码解释importhtml2text#示例HTML内容html_content="""

    标题

    这是一个段落。 html2text.HTML2Text()#调用转换方法markdown_text=h.handle(html_content)print(markdown_text)示例3展开代码语言:PythonAI代码解释>>>importhtml2text

    30500编辑于 2025-12-11
  • 来自专栏前端博客

    微前端学习笔记(5):从import-html-entry发微DOM/JS/CSS隔离

    拉取 HTML 并处理在 importHTML 函数中,通过 fetch 获取到 url 对应的全部内容(即示例中 index.html 全部内容的字符串)调用fetch请求html资源(注意,不是js importHTML源码解读// 代码片段2,所属文件:src/index.jsexport default function importHTML(url, opts = {}) {  // 1. 

    70410编辑于 2024-06-06
  • 【微前端】singleSpa&importHTMLEntry(流程图)源码解析

    Async script loaded");我们在外部使用这个库一般直接使用 importEntry() 获取子应用的数据在我们这个示例中,会传入一个 entry = "index.html",因此会直接走 importHTML opts.getDomain || defaultGetPublicPath; // html entry if (typeof entry === "string") { return importHTML style.css "]将 CSS 样式进行内联:在 getEmbedHTML() 下载 style.css 的内容,替换 template 模板中 <link> 为 <style> 标签function importHTML execScripts():执行 getExternalScripts() 下载 scripts,然后调用 geval() 生成沙箱代码并执行,确保 JS 在代理的上下文中运行,避免全局污染function importHTML

    24510编辑于 2025-05-22
  • 来自专栏钱塘大数据

    【干货】挖掘数据的工具与技巧,这20种资源帮你玩转数据

    19 Bouchart ★Bouchart可以运用谷歌来搜索网页,一条魔法指令就是: =importHTML(“”,”table”,N) ★伯克利的电子表单教程,以及新闻调查中心的数据新闻手册,后者可以指导你在使用表格查询数据时获取更多的信息

    1.1K131发布于 2018-03-02
  • 来自专栏Candy 的修仙秘籍

    无界微前端是如何渲染子应用的?

    css/main.7d8ad73e.css" rel="stylesheet"> </head> <body>

    </body> </html> 经过 importHTML qiankun 基于 import-html-entry 解析 HTML,而无界则是借鉴 import-html-entry 代码,实现了自己的 HTML 的解析,因此两者在解析 HTML 上的不同,主要是在importHTML

    2.1K30编辑于 2023-06-18
  • 来自专栏DeepHub IMBA

    解读 Python 3.14:模板字符串、惰性类型、Zstd压缩等7大核心功能升级

    'XSS')</script>" template=t"

    {user_input}

    " defhtml_escape(template: Template) ->str: importhtml

    52210编辑于 2025-08-20
  • 来自专栏Candy 的修仙秘籍

    无界微前端是如何渲染子应用的?

    /static/css/main.7d8ad73e.css" rel="stylesheet"></head><body>

    </body></html>经过 importHTML qiankun 基于 import-html-entry 解析 HTML,而无界则是借鉴 import-html-entry 代码,实现了自己的 HTML 的解析,因此两者在解析 HTML 上的不同,主要是在importHTML

    6.4K30编辑于 2023-03-29
  • 来自专栏海怪的编程小屋

    【微前端】qiankun 到底是个什么鬼

    用法如下: import importHTML from 'import-html-entry'; importHTML('.

    2.2K31编辑于 2022-03-30
领券