Tag: JavaScript

从JS / CSS检测系统DPI / PPI？: 我正在研究一种独特的应用程序，它需要根据显示的设备以特定的分辨率生成图像。因此，在常规的Windows浏览器（96ppi），iPhone（163ppi），Android G1（180ppi）和其他设备上的输出是不同的。我想知道是否有办法自动检测到这一点。我最初的研究似乎是说不。我见过的唯一build议是在CSS中创build一个宽度为“1in”的元素，然后检查其偏移量（另请参阅如何通过JavaScript访问屏幕显示的DPI设置？）。有道理，但iPhone用这种技术对我说谎，说这是96ppi。另一种方法可能是以英寸为单位获得显示的尺寸，然后除以像素的宽度，但我不知道如何做到这一点。

IE8开箱即用支持“localStorage”: 我正在尝试使用HTML5functionlocalStorage 。根据这个博客它可以完成使用IE8，但是当我尝试使用它，我得到一个javascript错误'localStorage is null or not an object' 所以我的问题：IE8可以使用localStorage吗？这是我的代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <title>IE8 – DOM Storage</title> <script type="text/javascript"> function Save() { localStorage.setItem('key','value'); } </script> </head> <body> <button onclick="Save();"> Save </button> </body> </html>

jQuery.parseJSON单引号与双引号: 究竟是什么区别呢？这工作正常： var obj1 = jQuery.parseJSON('{"orderedList": "true"}'); document.write("obj1 "+ obj1.orderedList ); 但以下不起作用： var obj2 = jQuery.parseJSON("{'orderedList': 'true'}"); document.write("obj2 "+ obj2.orderedList ); 这是为什么？

停止setInterval: 我想停止error处理程序中的这个间隔反复运行。这是可能的，如果是这样，怎么样？ $(document).on('ready',function(){ setInterval(updateDiv,3000); }); function updateDiv(){ $.ajax({ url: 'getContent.php', success: function(data){ $('.square').html(data); }, error: function(){ $.playSound('oneday.wav'); $('.square').html('<span style="color:red">Connection problems</span>'); // I want to stop it here } }); }

Angular 2.1.0dynamic创build子组件: 我正在试图做的angular 2.1.0正在创build应该注入到父组件的飞行中的子组件。例如，父组件是lessonDetails ，它包含所有课程的共享内容，例如button，如Go to previous lesson ， Go to next lesson以及其他内容。基于路由参数，应该是子组件的课程内容需要dynamic注入父组件。子组件（课程内容）的HTML被定义为外部的纯string，它可以是如下的对象： export const LESSONS = { "lesson-1": `<p> lesson 1 </p>`, "lesson-2": `<p> lesson 2 </p>` } 通过innerHtml在父组件模板中可以很容易地解决问题。 <div [innerHTML]="lessonContent"></div> 如果每次路由参数变化，父组件的属性lessonContent将改变（内容（新模板）将从LESSON对象中取得），导致父组件模板被更新。这个工程，但angular将不处理通过innerHtml注入的内容，所以不可能使用routerLink和其他的东西。在新的angular度释放之前，我使用来自http://blog.lacolaco.net/post/dynamic-component-creation-in-angular-2/的解决scheme解决了这个问题，其中我一直使用ComponentMetadata和ComponentResolver一起创build子组件苍蝇，就像： const metadata = new ComponentMetadata({ template: this.templateString, }); 其中templateString作为子组件的Input属性传递给子组件。 MetaData和ComponentResolver都在angular 2.1.0被弃用/删除。所以问题不仅在于dynamic组件的创build，就像在几个相关的SO问题中所描述的一样，如果我为每个课程内容定义了组件，问题将会更容易解决。这意味着我需要为100个不同的课程预先声明100个不同的组件。弃用的元数据提供的行为就像在单个组件的运行时更新模板（创build和销毁路由参数更改中的单个组件）。更新1：在最近的angular度版本中，似乎需要dynamic创build/注入的所有组件都需要在entryComponents中的@NgModule预定义。所以在我看来，与上面的问题相关，如果我需要有100课（需要dynamic地创build组件），这意味着我需要预先定义100个组件更新2：基于更新1，可通过以下方式通过ViewContainerRef.createComponent()完成： // […]

Three.js – 视图的宽度: 有没有办法找出场景的渲染部分的宽度？例如，如果我们有一个宽度为100的网格，但是具有一定的缩放级别，我将如何计算在屏幕上渲染的网格部分的宽度？

如何对mongoDB中的集合logging进行sorting: MongoDB的noob在这里… 好吧，我有一个学生的集合，每个人都有一个如下所示的logging….我想按照降序排列“types”：“作业”分数。 mongo shell上的这个咒语是什么样的？ > db.students.find({'_id': 1}).pretty() { "_id" : 1, "name" : "Aurelia Menendez", "scores" : [ { "type" : "exam", "score" : 60.06045071030959 }, { "type" : "quiz", "score" : 52.79790691903873 }, { "type" : "homework", "score" : 71.76133439165544 }, { "type" : "homework", "score" : 34.85718117893772 } ] } 我正在尝试这个咒语…. doc = […]

Chrome中的“Uncaught TypeError：非法调用”: 当我使用requestAnimationFrame来做一些原生支持的animation和下面的代码： var support = { animationFrame: window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame }; support.animationFrame(function() {}); //error support.animationFrame.call(window, function() {}); //right 直接调用support.animationFrame会给… Uncaught TypeError：非法调用在Chrome中。为什么？