草庐IT

微前端实现方案之iframe

全部标签

javascript - 在远程站点 iFrame 中嵌入 Reactjs

UpdatedforBountyIamcurrentlyusingsrc="url"inmyiframetoloadtheReactAppwhichisnotoptimalformeasthatwillallowusertoright-clickand"OpenInNewWindow".TheoptimalsolutionwhichI'mlookingforistowritemybundle.jsintotheiframetogetherwithaorsimliarsolution.Thesrcwillremainasblanksousercannotconvenientlyright

javascript - 实现 COMET 客户端

我已经了解了什么是COMET流式传输,以及让它在主要浏览器上运行所需的所有各种技巧。遇到的问题好像是两方面的:1.服务器能够支持很多持久连接2.实现JS功能我有一个需要执行COMET流式处理的应用程序。我已经解决了上面的第一个问题-我有一个运行的自定义服务器,它在更新到达时提供block。我希望现在能够使用JS连接到此URL,以便接收更新。是否有一个简单的COMET库可供我使用?我看到了Orbited项目。我可以使用orbited的客户端JS来执行此操作吗?为此,我需要在后端执行哪些修改? 最佳答案 如果您可以让您的服务器代码符合B

javascript - jquery 将所有样式表插入 iframe

如何将父窗口的所有样式表插入iframe的头部(相同域)?我基于类似问题尝试的代码:function(){vard=frames[0].document;varstylesheets=$("link").outerhtml;d.open();d.write(''+stylesheets+''+'');d.close();}显然这在IE之外不起作用。提前致谢。编辑:根据安东尼的回答尝试:$("link[type='text/css']").each(function(){varstylesheet=$(this).clone();$("iframe").contents().find("

JavaScript inflate 实现(可能仅限 FF 3.6)

我正在编写一些使用FireFox3.6中的HTML5文件API的脚本。我有一些放气(压缩)的文件,我需要扩充(解压缩)它们。我找到了一个fewscripts虽然谷歌搜索,但他们都没有测试。所以我有点不愿意使用它们。我的问题是:浏览器可以膨胀。我可以通过伪造XHR请求以某种方式搭载通货膨胀吗?或者以任何其他方式搭载?请记住,该脚本目前是FireFox3.6独有的。不过,它不能是扩展程序,我希望它是一个常规网页。或者,您知道有没有为它编写测试的脚本? 最佳答案 我找到了anexistinglibrary.写了一个测试。将它包装在一个函数

javascript - 让 <iframe> 异步工作

是否有一篇好文章或如何让iframe或框架与每个页面异步工作?我有一个底部/固定的div包裹在jquery中,可以在包含mp3播放器的悬停时向上滑动。我用iframe引用了播放器。我渲染得很好,但是如果不在页面刷新或导航到另一个页面时重新加载,它怎么能继续播放呢?我希望它固定在每个页面的底部并且不刷新地连续播放。我尝试将iframe放在每个页面中,但仍然没有用。有任何想法吗?谢谢。 最佳答案 如果它必须留在浏览器中(不是下载应用程序或在音乐/视频播放器中读取流),唯一的方法应该是不要真正更改页面,并加载必须使用ajax或javasc

javascript - 是否有跨子域的现代 sessionStorage 替代方案?

我们最近从cookie切换到使用sessionStorage-切换的触发器是IEissues。现在,我们发现sessionStorage不能跨子域工作-www.site.com的存储与site.com的存储是隔离的.是否有现代替代方案让两者合作?这很容易通过cookie完成,但我不想从sessionStorage恢复,或者(喘气)同时使用这两种方法。 最佳答案 这几乎是一个hack,它不安全,但它仍然是一个绝妙的技巧。JavaScript对象window.name可以保存数据字符串,即使在加载新页面或切换域时数据也不会消失。在这里检

javascript - 如何为稀疏数组实现 Javascript ECMA 5 的 array.map()?

array.map()应该很容易实现definedinECMA-262,它接受一个函数,这个函数将由3个参数调用:元素值、索引、数组。但是对于稀疏数组呢?显然我们不想从索引0迭代到100,000,如果只有索引0、1、2和100,000有一个元素,否则从索引3到99,999是稀疏的。我可以考虑使用arr.slice(0)或arr.concat()来克隆数组,然后放入替换值,但如果我们不这样做呢?不要使用slice或concat,还有其他方法吗?我使用slice()得出的解决方案是:Array.prototype.collect=Array.prototype.collect||funct

javascript - while 循环中 regex.exec() 赋值的更好解决方案

这里有更好的解决方案吗?我尽量避免在while中进行赋值,但仍然能够遍历匹配项并使用捕获的组。varmatch="";varCSS_URL_PATTERN=/url\s*\(\s*["|']?(.*?)\s*["|']?\)\s*/gmwhile((match=CSS_URL_PATTERN.exec(someBigCSSString))!==null){//Dostuffherepermatch…}我为这个问题添加了更多上下文,还有一个RegEx示例。 最佳答案 当我需要.exec时,我总是这样做:varre=/.../g,mat

javascript - ACL - 与护照一起实现acl

我正在尝试node_acl与passport-local.当我运行我的代码时,我无法保护admin-user'/admin'的路由,我被重定向到/login页面。在下面找到我的最小可运行示例:require('dotenv').config()constexpress=require('express')//constfs=require('fs')constpath=require('path')constlogger=require('morgan')constbodyParser=require('body-parser')constcookieParser=require('c

javascript - 如何实现这种运动模糊着色器效果?

我尝试创建类似此链接底部页面上的雪效果http://blog.edankwan.com/post/my-first-christmas-experiment.其他一切正常但无法使运动模糊效果起作用。有任何想法吗?用于实现运动模糊效果的纹理Sprite代码如下:(function(global){varimg='https://i.imgur.com/hlmsgWA.png'varrenderer,scene,cameravarw=800,h=320varuniformsvargeometryvartexture,materialvarguivarconf={amount:200,spe