草庐IT

扩展组件

全部标签

javascript - 使用 Typescript 和 requirejs 时我应该把我的 Knockout.js 扩展放在哪里

我正在将一些javascript代码移植到typescript并使用requirejs。我有一个config.ts://fileconfig.ts//////require.config({baseUrl:'/scripts/App/',paths:{'jQuery':'/scripts/jquery-1.9.1','ko':'/scripts/knockout-2.2.1','signalR':"/scripts/jquery.signalR-1.0.1",},shim:{jQuery:{exports:'$'},signalR:{deps:["jQuery"]},ko:{deps:

javascript - 扩展 JavaScript 错误/异常

我正在开发一个小型JS库,并在那里使用自定义错误异常。所以,我决定以这种方式从原生JavascriptError对象继承它们(ORLY?):varMyError=function(){Error.prototype.constructor.apply(this,arguments);};//InheritwithoutinstantiatingErrorvarSurrogate=function(){};Surrogate.prototype=Error.prototype;MyError.prototype=newSurrogate();//Addsomeoriginalmethod

javascript - Chrome 扩展 : create tab then inject content script into it

收到来自内容脚本的消息后,我想创建一个新选项卡并填充它动态打开的页面(现在我只是想将新创建的页面变成红色)。事件页面.js://...codethatinjectsanothercontentscript,worksfine//Problemcode...chrome.runtime.onMessage.addListener(function(request,sender,sendResponse){chrome.tabs.create({url:chrome.extension.getURL("blankpage.html")},turnTabRed);});functiontur

javascript - 构造函数中的 "use strict"是否扩展到原型(prototype)方法?

我试图弄清楚“usestrict”的定义是否扩展到构造函数的原型(prototype)方法。示例:varMyNamespace=MyNamespace||{};MyNamespace.Page=function(){"usestrict";};MyNamespace.Page.prototype={fetch:function(){//doIneedtouse"usestrict"hereagain?}};根据Mozilla您可以将其用作:functionstrict(){"usestrict";functionnested(){return"AndsoamI!";}return"Hi

javascript - Angularjs uri组件是如何编码的

我期望AngularJS使用标准javascript函数encodeURIComponent对查询字符串参数进行编码。根据下面的测试不是这样的:describe('$http',function(){it('encodesuricomponentscorrectly',inject(function($http,$httpBackend){vardata='Hellofromhttp://example.com';$httpBackend.expectGET('/api/process?data='+encodeURIComponent(data));$http({method:'GE

javascript - 测试 React 表单组件

在我的类似教程的应用程序中,我有一个AddForm组件:varReact=require('react');varInput=require('react-bootstrap').Input;varTeamActions=require('../actions/team_actions.js');varAddForm=React.createClass({handleFormSubmit:function(e){e.preventDefault();varname=this._trimmedValue(this.refs.name);varrating=this._trimmedVal

javascript - ReactJS:在 Modal 中动态加载组件的最佳方式

我想像这样创建一个干净且可重用的模态组件:varModal=React.createClass({....render:function(){return({this.props.module==='curriculum'?:});为了保持整洁——我想将模态内容加载为基于{this.props.module}的组件值,来自发起者组件。有更好的方法吗?类似于?或者这是不安全的?也许ReactJS中已经内置了一些东西? 最佳答案 您可以使用this.props.children来呈现组件的子控件。像这样:varControl=React

javascript - react 组件与两组 child

我正在创建一个组件,它需要接收两组子组件并放置在组件的两个不同部分。letCreditCardForm=({icons,fields})=>({icons}{fields})letCreditCardFormUsage=()=>{leticons=()=>()letfields=()=>()return()}上面的代码应该可以工作,我的问题是是否可以根据元素本身的子项获取这些属性值,并获得更自然的东西? 最佳答案 是的,this.props.children将返回一个数组,因此如果您总是想加载特定的子项,那么只需在包装器中通过索引引

javascript - Redux:组织容器、组件、 Action 和缩减器

问题:Whatisthemostmaintainableandrecommendedbestpracticefororganisingcontainers,components,actionsandreducersinalargeReact/Reduxapplication?我的看法:当前的趋势似乎是围绕相关的容器组件来组织redux抵押品(actions、reducers、sagas...)。例如/src/components/.../contianers/BookListactions.jsconstants.jsreducer.jsselectors.jssagas.jsinde

javascript - 扩展 String.prototype 性能表明函数调用快 10 倍

我想用一些实用方法扩展String对象原型(prototype)。它有效,但性能出奇的低。将字符串传递给函数比重写执行相同操作的String.prototype方法快10倍。为了确保这真的发生了,我创建了一个非常简单的count()函数和相应的方法。(我正在试验,并创建了该方法的三个不同版本。)functioncount(str,char){varn=0;for(vari=0;i结果:func:705msproto:10011msproto-reuse:10366msproto-var:9703ms如您所见,差异是巨大的。下面证明了方法调用的性能可以忽略不计,并且函数代码它自己对于方法