我搜索并发现了许多文章,讨论了可以在javascript中使用控制HTML音频元素的常用方法.但是,我无法找到列出所有可用方法的任何地方.
我应该说清楚我不是在寻找HTML音频属性.我正在寻找像audio.play()和的方法audio.pause().我已经看到了代码样本中使用的这些方法,但我找不到一份详尽无遗的清单.
我已经着手开始正确使用jQuery和JavaScript.我很遗憾地说,从历史上看,我已经陷入了使用jQuery犯了很多非常糟糕的错误的开发人员类(污染全局命名空间,没有缓存jQuery选择器,以及更多有趣的东西 - 其中一些我确定我还没发现).
事实上,jQuery允许人们轻松实现一些非常强大的功能.但是,因为一切"正常",性能问题和最佳实践立即退居二线.
我一直在阅读有关JavaScript和jQuery性能和最佳实践的文章,我已经学到了足够的知识,可以完全意识到我真正缺乏经验.我感到沮丧,因为我不确定何时应该使用jQuery或只是简单的JavaScript.jQuery对我很有吸引力的主要原因是它负责浏览器的兼容性.根据我的理解,你可以用jQuery做些事情,你也可以使用不受兼容性问题影响的常规JavaScript.基本上我正在寻找一个指南,解释当使用jQuery而不是常规JavaScript时是明智的.
回顾几个问题:
是否存在由于性能而不应使用的jQuery部分?
你应该经常使用jQuery的哪些部分来避免浏览器的不一致?
你不应该使用jQuery的哪些部分,因为有一种可靠而快捷的方法可以在JavaScript中本地执行相同的操作?
jQuery的哪些部分提供了多种方法来做同样的事情,一种方式更有效?例如,:not()选择器与.not()方法.
我正在寻找现有文章,博客文章,书籍,视频等.我知道文档的位置.我经常读它们.我希望能有更多关于上述问题的概述.
谢谢!
编辑:
看看这个非常相似的问题:什么时候使用Vanilla JavaScript和jQuery?
如果您使用document.elementFromPoint(x,y),并且在提供的坐标处有多个元素,则应该返回最顶层的元素(在视觉堆叠顺序中最顶部,而不是源代码).
如果最顶层的元素已pointer-events: none在CSS 中设置,document.elementFromPoint则看不到它.这个小提琴演示了这种效果.
这是预期的行为吗?似乎浏览器在您提供的坐标处触发点击事件(一个不会触发附加点击处理程序或默认行为的机密点击事件)以查找该元素.有没有办法看看如何document.elementFromPoint在不同的浏览器中实现?CSS属性会影响完全不相关的DOM函数的行为,这似乎很奇怪.
我只在最新的Chrome中测试了这个.我确信每个浏览器都会以不同的方式对待它.我主要对基于webkit的浏览器感到好奇,但是关于其他浏览器的更多信息总是受欢迎的.
我正在异步加载google maps API,这允许您定义在API加载时执行的回调.有什么方法可以将参数传递给回调吗?
编辑:
这是我正在使用的代码.我有一个名为master存储以下函数的全局对象.
/**
* Load the Google Maps API
* https://developers.google.com/maps/documentation/javascript/tutorial#Loading_the_Maps_API
*/
loadGoogleMaps: function(){
var googleMaps = document.createElement("script");
googleMaps.type = "text/javascript";
googleMaps.src = "http://maps.googleapis.com/maps/api/js?key=[MYAPIKEY]&sensor=false&callback=master.mapInit";
document.body.appendChild(googleMaps);
}
Run Code Online (Sandbox Code Playgroud)
我希望能够传递一系列位置,mapInit这样我就可以在初始化时将标记添加到地图中.我还希望能够全局访问地图的引用,以便我可以在创建后修改地图.
/**
* Initialize the map
*/
mapInit: function(){
// Default map options
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng( 40, -95 ),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
// Create map
var map = new google.maps.Map( document.getElementById("map"), mapOptions );
}
Run Code Online (Sandbox Code Playgroud) 这可能只是 JavaScript 的一个奇怪的怪癖,但我很好奇是否有人知道为什么会发生这种情况:
({} <= {}) => true
({} >= {}) => true
({} == {}) => false
({} === {}) => false
({} > {}) => false
({} < {}) => false
考虑到所有其他都是假的,为什么前两个是真的?
我认为它可能在比较之前将对象转换为数字,但是......
Number({}) >= Number({}) => false
在为Photoshop CS3编写脚本之前,我正在做一些研究.我想用Photoshop在Photoshop中编写脚本.
我查看了Photoshop JavaScript指南,但我找不到任何方法来获取图层的图层样式信息(笔触,渐变,外部发光等).
有一种方法可以设置图层样式,但我找不到任何可以让您获取信息的内容.
我只有Photoshop CS3,所以我正在寻找适合的解决方案.
我希望能够知道正在构建的数组的级别.
代码循环通过一堆目录来创建一个大规模的多维数组.
在创建数组时,我想知道数组的深度.
1 2 3 4
---------------------
Root
A
A2
A3
A4
A4a
B
B2
B3
C
D
E
E2
E2a
E3
Run Code Online (Sandbox Code Playgroud)
在上面的示例中,根目录位于级别1.所有单个大写字母都在级别2中.所有带有数字的大写字母都在级别3中.所有带有数字和小写字母的大写字母都在级别4中.
当我正在构建数组时,有什么方法可以让我知道我在哪个级别?正在使用递归函数创建数组.
这是一个PHP问题.
根据我的理解,Compass仅适用于Ruby.是否有与Compass相当的PHP?
使用带有按钮的ui-sortable对网格进行排序,以便在排序后切换回Isotope.有一些排序顺序留空块.如何使用Isotope填充空格?
我已经尝试了多种Isotope布局方法.
$(document).ready(function() {
var $itemList = $('#sortable');
$itemList.isotope({
resizesContainer: false,
masonry: {
rowHeight: 250,
columnWidth: 325
}
});
$('#wp-admin-bar-edit').click(function() {
$itemList.isotope('destroy');
$itemList.sortable({
//Do Ajax Stuff with UI-Sort Order
});
});
});
//Toggle back to Isotope after jQuery UI-Sortable Ajax stuff
$(document).ready(function() {
$('#wp-admin-bar-sort').click(function() {
$('#sortable').isotope({
resizesContainer: false,
masonry: {
rowHeight: 250,
columnWidth: 325
}
});
});
});
Run Code Online (Sandbox Code Playgroud)
在Firefox 4和IE 8&9中实现了预期的效果,但问题似乎与谷歌Chrome(最新版稳定频道)有关.


javascript ×7
css ×2
jquery ×2
php ×2
arrays ×1
audio ×1
browser ×1
compass-sass ×1
download ×1
html ×1
methods ×1
performance ×1
photoshop ×1