Tag: html5boilerplate

document.write fallback导致jQuery无序加载

我正在使用HTML5 Boilerplate 4.0构建一个新站点,并且遇到了jQuery本地回退代码的问题。 有问题的代码在这里: <!– –> window.jQuery || document.write(”) 我现在正在本地开发,所以我已经注释掉了CDN系列。 我的问题是jQuery确实加载了,但它在plugins.js和main.js之后加载,导致未定义的错误。 最接近我可能发现的解释是前一个答案的#4点,这表明这是预期的,但是…上面很容易是jQuery最常用的本地回退代码,它是H5BP,这是经过严格审查。 我一定错过了什么,是吗?

html5boiler plate + jquery mobile =脚本加载两次

我正在研究一个基于实验jquery移动的应用程序,使用html5样板作为html等的基础。 基本上我到目前为止所做的就是: 下载并解压缩html5样板,并在浏览器中查看。 确保脚本/样式正确加载。 好准备好了。 添加jquery mobile(cdn托管完整版1.0 [今天发布?正确!]) 添加$(document).ready(function () { console.log(‘ready’); }); 刷新。 ‘ready’输出两次..第二个稍微延迟后输出.. wtf烧烤和铬检查员的这种检查情况..通知所有的javascript文件似乎加载两次。 从头开始重新启动,在浏览器中提取h5bp加载,特别注意脚本加载一次。 添加文档就绪处理程序,观察一个’ready’输出。 加载jquery mobile observe脚本加载一次。 将所有脚本移动到标记中。 脚本加载一次。 任何人都知道发生了什么事吗? 重现这一点应该很容易,只需提取h5bp并将jquery mobile添加到底部的脚本部分,然后突然脚本全部加载两次。 将所有这些脚本移动到modernizr下面(或之前)的head标签中,这不再发生。 谢谢

在本地运行时使用Html5boilerplate的代码加载JQuery非常慢

我一直在使用以下代码在我的所有项目中加载JQuery。 我从http://html5boilerplate.com/上抓了它。 这里对这种技术有广泛的讨论。 window.jQuery || document.write(”); 这个代码工作得很好,一旦我把它放在interwebs上似乎很快,但当我在本地打开我的.html文件时,每次刷新需要大约10秒。 通常我厌倦了并改变代码如下: <!– uncomment when going live window.jQuery || document.write(”);–> 我错过了一些明显的东西吗? 我觉得我不应该得到超慢的加载时间,但它会在注释掉这些行时自行解决。

如何扩展谷歌分析以跟踪AJAX等(根据H5BP文档)

我正在尝试安装extend.md文件中标识的google analytics augments程序( https://github.com/h5bp/html5-boilerplate/blob/v4.3.0/doc/extend.md ) 它声明“优化的”谷歌分析JS片段包括以下代码: var _gaq = [[‘_setAccount’, ‘UA-XXXXX-X’], [‘_trackPageview’]]; 并且在定义_gaq之后,应添加其他增强function,例如track jquery AJAX requests , track javascript errors和track page scroll 。 实际上,当前版本的H5BP中包含的片段并未将_gaq作为变量引用: (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]= function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date; e=o.createElement(i);r=o.getElementsByTagName(i)[0]; e.src=’//www.google-analytics.com/analytics.js’; r.parentNode.insertBefore(e,r)}(window,document,’script’,’ga’)); ga(‘create’,’UA-XXXXX-X’);ga(‘send’,’pageview’); 尝试使用任何H5BP扩展时,这会产生未定义的错误。 例如 if (typeof _gaq !== “undefined” && _gaq !== null) { $(document).ajaxSend(function(event, xhr, settings){ _gaq.push([‘_trackPageview’, settings.url]); }); } 因为没有定义_gaq,所以无法正常工作。 这些增益是如何实现的? 有人可以提供一个显示所有扩展的完整实现的工作示例吗? 谢谢

Internet Explorer,Closure Compiler和Trailing Commas

我正在使用html5boilerplate构建脚本并在缩小脚本时(使用Google Closure Compiler) 我收到了这个错误 -js.all.minify: [echo] Minifying scripts [copy] Copying 3 files to /Users/Username/Desktop/Web/intermediate/js [apply] /Users/Juan/Desktop/Web/js/plugins.js:117: ERROR – Parse error. Internet Explorer has a non-standard intepretation of trailing commas. Arrays will have the wrong length and objects will not parse at all. [apply] }, { duration: 727 }) [apply] ^ 但如果运行未编译,代码将在IE 8中运行。 这是代码 anim1.animate({ ‘left’: […]