草庐IT

前端DAY01-HTML

全部标签

javascript - 在 iPad/iPhone 上使用 HTML5 视频全屏显示

我正在尝试通过JavaScript在iPad/iPhone上播放和全屏显示HTML5视频元素,但是当我尝试videoElement.webkitEnterFullScreen()时,我看到一个INVALID_STATE_ERR:Dom异常11。我的Code对于Example现在,它看起来像是对thisbehavior的具体支持在此处添加:它专门防止在没有用户手势的情况下进入全屏。我的问题:有解决办法吗?我看到Vimeo的HTML5视频播放器正在以某种方式模仿这种行为here(在iPad/iPhone上)所以,这似乎是可能的。我错过了什么吗? 最佳答案

javascript - NodeJS中有没有合并前端JS文件的工具?

我有前端JS文件:-js-a.js-b.js-c.js我请求http://example.com/js/all.js,我会得到一个包含a.js所有内容的文件,b.js和c.js。NodeJS中有没有库提供这样的功能? 最佳答案 require.js如果Nodecommon.js不够,应该提供您正在寻找的功能。 关于javascript-NodeJS中有没有合并前端JS文件的工具?,我们在StackOverflow上找到一个类似的问题: https://stac

javascript - 是否可以使用 Phone SMS API 从 phonegap HTML/Javascript 应用程序发送 SMS?

我一直在尝试使用Phonegap,并用HTML/Javascript创建了一个小应用程序来发送SMS。我尝试了这段代码window.location.href='sms:XXXXXXXX06?body=Testing',它打开了一个屏幕来手动发送我想自动发送的短信。请注意,我通过将我的项目源代码上传到build.phonegap.com创建了一个Android应用程序,所以我不能修改.apk源。是否可以仅使用Javascript来实现? 最佳答案 参见PhonegapSMSPlugin发送短信。

javascript - 测试用户是否可以在 html 页面上看到元素

有什么方法可以知道某个元素在html页面上是否可见?像这样:考虑到水平/垂直滚动位置、浏览器窗口的宽度/高度以及页面上元素的位置/大小,可能可以做到这一点,但我对jQuery的经验很少,所以我不知道如何去做吧。并且可能有一个可以调用的简单函数,我不知道。 最佳答案 您可以使用.is(':visible')选择器来检查元素当前在DOM中是否可见。编辑:但是,正如@BenM提到的,这不会检查您页面上的元素是否实际上超出了您的可滚动范围-在这种情况下您可以使用的一个很棒的小插件是ViewportSelectorsforjQuery.

javascript - HTML5 Canvas 中的一百个上下文与一个上下文?

我正在创建一个使用CanvasAPI的简单物理引擎。性能方面的最佳实践是什么?是为Canvas中的每个对象(例如每个球、盒子等)创建一个单独的上下文,还是只使用一个上下文?后者涉及为每个要重绘的对象定义上下文中的路径,以及设置颜色等。当对象数量接近一百时使用多个上下文是个坏主意吗?我之所以问,是因为我不想在一百个工作小时后得到惊喜,因为我采用了错误的方法。 最佳答案 多Canvas的性能提升来自了解您使用多Canvas的原因。除非有用,否则不要使用多个Canvas:Canvas是适度昂贵的元素。在移动设备上,Canvas仍然很慢——

javascript - Javascript 中的 HTML DOM 绘图事务?

有没有办法在一个事务中封装多个DOM操作命令,这样内容就不会“忽悠”?像这样:window.stopDrawing();//starttransaction$("#news").append("anewnewsitem");//...dosomethingmore$("#news").css("top","-150px");window.startDrawing();//stoptransaction 最佳答案 每次您必须更新大量元素时,只需设置一个包含所有操作的函数,调用mozRequestAnimationFrame(或webk

javascript - 删除 Angular JS 中的辅助 HTML 注释?

有没有办法阻止Angular创建“辅助”HTML注释?例如,会变成类似的东西我该如何阻止它?我查看了Angular源代码,我看到这些“帮助程序”是由几乎每个指令中的无条件document.createComment生成的,所以我想没有办法通过在vendor什么的。但是也许有一些没有“助手”的自定义Angular构建?我想我可以编写一些Yeoman/Grunt任务来在我构建新项目时从Angular的源代码中删除/注释.createComment-s。或者也许你们知道已经这样做的fiddle?而且,这提出了我的最后一个问题:这些评论是否对Angular的正常运行至关重要?如果我删除它们,它

javascript - 通过前端或后端哪种方式创建cookie?

据我所知,cookie是使我们的webapp有状态的一种方式。由于cookie既可以在javascript(前端)中创建,也可以通过http响应(由后端)创建,那么cookie何时应该由前端创建以及何时由后端创建有什么原则吗?能给出一些用户场景就好了。 最佳答案 有几个注意事项:创建的cookie的内容在哪里?如果它是一个sessionID,那么它可能是在服务器上创建的,因此cookie将在那里创建。如果它是未存储在服务器端的用户观看首选项,那么它可能已在客户端中设置,并且cookie将设置在那里。服务器端cookie可以设置额外的

javascript - 在 HTML canvas 上一条接一条地绘制连续的线条

我正在尝试为上述问题编写代码。我试着找到解决办法。这是我目前拥有的。varcanvas=document.getElementById('canvas');varcontext=canvas.getContext('2d');vardrawColorLine=function(start,end,color){vardeltaX,deltaY,i=0,currLength=0,isHor,isVert;deltaX=end[0]-start[0];deltaY=end[1]-start[1];context.strokeStyle=color;isHor=deltaX===0?0:1;

javascript - 如何在任何应用程序中使用 jquery 注入(inject) html 标记?

我想将html标记注入(inject)到不同平台的多个站点的div中。理想情况下,它看起来像这样,每个开发人员都可以在我的js中插入一个脚本标签。让我们假设每个应用程序都有bootstrap和jquery。而html只会在应用程序上是这样的我想在标题中插入我的html标记。我也想js插入到css源的链接。问题是,应用程序只有jquery。$(document).ready(function(){//insertlinktoheadercss$('head').append('');//inserthtmlindiv$("#globalHeader").html("HomeAbout")