-
2017-05-10 20:11的提问javascript
Q:请指出JavaScript宿主对象和原生对象的区别?
-
2017-07-13 17:34的提问javascript
Q:js高级程序设计里说 this 引用的是函数执行的环境对象, 下面foo()在window下执行,环境对象就是window? * function foo(){ * alert(this); * } * foo(); * 那么函数嵌套为什么也是[object Window]?比如下面的 * function foo(){ * function foo2(){ * alert(this); * } * foo2(); * } * foo(); 输出的还是window * function SpecialArray(){ * alert(this); * } * alert(this); * SpecialArray(); * var colors = new SpecialArray(); 弹出的依次是[object Window],[object Window],[object Object]?这里的Object又是什么情况
-
2018-10-30 13:58的回答javascript
A:<p>以下是我对这个问题的一点理解,希望能给大家一点帮助。 当 CSS 后面跟着嵌入的 JS 的时候,该 CSS 就会出现阻塞后面资源下载的情况。而当把嵌入 JS 放到 CSS 前面,就不会出现阻塞的情况了。 根本原因:因为浏览器会维持 html 中 css 和 js 的顺序,样式表必须在嵌入的 JS 执行前先加载、解析完。而嵌入的 JS 会阻塞后面的资源加载,所以就会出现上面 CSS 阻塞下载的情况。</p> <p>js 的阻塞特性:所有浏览器在下载 JS 的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等。直到 JS 下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。为了提高用户体验,新一代浏览器都支持并行下载 JS,但是 JS 下载仍然会阻塞其它资源的下载(例如.图片,css文件等)。 由于浏览器为了防止出现 JS 修改 DOM 树,需要重新构建 DOM 树的情况,所以就会阻塞其他的下载和呈现。 嵌入 JS 会阻塞所有内容的呈现,而外部 JS 只会阻塞其后内容的显示,2 种方式都会阻塞其后资源的下载。也就是说外部样式不会阻塞外部脚本的加载,但会阻塞外部脚本的执行。</p>
-
2017-06-03 11:01的提问javascript
Q:如题,有没有大神提供下思路, 除了 oncopy,禁用右键菜单 跟 noscript iframe 那种方法 还有没有其他可行方法
-
2017-08-23 14:47的提问javascript
Q:{}+[] 是 0 ({}+[]) 是 "[object Object]" 仅仅多了个括号而已 都是在chrome里的console结果无误,我知道是类型强制转换,那这个该如何解释?
-
2017-05-15 12:55的提问javascript
Q:有没有人用过prepack?效果如何?求老司机介绍。
-
2017-07-12 20:42的提问javascript
Q:var person = new Object(); person.name = "Nicholas"; 上面是Javascript上的,为什么不是var person.name = "Nicholas"; 不用var不是会变成全局变量么?
-
2017-08-23 14:45的提问javascript
Q:例如 String.prototype.toString = blablabla window.setTimeout = blablaba
-
2017-05-22 12:00的提问javascript
Q:class Point { /* ... */ } class ColorPoint extends Point { sayX = a =>console.log(this.x); } 上面代码中的this指的是什么?
-
2017-08-23 14:47的提问javascript
Q:JavaScript接受php中包含特殊字符的字符串,并在前端调用JSON.parse时会导致转换出错,例如以下代码: var test = <?=json_encode(array('a'=>'{"b":"\\u"}'))?>; JSON.parse(test.a); json_encode的结果如下: var test = {"a":"{\"b\":\"\\u\"}"}; JSON.parse(test.a); 那么在JSON.parse时就会因为只包含了\u而导致转换出错,当然还有像单个双引号"这样的字符也是会出错。 请问有什么方法能够统一处理此类问题吗?
-
2018-01-05 10:44的提问javascript
Q:如题 hover 或者mouseover 后 元素有旋转和平移的特效 要兼容到ie8 T_T
-
2018-01-23 12:12的提问javascript
Q: 因为图片验证的尺寸会随着尺寸列表的选择而变化,所以需要让fileinput插件的参数动态获取,现在问题是fileinput插件初始化后参数值就无法修改了。
-
2017-10-20 17:40的提问javascript
Q:AlloyImage官方资料都有,有没有其他的教程资料
-
2017-11-12 00:21的提问javascript
Q:[liss2.style.display="none"不能用](https://github.com/maHouse/change/blob/master/sec-class-nav/sec-class-navigation.js) 问题描述:做的二级下拉菜单,onmouseover和onmouseout悬浮消失隐藏,用JavaScript写的,在JSbin.com测试显示    在chrome工作台打断点的,看到也是这个图片区域,得不到liss2, 感谢,感谢!!! > <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>二级菜单、下拉菜单</title> <link rel="stylesheet" href="sec-class-navigation.css"> <script src="sec-class-navigation.js"></script> </head> <body> <div id="nav" class="nav"> <ul> <li><a href="#">网站首页</a></li> <li id="classhall"> <a href="#">课程大厅</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">Ajax</a></li> </ul> </li> <li id="studycenter"> <a href="#">学习中心</a> <ul> <li><a href="#">视频学习</a></li> <li><a href="#">案例中心</a></li> <li><a href="#">交流平台</a></li> </ul> </li> <li><a href="#">经典案例</a></li> <li><a href="#">关于我们</a></li> </ul> </div> </body> </html> 样式 *{ margin: 0; padding: 0; } ul{ list-style: none; } .nav{ background-color:#EEEEEE; height:40px; width:450px; margin:0 auto; } ul li{ float:left; line-height: 40px; text-align: center; position:relative; } a{ text-decoration: none; color:#000; display: block; width: 90px; height: 40px; } a:link,a:visited{ background-color: #EEE; } a:hover{ background-color: red; color: #FFF; } ul li ul li{ float: none; background-color: #EEE; } ul li ul{ position: absolute; top: 40px; left: 0px; display: none; width: 90px; } ul li:hover ul{ /*display: block; */ } JS window.onload = function() { var uls = document.getElementsByTagName("ul")[0].children; for ( var i = 0, len = uls.length; i < len; i++ ) { var liss = uls[ i ].firstElementChild, liss2 = uls[ i ].lastElementChild; if ( liss != liss2 ) { uls[ i ].onmouseover = function() { liss2.style.display = "block"; } uls[ i ].onmouseout = function() { liss2.style.display = "none"; } } else { function stopHandler( event ) { window.event ? window.event.cancleBubble = true : event.stopPropagation(); } } } }
-
2018-07-05 13:54的提问javascript
Q:<html> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" /> <meta name="format-detection" content="telephone=no" /> <title>图标</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <style> .modal { position: absolute; top: 100px; left: 100px; width: 300px; border: 1px solid #aaa; padding: 3px; border-radius: 5px; } .modal-header { height: 24px; line-height: 24px; background-color: #ddd; color: #222; padding: 5px; border-radius: 3px; } .modal-body { height: 100px; } .btn-close { width: 24px; height: 24px; float: right; padding: 3px; } </style> <script type="text/javascript" src="http://www.topcrab.com/js/jquery.js"></script> <script type="text/javascript"> $(function() { /** * [draggable 拖拽方法] * @param {[type]} modal [移动元素] * @param {[type]} handle [拖拽元素] * @param {[type]} cancle [排除元素] */ var draggable = function(modal, handle, cancle) { var isDragging = false; var startX = 0, startY = 0, left = 0, top = 0; var dragStart = function(e) { var e = e || window.event; e.preventDefault(); // 获取需要排除的元素 isDragging = true; startX = e.clientX; startY = e.clientY; left = $(modal).offset().left; top = $(modal).offset().top; } var dragMove = function(e) { var e = e || window.event; e.preventDefault(); if (isDragging) { var endX = e.clientX, endY = e.clientY, relativeX = endX - startX, relativeY = endY - startY; $(modal).css({ left: relativeX + left + 'px', top: relativeY + top + 'px' }); } return false; } var dragEnd = function(e) { addHtml(); isDragging = false; } $(handle).on('mousedown', dragStart); $(document).on('mousemove', dragMove); $(document).on('mouseup', dragEnd); } function addHtml() { $("body").append('<div class="modal" id="modal" style="margin-top:300px">\ <div class="modal-body"></div>\ </div>') } $(".modal").each(function() { var that = $(this) draggable(that, that); }) }) </script> </head> <body> <div class="modal" id="modal"> <div class="modal-body"></div> </div> <div class="modal" id="modal" style="margin-left:300px;"> <div class="modal-body"></div> </div> </body> </html>