草庐IT

javascript - 有没有办法使用 javascript/jquery 搜索一组 li 标签并缩小搜索范围

我一直在网上寻找有关如何执行此操作的想法。我有一个DrillDownmenu在某些时候深入六层(这不是我的选择,这是客户想要的)我创建了一个包含所有这些项目的xml文档总共有106个不同的选项,用户可以仅在侧面菜单中选择(再次是客户想要的)。我想创建一个搜索框,允许我输入其中一个选项的名称,然后列表会缩小以仅显示包含用户输入的单词的选项。我的问题是有允许这种行为的插件吗?如果不是,如何在一组li元素中搜索文本? 最佳答案 自己编写代码非常简单,下面的jQuery从输入#inputString中获取一个字符串,并将遍历列表项“ulli

javascript - 从 RxJS subscribe() 函数访问声明为组件的变量

我可以使用this.variable访问组件任何部分的变量,除了像subscribe()或catch()这样的RxJS函数内部。在下面的示例中,我想在运行进程后打印一条消息:import{Component,View}from'angular2/core';@Component({selector:'navigator'})@View({template:'./app.component.html',styles:['./app.component.css']})exportclassAppComponent{message:string;constructor(){this.mess

javascript - 如何取消订阅 Angular 2中的多个订阅者

我在另一个组件中有shareService和订阅:import{Component,Input,OnDestroy}from'@angular/core';import{MissionService}from'./mission.service';import{Subscription}from'rxjs/Subscription';@Component({selector:'my-astronaut',template:`{{astronaut}}:{{mission}}Confirm`})exportclassAstronautComponentimplementsOnDestro

javascript - 为移动 Safari 优化 SHA256

这是目前(迄今为止)在iPhone4S和iPhone5上的移动Safari上最快的JavascriptSHA256实现。/**@fileOverviewJavascriptSHA-256implementation.**Anolderversionofthisimplementationisavailableinthepublic*domain,butthisoneis(c)EmilyStark,MikeHamburg,DanBoneh,*StanfordUniversity2008-2010andBSD-licensedforliability*reasons.**Specialth

javascript - 使用 svg 防止子像素渲染

我目前正在使用SVG,但走到了死胡同。SVG有线条,它们应该与缩放一起缩放(以便它们保持平衡:例如100%宽度10px-->10%宽度1px)我用这段代码缩放所有stroke-widths:varsvgPath=this._svgContainer.find('svg[class*="style"]');for(vari=0;i其中width是缩放后的新宽度,imgData.w是原始未缩放的宽度。问题是,如果我放大到很远。笔划变小并导致亚像素渲染。据说黑线会变成灰色。我的想法是在某个点削减值(value)以防止它。但据我所知,由于屏幕(桌面、移动、4K)不同,我也必须考虑设备像素比如果

JavaScript - 分离轴定理 - 碰撞有效,但不响应?

所以,我正在尝试对我的SAT、圆-多边形、多边形-多边形碰撞应用响应。我将本文中的这段代码移植到JavaScript中:http://rocketmandevelopment.com/blog/separation-of-axis-theorem-for-collision-detection/现在,检测适用于所有类型,但响应失败并以疯狂的速度和错误的Angular进行,它不依赖于物体的质量(面积^2而不是质量)并且不应用Angular速度JSFiddle(重力不应用于模拟,用箭头键移动),JS中的第一部分是矢量,然后是物理,然后是主。这是我对形状的定义:(必须为“JSFiddle”链

javascript - 通过 Websocket 更新 Polymer 组件?

我想找到最简单的方法(最好不依赖很多额外的库)将Polymer组件与网络套接字连接起来,以便我可以从后端轻松更新它。现在我已经研究了使用bacon.js来实现这一点,因为直接从网络套接字设置事件流非常容易。我的想法是过滤这些消息并将它们路由到各个Polymer组件。但是,如果这可以在没有bacon.js或其他库(即仅使用Polymer本身和普通的javascriptWeb套接字)的情况下轻松完成,那可能更可取。任何想法、提示或示例代码?提前致谢/罗伯特 最佳答案 这是使用polymer处理websocket的一种非常基本的方法Pol

javascript - 如何在类型方法中使用另一个类方法和 this 上下文?

我想在TypeScript中重写下面的JavaScript“方法”。我很想在类里面这样做,就像这样://exportdefaultclassexportdefaultclassGroupItemMetadataProvider1{protectedm_instance;protected_grid;protected_defaults;protectedm_options;constructor(options){this.m_instance=this;this._defaults={groupCssClass:"slick-group",groupTitleCssClass:"sl

javascript - 在 typescript 中获取类的属性

我有以下类(class):exportclassTest{private_rowsCount:string;publicgetRowsCount():string{returnthis._rowsCount;};publicsetRowsCount(value:string){this._rowsCount=value;};private_rowsCount2:string;publicgetRowsCount2():string{returnthis._rowsCount2;};publicsetRowsCount2(value:string){this._rowsCount2=va

javascript - 使用 jQuery 编写 OO Javascript

我来自PrototypeJS背景,通过使用Class.create()鼓励OOJavascript。现在我正在做一些JQuery工作,我正在尝试编写一些结构正确的JQuery代码,例如,我可以从两个不同的单击事件处理程序调用相同的对象函数。这是原型(prototype)中的代码:document.observe("dom:loaded",function(){//createdocumentAPP.pageHelper=newAPP.PageHelper();});//namespaceourcodewindow.APP={};//myclassAPP.PageHelper=Class