草庐IT

page_position

全部标签

Javascript 性能 : How to check what is slowing down the page?

我有一个非常慢的页面,不是在加载方面,而是在页面上的表单字段中键入时的响应速度方面。页面上没有ajax——这与网络传输无关。发现代码瓶颈的好策略是什么?我在chrome开发人员工具中找不到任何东西可以告诉我瓶颈在哪里。 最佳答案 Webkit有一个“配置文件”选项。打开开发人员工具(ctrl+shift+i)并单击“配置文件”。从那里您可以在底部看到一个录制按钮(圆圈)。单击它并像往常一样使用您的页面。再次单击它以停止并检查函数调用的时间线!或者,您可以使用以下方法单独对函数进行基准测试:console.time("Somelabe

javascript - jQuery position().top 返回 0 而不是实际值

根据jQuery官方文档,这个函数应该:“获取匹配元素集中第一个元素的当前坐标,相对于偏移父元素。”以下代码应返回值51,但它返回值0。任何人都可以提供见解以及原因吗?提前致谢。我知道添加css(top:xx)是有效的,如果是这样,这是否意味着position()仅适用于元素具有top的css属性的情况?.outer{width:200px;height:200px;overflow-y:auto;border:1pxdottedgrey;position:absolute;}.inner{width:50px;height:50px;margin-top:50px;border:1p

javascript - 如何使用 <c :forEach> in scripts tag on JSP page?

你好如何在jsp页面的标签中使用循环?我想用JSTL数据传入数据表我的代码是这样的:$(document).ready(function(){/*InitDataTables*/varstartString="[";varmainString="";varendString="]";vartemp=${k.size()};temp--;if(temp===0){mainString=mainString+"{key:\""+"${stdn.key}"+"\",name:\""+"${stdn.value.name}"+"\",rollno:\""+"${stdn.value.rollN

javascript - Jquery Select element 2 positions further - .next().next() 的另一种方式

我正在寻找一种方法来选择一个div元素,该元素不是通过点击功能“选择”的元素的直接下一个元素。(siblings)text现在我想选择ID为“getthisone”的那个-在我的代码中这个ID不可用。所有的div都具有相同的类并且确实有sibling。我可以通过$(this).next().next()选择第三个,但我认为这不是最好的方法。在被点击的那个之前也可以有div-所以它不一定是第一个。我尝试了:nth-child选择器,但没有找到解决方案。稍后我也可能想在单击一个之后选择第13个(或第23个、第65个等等)。这意味着我想对这个问题有一个相当动态的解决方案。谢谢你的帮助,菲尔

javascript - Chrome 扩展 : have an extension listen for an event on a page?

我有一个为我的网站制作的chrome扩展程序,目前我有一个扩展程序每分钟检查一次数据库以获取更新。是否可以让扩展程序监听实际页面上的事件?像这样this.trigger('sendUpdate',data)//thishappenedonthepagethis.on(sendUpdate,function(){//thisiswhatthechromeextensionlistensfor//dostuffwithdata}) 最佳答案 您需要添加一个content_script。content_script具有对DOM的完全访问权

javascript - 在呈现 `Page` 之前获取数据异步

在呈现Page之前获取数据异步的正确方法是什么?据我所知,Angular2建议使用@CanActivate装饰器。遗憾的是,这不适用于Ionic2,至少对我和others无效。显然Ionic2使用@CanActivate装饰器做了一些事情,see但它没有记录,我无法弄清楚它到底做了什么。尽管如此thisguy指出无论如何都应该使用IonicsViewStates,因为ionics缓存。他的示例如下所示:onPageWillEnter(){returnthis._service.getComments().then(data=>this.comments=data);}看起来他希望Ion

javascript - 在 jQuery 中检测何时为 "cursor position inside input change"?

我正在使用一个名为jQueryTextRange的插件获取光标在输入中的位置(在我的例子中是文本区域)并设置位置。但现在我有一件-我认为-更难解决的事情。我想知道jQuery中是否存在“光标位置已更改”之类的事件。我的意思是这样的:$('#my-input').on('cursorchanged',function(e){//Mycodegoeshere.)};我想知道光标何时在输入/文本区域内移动,无论是通过箭头键还是鼠标单击都无关紧要。我是jQuery新手,但我认为在jQuery上不存在或存在这样的事件? 最佳答案 不,没有像“

javascript - Vue.js : Best way to implement MPA(Multi page app) in laravel

我找了好久了,还是没找到。在Laravel中实现VueMPA架构的最佳方法和实践是什么。搜索了很多。但是没有任何东西可以给你一个清晰的想法。您的回答会有很大帮助,请简短。回答这个问题也很有帮助:只使用laravel作为数据API并保留Vue是个好主意吗与Laravel分开?实现SPA和MPA混合的最佳方法。 最佳答案 我已经使用过的一些选项:使用Laravel渲染“主视图”+连接vue.js应用。基本上,laravel将呈现Vue应用程序,并且每个请求都通过API。易于设置身份验证+用户验证更容易(您可以为此使用laravelses

javascript - 尝试使用 gh-pages 部署我的 React 应用程序但收到此错误消息 : The "file" argument must be of type string. Received type undefined

我试图用gh-pages部署我的React应用程序,但我遇到了这个错误:"file"参数必须是字符串类型。接收类型未定义。起初,我以为这是我的代码,所以我制作了另一个没有修改的create-react-app,尝试使用npmrundeploy命令进行部署,但再次收到此错误消息。我的package.json(我添加了我的homepage链接、predeploy和deploy脚本,以及gh-页面依赖):"name":"test-deploy","version":"0.1.0","private":true,"homepage":"https://vnsteven.github.io/te

javascript - 设置溢出-y : hidden; causes the page to jump to the top in Firefox

我有一些javascript可以处理在我的网站上打开模式弹出窗口,它还设置了overflow-y上的属性(property)元素到hidden.在Chrome和IE中,这按预期工作-滚动条隐藏,模式弹出窗口后面的页面保持在相同的滚动位置。当弹出窗口关闭时,overflow-y设置为scroll并且页面处于与之前相同的状态和位置。但是在Firefox中,只要overflow-y更改为hidden页面滚动位置跳到最顶部,因此当弹出窗口关闭时,View对用户来说已经改变-不理想。问题可见onthisjsfiddle是否有针对此行为的解决方案? 最佳答案