草庐IT

移动开发

全部标签

Javascript - onscroll 顺利移动到下一个 anchor ?如何?

我正在构建一个单页网站,其中包含几个部分,每个部分都填满了用户的窗口;我已经开始工作了。我想做的是:当用户向上或向下滚动时,他/她会(相应地)向上或向下滚动到之前或之后的部分。我的每个部分的顶部都有一个anchor。这是我正在努力实现的一个例子。每篇文章都占满了页面。滚动后跳转到下一篇文章。http://www.made-my-day.com/ 最佳答案 我认为您可以使用此插件完成工作:https://github.com/alvarotrigo/fullPage.js.此外,它似乎正在积极更新。最后一次提交repo是在3天前。干杯

javascript - 在页面上随机移动图像

我创建了三个热气球的.png图像。每个都有不同的大小,因此它们散发出“深度”的概念。对这些.png进行编码以便它们像热气球一样在我的容器周围移动和漂浮的最佳方法是什么?我已经尝试了Spritely网站上的以下代码,我将其改编为:$('#balloon1').sprite({fps:3,no_of_frames:1}).spRandom({top:70,left:100,right:200,bottom:340,speed:10000,pause:3000});我将此代码用于其他两个气球(#balloon1)和(#balloon2),然后将它们各自的DIV放入标记为“#sky”的容器DI

javascript - 在使用 webstorm 开发期间调试 gulp 插件的最佳方法是什么

我正在尝试寻找在使用webstorm进行开发期间调试gulp插件的最佳方法。我有一个项目示例和几个gulp插件,我想在终端中运行gulp命令后立即跟踪和检查webstorm中的代码。理想情况下,我想在webstorm中添加debugger语句或断点来跟踪代码执行。 最佳答案 使用这个guide(无耻的self推销)来设置你的配置。然后调试应该按原样工作。此外,您不需要单独从命令行运行gulp,因为webstorm会为您完成。 关于javascript-在使用webstorm开发期间调试g

javascript - 打开 chrome 开发者工具时出现双重请求

我有一个奇怪的问题,我有一个非常简单的Node/expressjs应用程序(我有一个复杂得多的应用程序,但这个简单的例子显示了问题)。此应用具有如下所示的三个路由:vari=0;app.route('/login').get(function(req,res){console.log('login',++i);res.send('login');})app.route('/test').get(function(req,res){console.log('test',++i);res.send('test');})app.route('/').get(function(req,res)

javascript - 有没有办法在进行开发时只刷新 javascript 包含?

在对.js文件进行开发时,我只想刷新该文件而不是整个页面以节省时间。有人知道这方面的任何技术吗? 最佳答案 这是一个创建新脚本元素的函数。它附加一个递增的整数以使脚本的URL唯一(如Kon所建议的)以强制下载。varindex=0;functionrefreshScript(src){varscriptElement=document.createElement('script');scriptElement.type='text/javascript';scriptElement.src=src+'?'+index++;docum

Javascript 触摸移动,跟踪用户从边缘滑动的时间

我需要跟踪用户触摸事件。我想跟踪用户何时从边缘滑动。例如,当用户从左垂直边缘滑动时,我将显示一个菜单,从右边缘滑动时发出警报,并在用户从顶部滑动时显示另一个菜单。我找不到类似的用法。我怎样才能做出这种行为?从边缘跟踪滑动?我用hammer.js试过这个因为我使用jQuery,但是其他库(QuoJS、TouchSwipe、Touchy等)对我来说没问题。fiddle:http://jsfiddle.net/mavent/ym4JV/51/$(document).hammer().on("tapdoubletapholddragswipepinchrotatedragupdragdowns

javascript - 使用 sketch.js 为移动网页绘制 Canvas 会在触摸时重置

我正在使用sketch.js插件在HTML5Canvas上绘图。虽然它在台式机上运行良好,但在移动浏览器上似乎存在一些问题。问题是,如果我绘制2个不同的形状,我一触摸它,Canvas就会重置为空白。为了完全清楚,我将制作示例:绘制数字“12”将首先绘制“1”,然后当我开始绘制“2”时,Canvas将清除并仅保留数字“2”...$(function(){$('#canvas1').sketch();});就是这样。我想知道是否有一些解决方法来保留各种图纸的历史记录。我愿意接受任何建议,或者想知道您是否发现了类似的问题。 最佳答案 要真

javascript - Chrome 开发者工具探查器

在Javascript应用程序中搜索内存泄漏时,我尝试使用ChromeDevToolsProfiler。是否有一些详细信息描述可能在其中找到的所有条目?例如,在执行一个简单的“打开主页,打开另一个页面,返回主页”并查看快照比较后,我可以找到对象数很大并且感兴趣的行“(array)”。打开该节点时,我看到数千行,例如...(脚本行结束)[]@89876(转换数组)[]@748323(对象属性)[]@77529(map描述符)[]@13823(代码搬迁信息)[]@722653[]@748003(对象元素)[]@40917我在哪里可以读到它? 最佳答案

javascript - 表格排序 - 我想在对父行进行排序时将子行与父行一起移动

问题是:我想在对父行进行排序时将子行与父行一起移动。我正在使用这个js对我的表数据进行排序。我的html就像AppleOrangeBananaAppleOrangeBananaApple1Orange1Banana1Apple2Orange2Banana2TablecHAIRMouseTable1cHAIR1Mouse1Table2cHAIR2Mouse2js是这样的:jQuery.fn.sortElements=(function(){varsort=[].sort;returnfunction(comparator,getSortable){getSortable=getSorta

javascript - 我如何从 JavaScript 判断 ReactJS 是否处于开发模式?

我正在写一个Mixin对于ReactJS。我希望它做一些验证,但只有在developmentmode中使用ReactJS时.我如何从JavaScript判断ReactJS是处于开发模式还是生产模式? 最佳答案 ReactJS源代码使用一个名为__DEV__的变量跟踪它,但它没有被导出,所以它对你的Mixin不可用。然而,它的后果是。例如,当你打破一个不变量时,开发模式ReactJS会给你一个很好的错误描述。在生产模式下,它会给出一个一般错误,告诉您使用开发版本。我们可以使用它来构建一个函数来确定React是否处于开发模式:funct