草庐IT

扩展组件

全部标签

javascript - 为什么在扩展对象时使用 Object.create 作为原型(prototype)?

我有Java背景,最近一直在尝试JavaScript继承。我开始编写一些对象,在阅读了一些示例后,我找到了最适合我的代码风格。这是我的:varClass=function(){};Class.extend=function(p_constructor){varSuperclass=this;//thefollowinglineconfusesmep_constructor.prototype=Object.create(Superclass.prototype);p_constructor.prototype.constructor=p_constructor;p_constructo

javascript - 将 jQuery 的 .val() 方法扩展到非输入元素

我正在编写一个基本上复制输入功能的自定义jquery插件。我可以解释为什么,但说实话,解释很长,我认为它与问题无关。当我尝试将jQuery的.val()方法扩展到我的自定义jquery插件时,问题就来了。这是我尝试过的:$.fn.custom_text_input=function(options){returnthis.each(function(){varcustom_text_input=newCustomTextInput(options,this)$(this)[0].val=function(){alert('somethinguseful')}})}我尝试了其他一些变体,

javascript - 从 Canvas 保存图像时缺少扩展名

我使用此代码在Javascript中保存图像:window.location.href=grid.toDataURL("image/png").replace("image/png","image/octet-stream");代码有效,但保存的文件没有任何扩展名,我必须手动重命名。我的问题是如何将扩展名放在末尾?谢谢。 最佳答案 toDataURL生成数据uri而不是文件名,因此扩展名不适用于这种情况。data-uri只是二进制内容的文本编码版本,某些浏览器可以将其作为文件读取——如果您愿意,也可以是数据流。由于数据流没有任何文件

javascript - 在谷歌浏览器扩展中获取鼠标坐标

我拼命寻找在单击上下文菜单或使用快捷键时检索用户鼠标坐标的方法如果可能的话,我希望不必使用需要用户移动的onmousemove事件:/你知道怎么做吗?提前感谢您的回复 最佳答案 这只是一个简单的示例,仅适用于:文件->更改manifest.json中的"matches":["file:"]以添加新功能上下文菜单选择->更改上下文:contextMenus.create(bg.js)中的["selection"]以添加新功能辅助鼠标按钮->在(c.js)中更改(mousePos.button==2)以添加新功能你也可以试试moused

javascript - 添加一个点以扩展多边形而不将其附加到 Google map 中?

我正在Googlemap中通过可以拖动以reshape形状的标记构建多边形。因此,当有3个标记时,将绘制多边形,并在形状中附加更多标记,扩展它。当用户只想遵循简单的顺时针/逆时针模式时,这很好,但当他想通过其边缘之一扩展多边形时,它会附加标记,扭曲自身。在此示例中,如果我们添加标记1、2和3,它将绘制一个简单的三Angular形。但是,如果添加标记4,多边形就会自行扭曲。相反,我希望在添加4时将其插入标记1和2之间,如下图所示:基本上,在多边形的顶点数组中,而不是:[//marker1position,//marker2position,//marker3position,//curr

javascript - 跨网络应用程序和 Chrome 扩展程序共享本地存储对象

我需要将用户配置文件和他的偏好存储在localStorage对象\cookie中,以便它们可以从网络应用程序和chrome扩展程序(基本上是相同的产品)。我找到了thiscoollibrary和thisarticle指定如何使用它。问题是xauth.org已关闭,serverpage也已关闭这是使用库所必需的。任何选择 最佳答案 您可以同时使用localStorage和cookie。如果你注入(inject)一个contentscript在网络应用程序的页面中,其localStorage与域自己的存储共享。然后你可以communic

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - 使用 Knockout 组件时替换容器元素

有没有办法配置Knockoutcomponent替换容器元素而不是将其内容嵌套在容器元素中?例如,如果我使用以下模板将自定义组件注册为my-custom-element:Helloworld!是否可以像这样使用组件:最终产品是这样的:Helloworld!而不是这样:(Knockout默认渲染组件的方式)Helloworld!Basedontheanswertothisquestion,似乎此功能内置于模板引擎中,我假设在呈现组件模板时也会使用它。有没有一种方法可以指定组件应该使用replaceNode的renderMode进行渲染?我知道“虚拟元素”语法,它允许在HTML注释中定义组

javascript - 如何在 react.js 中检测父组件中的子渲染

我正在尝试缓存App组件的渲染标记。我知道这在某种程度上“违反了规则”,但我处于无服务器环境(chrome-extension)中。页面加载后,我想将缓存的App标记注入(inject)DOM。预期结果类似于在服务器上使用react-componentrendererd的体验。非常像这里描述的那样:http://www.tabforacause.org/blog/2015/01/29/using-reactjs-and-application-cache-fast-synced-app/.为了说明我的用例,我更新了Thinkinginreactexample:应用程序可过滤的产品表搜索

javascript - jsx React组件中的格式数字

这个问题已经存在:javascriptnumber/currencyformatting[duplicate]关闭7年前。我正在编写一个jsx文件,想要格式化表格中数字的显示。这是表格的代码:{stringVar}{numberVar}直接打印numberVar;如何使用C风格的字符串格式显示该数字(我需要设置精度值、添加逗号和$字符)?