草庐IT

text-to-html

全部标签

javascript - 在页面加载时将服务器端 HTML 转换为 Javascript MVC 的最佳方法是什么?

我正在尝试构建一个快速而肮脏的Javascript库,它使得使用初始服务器生成的HTML页面变得非常容易,然后在Javascript中执行进一步的操作。我的问题是,大多数JavascriptMVC解决方案,包括框架和模式,都依赖于将数据与服务器返回的HTML分开。这里的论点是,这更适合构建和构建完整的Web应用程序。但是,它们会减慢页面加载速度,导致搜索引擎和其他非Javascript客户端无法使用您的网站。与其找出一种在服务器端运行JS来预生成页面的方法,不如让JS在页面加载时读取DOM并由此创建其初始对象状态。我正在使用Django,我的计划是制作可在Jinja和稍作修改的Hand

javascript - 如何解决来自 YouTube 嵌入的 'Failed to execute ' postMessage' on 'DOMWindow' ' 错误

我尝试使用YouTubeJavaScript/iFrameAPI寻找视频的不同时间。我已经精简了一个演示:http://jsbin.com/yuliponuvarplayer;window.onYouTubeIframeAPIReady=function(){variframe=document.createElement("iframe");iframe.width=400;iframe.height=300;iframe.id="youtubeIframe";iframe.src="https://www.youtube.com/embed/yta1WRuiupk?autoplay

javascript - ES6 生成器 : transforming callbacks to iterators

我正在babel的帮助下试验ES6生成器,而且我很难理解如何(或者如果!)我可以有效地使用基于回调的异步函数来输出迭代器。假设我希望能够编写一个函数,该函数接受多个url,异步下载它们并在下载后立即返回它们。我希望能够编写如下内容:leturls=['http://www.google.com','http://www.stackoverflow.com'];for({url,data}ofdownloadUrls(urls)){console.log("Contentofurl",url,"is");console.log(data);}如何实现downloadUrls?理想情况下,

javascript - React : Best way to update self, 但阻止 child 更新?

我正在研究拖放实现(从头开始,不使用DND库),并希望在拖动过程中限制不必要更新的数量。拖动“克隆”(通常是原始元素的副本,但可以是任意占位符)是通过更新容器组件(“Clonetainer”)上的状态并使用它来应用转换来实现的。但是,在移动过程中更新整个子树是没有意义的,因为唯一的变化是容器的坐标。这是我的解决方案:constClonetainerRenderShield=React.createClass({shouldComponentUpdate:function(newProps){returnnewProps.shouldUpdate;},render:function(){

javascript - 仅限 Chrome 错误 : Failed to execute 'scroll' on 'Window' : No function was found that matched the signature provided

我只在Chrome中遇到这个错误(在Safari/Firefox中有效):无法在“Window”上执行“scroll”:找不到与提供的签名匹配的函数。代码在内联事件中:我不明白这是什么问题。PS:注意这段代码是我在DOM渲染后得到的输出。实际代码拆分成我在服务器端模板引擎中使用的不同组件/函数,正如下面评论中指出的那样,应避免直接混合此代码。 最佳答案 也许试试scrollTo。这是支持x和y坐标的跨浏览器。http://www.w3schools.com/jsref/met_win_scrollto.asp...

javascript - Webpack 工作加载器 : How to make it work as a dependency?

我有我的index.html导入依赖项。myModule/app.jsvarWebWorker=require('worker-loader!./worker');window.WebWorker=newWebWorker();worker存在于node_modules/myModule/worker.js当我运行“webpack”时,它可以正常工作,因为它们位于同一个文件夹中。如果我更改路径中的任何内容,webpack将不会根据需要获取webworker代码。将此模块用作依赖项时会出现问题,因为我需要将worker.js放在与index.html相同的路径中。替代方法是使用Blob并

javascript - meteor JS : How to stub validated method in unit test

我正在使用经过验证的方法(mdg:validated-method)和LoggedInMixin(tunifight:loggedin-mixin)。现在我的单元测试出现了问题,因为它们因notLogged错误而失败,因为在单元测试中当然没有登录用户。我怎么必须stub呢?方法constresetEdit=newValidatedMethod({name:'reset',mixins:[LoggedInMixin],checkLoggedInError:{error:'notLogged'},//单元测试describe('resetEdit',()=>{it('shouldreset

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

javascript - 任何 Ruby 的 HTML 解析器都可以执行 JavaScript 来查看生成的 DOM 吗?

在尝试Hpricot和Nokogiri时,可以获取和解析HTML,但它们是否也可以执行Javascript以便在页面上显示内容?(显示在DOM中)。这是因为某些页面只有在JavaScript初始化代码运行后才会显示信息。 最佳答案 据我所知没有。您可能想研究使用类似Watir的东西并使用真正的浏览器。 关于javascript-任何Ruby的HTML解析器都可以执行JavaScript来查看生成的DOM吗?,我们在StackOverflow上找到一个类似的问题:

javascript - 在 Google map 上叠加 HTML

有没有办法使用GoogleMapsAPI在Googlemap的顶部添加HTML内容?我想添加一个包含其他HTML内容的div。附言不想操纵Google信息窗口。 最佳答案 您可以使用这个不错的库。http://blog.mridey.com/2011/05/label-overlay-example-for-google-maps.html通过一些调整,它可以用来添加任何你想要的内容。这是将其添加为叠加层而不是InfoWindow的方式。 关于javascript-在Googlemap上