草庐IT

Simple_HTML_DOM

全部标签

javascript - 在 DOM 中记录或绘制自定义事件模型的正确方法

假设您的Web应用程序中有一堆组件和子组件。您想要跟踪您添加的所有自定义事件的行为方式。是否有既定的方法来绘制或记录这些行为?以下是文档应显示的一些内容:各种组件的相关DOM元素的实际嵌套。事件的名称以及事件的触发位置。附加到自定义事件的任何有效载荷(例如,原型(prototype)自定义事件中memo的内容。)观察事件的地方。指示为响应其他事件而触发的事件。允许事件冒泡的地方,以及停止事件的地方。 最佳答案 我从未听说过针对Web应用程序前端的既定文档标准。也就是说,由于您已经确定了要跟踪的应用程序的不同方面,您可以将此信息保存在

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - React JSX 中的自定义 HTML 元素标记

我们正在使用一个使用自定义元素的组件库。这需要我们在JSX中使用自定义HTML标签。举一个非常简单的例子:varApp=React.createClass({render:function(){return;}});React.render(,document.getElementById('content'));在这种特殊情况下,我只需要React输出niner标记而不试图用它做任何太特别的事情。我故意没有ninerReact组件。根据JSXindepth,React'sJSXusestheuppervs.lowercaseconventiontodistinguishbetween

javascript - React Redux 和 react-router-dom

我正在学习Redux,随着react-router-dom的新变化,我有点困惑。我有这些文件:索引.jsimportReactfrom'react';import{Provider}from'react-redux';importReactDOMfrom'react-dom';//import{AppContainer}from'react-hot-loader';importAppfrom'./containers/App';importstorefrom'./store';ReactDOM.render(,document.getElementById('root'),);App.

javascript - jQuery:添加到 DOM 的新图像在加载后始终具有宽度 0

我需要使用动态创建的图像标签获取图像的尺寸。有用。但只有在我不将图像添加到DOM时才使用attr('width')。否则,返回的维度为零。为什么?:)this.img=$('',{'src':e.url});//generateimagethis.img.appendTo('body');//addtoDOMthis.img.load(function(self){returnfunction(){//whenloadedcallfunctionconsole.log(self.img.attr('src'));console.log(self.img.attr('width'));c

javascript - 如何将 JavaScript 代码拆分为多个文件并使用它们而不通过 HTML 中的脚本标记包含它们?

我正在广泛使用构造函数(类),并希望每个构造函数都在一个单独的文件中(类似于Java)。假设我有构造函数说Class1、Class2、...Class10,我只想使用Class1和Class5我需要使用脚本标记将Class1.js和Class2.js包含到HTML页面中。稍后如果我还需要使用Class3和Class6,我需要再次转到HTML页面并为它们添加脚本标签。这种方式维护性太差。JavaScript中有类似C的include指令的东西吗?如果不是,有没有办法模拟这种行为? 最佳答案 您可以使用jQuery.getScript:

javascript - 允许用户上传 HTML/JS 文件的风险

我们正在为HTML5游戏设计在线Playground。用户可以上传包含他们游戏的zip文件。上传时,zip由服务器解压,每个文件循环检查其扩展名是否符合白名单,允许:.html.js.png.jpg.appcache.m4a.ogg(游戏必须在我们导出这些文件的游戏编辑器中制作)。这应该可以防止人们上传zip、服务器端脚本文件等。然后游戏会转移到我们的静态无cookie域(scirra.net)。在我们的scirra.com页面上玩游戏时,游戏会显示在指向scirra.net域的iframe中。这应该可以防止恶意JS访问scirra.comcookie。这个iframe技术和白名单是否

javascript - 录制 html5 音频

是否可以使用html5录制声音?我已经下载了最新的canary版本的chrome并使用以下代码:navigator.getUserMedia=navigator.webkitGetUserMedia||navigator.getUserMedia;navigator.getUserMedia({audio:true},gotAudio,noStream);然后这会提示用户允许录音,如果您说"is",则会出现一条消息,说明chrome正在录音。但是,是否可以访问其中包含原始数据的音频缓冲区?我似乎无法找出方法。有尚未实现的建议规范,有谁知道现在是否可以在任何浏览器上实际实现,并提供说明?

javascript - 插入前端库(例如 Analytics): why not a simple <script> tag?

为了插入GA代码(以及几乎所有其他JS库),代码片段是:(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.g

javascript - 向 emscripten HTML 程序提供标准输入?

我有一个C程序,它通过命令行接受一个参数(一个字符数组/字符串)并从标准输入读取。我已经使用emscripten将它编译成JavaScript。这是成功的,我可以像使用node.js的普通C程序一样运行它:emcc-O2translate.cnodetranslate.js"foo"如您所见,我提供了字符串“foo”作为参数,并提供了bar.txt的内容作为标准输入。现在我希望这是一个独立的HTML文件。通过将输出更改为HTML:emcc-O2translate.c-otrans.html我通过addingarguments:['foo'],提供论点varModule中的定义。这按预期