javaScript中返回true和false的问题,求大神解答!!
 <%--
  Created by IntelliJ IDEA.
  User: TopbeCoder5
  Date: 2015/1/18
  Time: 20:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>测试alertMsg</title>
    <link href="css/alertMsg.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        function alertMsg(msg, mode) { //mode为空,即只有一个确认按钮,mode为1时有确认和取消两个按钮
            msg = msg || '';
            mode = mode || 0;
            var top = document.body.scrollTop || document.documentElement.scrollTop;
            var isIe = (document.all) ? true : false;
            var isIE6 = isIe && !window.XMLHttpRequest;
            var sTop = document.documentElement.scrollTop || document.body.scrollTop;
            var sLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
            var winSize = function () {
                var xScroll, yScroll, windowWidth, windowHeight, pageWidth, pageHeight;
                // innerHeight获取的是可视窗口的高度,IE不支持此属性
                if (window.innerHeight && window.scrollMaxY) {
                    xScroll = document.body.scrollWidth;
                    yScroll = window.innerHeight + window.scrollMaxY;
                } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
                    xScroll = document.body.scrollWidth;
                    yScroll = document.body.scrollHeight;
                } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
                    xScroll = document.body.offsetWidth;
                    yScroll = document.body.offsetHeight;
                }

                if (self.innerHeight) {    // all except Explorer
                    windowWidth = self.innerWidth;
                    windowHeight = self.innerHeight;
                } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                    windowWidth = document.documentElement.clientWidth;
                    windowHeight = document.documentElement.clientHeight;
                } else if (document.body) { // other Explorers
                    windowWidth = document.body.clientWidth;
                    windowHeight = document.body.clientHeight;
                }

                // for small pages with total height less then height of the viewport
                if (yScroll < windowHeight) {
                    pageHeight = windowHeight;
                } else {
                    pageHeight = yScroll;
                }

                // for small pages with total width less then width of the viewport
                if (xScroll < windowWidth) {
                    pageWidth = windowWidth;
                } else {
                    pageWidth = xScroll;
                }

                return {
                    'pageWidth': pageWidth,
                    'pageHeight': pageHeight,
                    'windowWidth': windowWidth,
                    'windowHeight': windowHeight
                }
            }();
            //alert(winSize.pageWidth);
            //遮罩层
            var styleStr = 'top:0;left:0;position:absolute;z-index:10000;background:#666;width:' + winSize.pageWidth + 'px;height:' + (winSize.pageHeight + 30) + 'px;';
            styleStr += (isIe) ? "filter:alpha(opacity=80);" : "opacity:0.8;"; //遮罩层DIV
            var shadowDiv = document.createElement('div'); //添加阴影DIV
            shadowDiv.style.cssText = styleStr; //添加样式
            shadowDiv.id = "shadowDiv";
            //如果是IE6则创建IFRAME遮罩SELECT
            if (isIE6) {
                var maskIframe = document.createElement('iframe');
                maskIframe.style.cssText = 'width:' + winSize.pageWidth + 'px;height:' + (winSize.pageHeight + 30) + 'px;position:absolute;visibility:inherit;z-index:-1;filter:alpha(opacity=0);';
                maskIframe.frameborder = 0;
                maskIframe.src = "about:blank";
                shadowDiv.appendChild(maskIframe);
            }
            document.body.insertBefore(shadowDiv, document.body.firstChild); //遮罩层加入文档
            //弹出框
            var styleStr1 = 'display:block;position:fixed;_position:absolute;left:' + (winSize.windowWidth / 2 - 125) + 'px;top:' + (winSize.windowHeight / 2 - 70) + 'px;_top:' + (winSize.windowHeight / 2 + top - 150) + 'px;'; //弹出框的位置
            var alertBox = document.createElement('div');
            var alertTitle = document.createElement('div');
            alertTitle.id = 'alertTitle';
            alertBox.id = 'alertMsg';
            alertBox.style.cssText = styleStr1;
            //创建弹出框里面的内容P标签
            var alertMsg_info = document.createElement('P');
            alertMsg_info.id = 'alertMsg_info';
            alertMsg_info.innerHTML = msg;
            alertTitle.innerHTML = '提示信息!';
            alertBox.appendChild(alertTitle);
            alertBox.appendChild(alertMsg_info);
            //创建按钮
            var styleStr2 = 'display:block;position:fixed;_position:absolute;left:' + (winSize.windowWidth / 2 - 125) + 'px;top:' + (winSize.windowHeight / 2 + 40) + 'px;_top:' + (winSize.windowHeight / 2 + top - 150) + 'px;'; //弹出框的位置
            var alertBottom = document.createElement('div');
            alertBottom.id = 'alertBottom';
            alertBottom.style.cssText = styleStr2;
            if (mode === 1) {
                var btn1 = document.createElement('a');
                btn1.id = 'alertMsg_btn1';
                btn1.href = 'javas' + 'cript:void(0)';
                btn1.innerHTML = '<cite>确定</cite>';
                btn1.onclick = function () {
                    document.body.removeChild(alertBox);
                    document.body.removeChild(shadowDiv);
                    document.body.removeChild(alertBottom);
                    //document.getElementById("logout").click();
                    return true;
                };
                alertBottom.appendChild(btn1);
                var btn2 = document.createElement('a');
                btn2.id = 'alertMsg_btn2';
                btn2.href = 'javas' + 'cript:void(0)';
                btn2.innerHTML = '<cite>取消</cite>';
                btn2.onclick = function () {
                    document.body.removeChild(alertBox);
                    document.body.removeChild(shadowDiv);
                    document.body.removeChild(alertBottom);
                    return false;
                };
            } else {
                var btn2 = document.createElement('a');
                btn2.id = 'alertMsg_btn2';
                btn2.href = 'javas' + 'cript:void(0)';
                btn2.innerHTML = '<cite>确定</cite>';
                btn2.onclick = function () {
                    document.body.removeChild(alertBox);
                    document.body.removeChild(shadowDiv);
                    document.body.removeChild(alertBottom);
                    return false;
                };
            }
            alertBottom.appendChild(btn2);
            document.body.appendChild(alertBox);
            document.body.appendChild(alertBottom);

        }
        function confirmMsg() {
            if (alertMsg("测试", 1)) {
                alert("点击了确定");
            } else {
                alert("点击了取消");
            }
        }
    </script>
</head>
<body>

<input type="button" value="Test the alert"
       onclick="return confirmMsg('test confirm');">

</body>
</html>

为什么一点botton就直接运行了false啊??

5个回答

alertMsg没有return,默认返回的undefined,对于if来说是false

danielinbiti
danielinbiti 回复yvhkidt1221: /** * 回调函数测试方法 * * @param callback * 被回调的方法 */ function testCallback(callback) { alert('come in!'); callback(); } /** * 被回调的函数 */ function a() { alert('a'); } /** * 开始测试方法 */ function start() { testCallback(a); }
大约 5 年之前 回复
yvhkidt1221
yvhkidt1221 就是想模拟一个自定义的弹窗而已、、然后现在遇到了在确认的时候需要执行不同的方法就在想有没有方法可以判断我点击的事件再执行方法。渣渣一枚、、求指教。
大约 5 年之前 回复
danielinbiti
danielinbiti 回复yvhkidt1221: 。。。你这函数的功能要干什么。为什么异步是放在另一个元素的单击事件上呢?我觉得无比混乱
大约 5 年之前 回复
yvhkidt1221
yvhkidt1221 回复danielinbiti: 啊、、所以才是异步的。那要怎么让alertMsg返回判断呢?
大约 5 年之前 回复
danielinbiti
danielinbiti 回复yvhkidt1221: 那是onclick的绑定的事件函数,和当前执行的函数没任何关系。
大约 5 年之前 回复
yvhkidt1221
yvhkidt1221 回复danielinbiti: (⊙o⊙)…不是,我说的是在alertMsg里面的btn1跟btn2的onclick里面的return。
大约 5 年之前 回复
danielinbiti
danielinbiti 回复yvhkidt1221: onclick的return的是confirmMsg的返回值。和函数内部的return有什么关系呢
大约 5 年之前 回复
yvhkidt1221
yvhkidt1221 那我在btn1的onclick里面return的值就是没用的么??
大约 5 年之前 回复

目测,alertMsg是异步执行的,你需要将它的onclick暴露出来,把你的确定取消的判断写在onclick里面。

yvhkidt1221
yvhkidt1221 那有什么方法可以把它改成同步的么?在判断确定的时候需要执行不同的步骤啊、、
大约 5 年之前 回复

直接断点调试一下

你这个是层模拟的,和系统的alert不一样,无法挂起js代码的执行。需要回掉函数,再点击你的按钮时执行回掉函数做需要的操作

showbo
支付宝加好友偷能量挖 回复yvhkidt1221: 看发出来的代码,要居于回调。。
大约 5 年之前 回复
yvhkidt1221
yvhkidt1221 大神、、求具体的指导!!回调函数什么的不怎么会用啊、、
大约 5 年之前 回复

帮你大概改了下。

 <html>
<head><meta http-equiv="content-type" content="text/html;charset=gb2312" />
    <title>测试alertMsg</title>
    <link href="css/alertMsg.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
    //增加callback回调
        function alertMsg(msg, mode,callback) { //mode为空,即只有一个确认按钮,mode为1时有确认和取消两个按钮
            msg = msg || '';
            mode = mode || 0;
            var top = document.body.scrollTop || document.documentElement.scrollTop;
            var isIe = (document.all) ? true : false;
            var isIE6 = isIe && !window.XMLHttpRequest;
            var sTop = document.documentElement.scrollTop || document.body.scrollTop;
            var sLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
            var winSize = function () {
                var xScroll, yScroll, windowWidth, windowHeight, pageWidth, pageHeight;
                // innerHeight获取的是可视窗口的高度,IE不支持此属性
                if (window.innerHeight && window.scrollMaxY) {
                    xScroll = document.body.scrollWidth;
                    yScroll = window.innerHeight + window.scrollMaxY;
                } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
                    xScroll = document.body.scrollWidth;
                    yScroll = document.body.scrollHeight;
                } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
                    xScroll = document.body.offsetWidth;
                    yScroll = document.body.offsetHeight;
                }

                if (self.innerHeight) {    // all except Explorer
                    windowWidth = self.innerWidth;
                    windowHeight = self.innerHeight;
                } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                    windowWidth = document.documentElement.clientWidth;
                    windowHeight = document.documentElement.clientHeight;
                } else if (document.body) { // other Explorers
                    windowWidth = document.body.clientWidth;
                    windowHeight = document.body.clientHeight;
                }

                // for small pages with total height less then height of the viewport
                if (yScroll < windowHeight) {
                    pageHeight = windowHeight;
                } else {
                    pageHeight = yScroll;
                }

                // for small pages with total width less then width of the viewport
                if (xScroll < windowWidth) {
                    pageWidth = windowWidth;
                } else {
                    pageWidth = xScroll;
                }

                return {
                    'pageWidth': pageWidth,
                    'pageHeight': pageHeight,
                    'windowWidth': windowWidth,
                    'windowHeight': windowHeight
                }
            } ();
            //alert(winSize.pageWidth);
            //遮罩层
            var styleStr = 'top:0;left:0;position:absolute;z-index:10000;background:#666;width:' + winSize.pageWidth + 'px;height:' + (winSize.pageHeight + 30) + 'px;';
            styleStr += (isIe) ? "filter:alpha(opacity=80);" : "opacity:0.8;"; //遮罩层DIV
            var shadowDiv = document.createElement('div'); //添加阴影DIV
            shadowDiv.style.cssText = styleStr; //添加样式
            shadowDiv.id = "shadowDiv";
            //如果是IE6则创建IFRAME遮罩SELECT
            if (isIE6) {
                var maskIframe = document.createElement('iframe');
                maskIframe.style.cssText = 'width:' + winSize.pageWidth + 'px;height:' + (winSize.pageHeight + 30) + 'px;position:absolute;visibility:inherit;z-index:-1;filter:alpha(opacity=0);';
                maskIframe.frameborder = 0;
                maskIframe.src = "about:blank";
                shadowDiv.appendChild(maskIframe);
            }
            document.body.insertBefore(shadowDiv, document.body.firstChild); //遮罩层加入文档
            //弹出框
            var styleStr1 = 'display:block;position:fixed;_position:absolute;left:' + (winSize.windowWidth / 2 - 125) + 'px;top:' + (winSize.windowHeight / 2 - 70) + 'px;_top:' + (winSize.windowHeight / 2 + top - 150) + 'px;'; //弹出框的位置
            var alertBox = document.createElement('div');
            var alertTitle = document.createElement('div');
            alertTitle.id = 'alertTitle';
            alertBox.id = 'alertMsg';
            alertBox.style.cssText = styleStr1;
            //创建弹出框里面的内容P标签
            var alertMsg_info = document.createElement('P');
            alertMsg_info.id = 'alertMsg_info';
            alertMsg_info.innerHTML = msg;
            alertTitle.innerHTML = '提示信息!';
            alertBox.appendChild(alertTitle);
            alertBox.appendChild(alertMsg_info);
            //创建按钮
            var styleStr2 = 'display:block;position:fixed;_position:absolute;left:' + (winSize.windowWidth / 2 - 125) + 'px;top:' + (winSize.windowHeight / 2 + 40) + 'px;_top:' + (winSize.windowHeight / 2 + top - 150) + 'px;'; //弹出框的位置
            var alertBottom = document.createElement('div');
            alertBottom.id = 'alertBottom';
            alertBottom.style.cssText = styleStr2;
            if (mode === 1) {
                var btn1 = document.createElement('a');
                btn1.id = 'alertMsg_btn1';
                btn1.href = 'javas' + 'cript:void(0)';
                btn1.innerHTML = '<cite>确定</cite>';
                btn1.onclick = function () {
                    if (typeof callback == 'function') callback(this);////传递了回调则执行回调,将按钮作为回调参数
                    document.body.removeChild(alertBox);
                    document.body.removeChild(shadowDiv);
                    document.body.removeChild(alertBottom);
                    //document.getElementById("logout").click();
                    return true;
                };
                alertBottom.appendChild(btn1);
                var btn2 = document.createElement('a');
                btn2.id = 'alertMsg_btn2';
                btn2.href = 'javas' + 'cript:void(0)';
                btn2.innerHTML = '<cite>取消</cite>';
                btn2.onclick = function () {
                    if (typeof callback == 'function') callback(this); ////传递了回调则执行回调,将按钮作为回调参数
                    document.body.removeChild(alertBox);
                    document.body.removeChild(shadowDiv);
                    document.body.removeChild(alertBottom);
                    return false;
                };
            } else {
                var btn2 = document.createElement('a');
                btn2.id = 'alertMsg_btn2';
                btn2.href = 'javas' + 'cript:void(0)';
                btn2.innerHTML = '<cite>确定</cite>';
                btn2.onclick = function () {
                    if (typeof callback == 'function') callback(this); ////传递了回调则执行回调,将按钮作为回调参数
                    document.body.removeChild(alertBox);
                    document.body.removeChild(shadowDiv);
                    document.body.removeChild(alertBottom);
                    return false;
                };
            }
            alertBottom.appendChild(btn2);
            document.body.appendChild(alertBox);
            document.body.appendChild(alertBottom);

        }
        function confirmMsg() {
            alertMsg("测试", 1, function (btn) { //将点击的按钮作为回调函数的参数
                var text = btn.innerHTML.replace(/<[^>]+>/g, ''); //去掉所有html标签
                alert('点击了“' + text + '”按钮');
            });
        }
    </script>
</head>
<body>

<input type="button" value="Test the alert"
       onclick="confirmMsg('test confirm');">

</body>
</html>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
addEventListener is not a function!求大神解答!跪谢
three.js报loader.addEventListener is not a function的错误 代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="../js/three.js"></script> <script src="../js/Detector.js"></script> <script src="../js/VTKLoader.js"></script> <script src="../js/TrackballControls.js"></script> <title></title> </head> <body> <script> if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); var container, stats; var camera, controls, scene, renderer; var cross; init(); animate(); function init() { camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.01, 1e10 ); camera.position.z = 0.2; controls = new THREE.TrackballControls( camera ); controls.rotateSpeed = 5.0; controls.zoomSpeed = 5; controls.panSpeed = 2; controls.noZoom = false; controls.noPan = false; controls.staticMoving = true; controls.dynamicDampingFactor = 0.3; scene = new THREE.Scene(); scene.add( camera ); // light var dirLight = new THREE.DirectionalLight( 0xffffff ); dirLight.position.set( 200, 200, 1000 ).normalize(); camera.add( dirLight ); camera.add( dirLight.target ); // A begin var material = new THREE.MeshLambertMaterial( { color:0xffffff, side: THREE.DoubleSide } ); var loader = new THREE.VTKLoader(); loader.addEventListener( 'load', function ( event ) { var geometry = event.content; var mesh = new THREE.Mesh( geometry, material ); mesh.position.setY( - 0.09 ); scene.add( mesh ); } ); loader.load( "../model/bunny.vtk" ); // A end // renderer renderer = new THREE.WebGLRenderer( { antialias: false } ); renderer.setClearColorHex( 0x000000, 1 ); renderer.setSize( window.innerWidth, window.innerHeight ); container = document.createElement( 'div' ); document.body.appendChild( container ); container.appendChild( renderer.domElement ); stats = new Stats(); stats.domElement.style.position = 'absolute'; stats.domElement.style.top = '0px'; container.appendChild( stats.domElement ); // window.addEventListener( 'resize', onWindowResize, false ); } function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize( window.innerWidth, window.innerHeight ); controls.handleResize(); } function animate() { requestAnimationFrame( animate ); controls.update(); renderer.render( scene, camera ); stats.update(); } </script> </body> </html> 报错如下: ![图片说明](https://img-ask.csdn.net/upload/201710/31/1509461319_363816.png)
微信JSSDK调用播放音频接口为什么没有响应?求大神指点!!!!
在做微信语音播放的项目,可是调用后为什么没有动静?wx.ready方法已经通过了,可以alert,但是把检测的JS接口的wx.checkJsApi贴上去也没有什么反应?而且wx.playVoice的接口中localId是否是mediaid?代码如下:求指点。。。。 var timestamp=""; var nonceStr=""; var signature=""; function getVoice(mediaId){ $.ajax({ url : "/getVoice", type : "GET", dataType : "json", success : function(data){ timestamp=data.timestamp; nonceStr=data.nonceStr; signature=data.signature; }, error : function(){ alert("系统故障,请稍后再试!"); } }); } //通过config接口注入权限验证配置,所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用 wx.config({ debug: true, appId: 'wxf8b4f85f3a794e77', timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ 'playVoice' ] }); //通过ready接口处理成功验证 wx.ready(function (){ wx.checkJsApi({ jsApiList: ['playVoice'], // 需要检测的JS接口列表,所有JS接口列表见附录2, success: function(res) { alert(res); // 以键值对的形式返回,可用的api值true,不可用为false // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} }, fail function (res){ alert(res); } }); }); wx.playVoice({ localId: '' // 需要播放的音频的本地ID,由stopRecord接口获得 });
淘淘商城选择类目子节点不显示的问题(EASYUI异步树) 求大神指点!!!
这个是现在的样子: ![图片说明](https://img-ask.csdn.net/upload/201810/22/1540220574_69778.png) 正确的样子: ![图片说明](https://img-ask.csdn.net/upload/201810/22/1540220640_433459.png) DAO层 POJO ![图片说明](https://img-ask.csdn.net/upload/201810/22/1540220824_863010.png) Service ![图片说明](https://img-ask.csdn.net/upload/201810/22/1540220941_247864.png) controller ![图片说明](https://img-ask.csdn.net/upload/201810/22/1540220983_480770.png) JSP ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet"> <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script> <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script> <div style="padding:10px 10px 10px 10px"> <form id="itemAddForm" class="itemForm" method="post"> <table cellpadding="5"> <tr> <td>商品类目:</td> <td> <a href="javascript:void(0)" class="easyui-linkbutton selectItemCat">选择类目</a> <input type="hidden" name="cid" style="width: 280px;"></input> </td> </tr> <tr> <td>商品标题:</td> <td><input class="easyui-textbox" type="text" name="title" data-options="required:true" style="width: 280px;"></input></td> </tr> <tr> <td>商品卖点:</td> <td><input class="easyui-textbox" name="sellPoint" data-options="multiline:true,validType:'length[0,150]'" style="height:60px;width: 280px;"></input></td> </tr> <tr> <td>商品价格:</td> <td><input class="easyui-numberbox" type="text" name="priceView" data-options="min:1,max:99999999,precision:2,required:true" /> <input type="hidden" name="price"/> </td> </tr> <tr> <td>库存数量:</td> <td><input class="easyui-numberbox" type="text" name="num" data-options="min:1,max:99999999,precision:0,required:true" /></td> </tr> <tr> <td>条形码:</td> <td> <input class="easyui-textbox" type="text" name="barcode" data-options="validType:'length[1,30]'" /> </td> </tr> <tr> <td>商品图片:</td> <td> <a href="javascript:void(0)" class="easyui-linkbutton picFileUpload">上传图片</a> <input type="hidden" name="image"/> </td> </tr> <tr> <td>商品描述:</td> <td> <textarea style="width:800px;height:300px;visibility:hidden;" name="desc"></textarea> </td> </tr> <tr class="params hide"> <td>商品规格:</td> <td> </td> </tr> </table> <input type="hidden" name="itemParams"/> </form> <div style="padding:5px"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">重置</a> </div> </div> <script type="text/javascript"> var itemAddEditor ; //页面初始化完毕后执行此方法 $(function(){ //创建富文本编辑器 //itemAddEditor = TAOTAO.createEditor("#itemAddForm [name=desc]"); itemAddEditor = KindEditor.create("#itemAddForm [name=desc]", TT.kingEditorParams); //初始化类目选择和图片上传器 TAOTAO.init({fun:function(node){ //根据商品的分类id取商品 的规格模板,生成规格信息。第四天内容。 TAOTAO.changeItemParam(node, "itemAddForm"); }}); }); //提交表单 function submitForm(){ //有效性验证 if(!$('#itemAddForm').form('validate')){ $.messager.alert('提示','表单还未填写完成!'); return ; } //取商品价格,单位为“分” $("#itemAddForm [name=price]").val(eval($("#itemAddForm [name=priceView]").val()) * 100); //同步文本框中的商品描述 itemAddEditor.sync(); //取商品的规格 var paramJson = []; $("#itemAddForm .params li").each(function(i,e){ var trs = $(e).find("tr"); var group = trs.eq(0).text(); var ps = []; for(var i = 1;i<trs.length;i++){ var tr = trs.eq(i); ps.push({ "k" : $.trim(tr.find("td").eq(0).find("span").text()), "v" : $.trim(tr.find("input").val()) }); } paramJson.push({ "group" : group, "params": ps }); }); //把json对象转换成字符串 paramJson = JSON.stringify(paramJson); $("#itemAddForm [name=itemParams]").val(paramJson); //ajax的post方式提交表单 //$("#itemAddForm").serialize()将表单序列号为key-value形式的字符串 $.post("/item/save",$("#itemAddForm").serialize(), function(data){ if(data.status == 200){ $.messager.alert('提示','新增商品成功!'); } }); } function clearForm(){ $('#itemAddForm').form('reset'); itemAddEditor.html(''); } </script> ``` JS ``` Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(), //second "q+" : Math.floor((this.getMonth()+3)/3), //quarter "S" : this.getMilliseconds() //millisecond }; if(/(y+)/.test(format)){ format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); } for(var k in o) { if(new RegExp("("+ k +")").test(format)){ format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length)); } } return format; }; var TT = TAOTAO = { // 编辑器参数 kingEditorParams : { //指定上传文件参数名称 filePostName : "uploadFile", //指定上传文件请求的url。 uploadJson : '/pic/upload', //上传类型,分别为image、flash、media、file dir : "image" }, // 格式化时间 formatDateTime : function(val,row){ var now = new Date(val); return now.format("yyyy-MM-dd hh:mm:ss"); }, // 格式化连接 formatUrl : function(val,row){ if(val){ return "<a href='"+val+"' target='_blank'>查看</a>"; } return ""; }, // 格式化价格 formatPrice : function(val,row){ return (val/1000).toFixed(2); }, // 格式化商品的状态 formatItemStatus : function formatStatus(val,row){ if (val == 1){ return '正常'; } else if(val == 2){ return '<span style="color:red;">下架</span>'; } else { return '未知'; } }, init : function(data){ // 初始化图片上传组件 this.initPicUpload(data); // 初始化选择类目组件 this.initItemCat(data); }, // 初始化图片上传组件 initPicUpload : function(data){ $(".picFileUpload").each(function(i,e){ var _ele = $(e); _ele.siblings("div.pics").remove(); _ele.after('\ <div class="pics">\ <ul></ul>\ </div>'); // 回显图片 if(data && data.pics){ var imgs = data.pics.split(","); for(var i in imgs){ if($.trim(imgs[i]).length > 0){ _ele.siblings(".pics").find("ul").append("<li><a href='"+imgs[i]+"' target='_blank'><img src='"+imgs[i]+"' width='80' height='50' /></a></li>"); } } } //给“上传图片按钮”绑定click事件 $(e).click(function(){ var form = $(this).parentsUntil("form").parent("form"); //打开图片上传窗口 KindEditor.editor(TT.kingEditorParams).loadPlugin('multiimage',function(){ var editor = this; editor.plugin.multiImageDialog({ clickFn : function(urlList) { var imgArray = []; KindEditor.each(urlList, function(i, data) { imgArray.push(data.url); form.find(".pics ul").append("<li><a href='"+data.url+"' target='_blank'><img src='"+data.url+"' width='80' height='50' /></a></li>"); }); form.find("[name=image]").val(imgArray.join(",")); editor.hideDialog(); } }); }); }); }); }, // 初始化选择类目组件 initItemCat : function(data){ $(".selectItemCat").each(function(i,e){ var _ele = $(e); if(data && data.cid){ _ele.after("<span style='margin-left:10px;'>"+data.cid+"</span>"); }else{ _ele.after("<span style='margin-left:10px;'></span>"); } _ele.unbind('click').click(function(){ $("<div>").css({padding:"5px"}).html("<ul>") .window({ width:'500', height:"450", modal:true, closed:true, iconCls:'icon-save', title:'选择类目', onOpen : function(){ var _win = this; $("ul",_win).tree({ url:'/item/cat/list', animate:true, method:"POST", onClick : function(node){ if($(this).tree("isLeaf",node.target)){ // 填写到cid中 _ele.parent().find("[name=cid]").val(node.id); _ele.next().text(node.text).attr("cid",node.id); $(_win).window('close'); if(data && data.fun){ data.fun.call(this,node); } } } }); }, onClose : function(){ $(this).window("destroy"); } }).window('open'); }); }); }, createEditor : function(select){ return KindEditor.create(select, TT.kingEditorParams); }, /** * 创建一个窗口,关闭窗口后销毁该窗口对象。<br/> * * 默认:<br/> * width : 80% <br/> * height : 80% <br/> * title : (空字符串) <br/> * * 参数:<br/> * width : <br/> * height : <br/> * title : <br/> * url : 必填参数 <br/> * onLoad : function 加载完窗口内容后执行<br/> * * */ createWindow : function(params){ $("<div>").css({padding:"5px"}).window({ width : params.width?params.width:"80%", height : params.height?params.height:"80%", modal:true, title : params.title?params.title:" ", href : params.url, onClose : function(){ $(this).window("destroy"); }, onLoad : function(){ if(params.onLoad){ params.onLoad.call(this); } } }).window("open"); }, closeCurrentWindow : function(){ $(".panel-tool-close").click(); }, changeItemParam : function(node,formId){ $.getJSON("/item/param/query/itemcatid/" + node.id,function(data){ if(data.status == 200 && data.data){ $("#"+formId+" .params").show(); var paramData = JSON.parse(data.data.paramData); var html = "<ul>"; for(var i in paramData){ var pd = paramData[i]; html+="<li><table>"; html+="<tr><td colspan=\"2\" class=\"group\">"+pd.group+"</td></tr>"; for(var j in pd.params){ var ps = pd.params[j]; html+="<tr><td class=\"param\"><span>"+ps+"</span>: </td><td><input autocomplete=\"off\" type=\"text\"/></td></tr>"; } html+="</li></table>"; } html+= "</ul>"; $("#"+formId+" .params td").eq(1).html(html); }else{ $("#"+formId+" .params").hide(); $("#"+formId+" .params td").eq(1).empty(); } }); }, getSelectionsIds : function (select){ var list = $(select); var sels = list.datagrid("getSelections"); var ids = []; for(var i in sels){ ids.push(sels[i].id); } ids = ids.join(","); return ids; }, /** * 初始化单图片上传组件 <br/> * 选择器为:.onePicUpload <br/> * 上传完成后会设置input内容以及在input后面追加<img> */ initOnePicUpload : function(){ $(".onePicUpload").click(function(){ var _self = $(this); KindEditor.editor(TT.kingEditorParams).loadPlugin('image', function() { this.plugin.imageDialog({ showRemote : false, clickFn : function(url, title, width, height, border, align) { var input = _self.siblings("input"); input.parent().find("img").remove(); input.val(url); input.after("<a href='"+url+"' target='_blank'><img src='"+url+"' width='80' height='50'/></a>"); this.hideDialog(); } }); }); }); } }; ``` 貌似是Controller里@RequestParam中的id一直没传进去 ,用的默认值0, 也不知道为什么会这样 ,请教一下应该怎么改。 谢谢!!
见鬼,太奇怪了,求大神解答这段js代码怎么得不到预期结果。
本来要写一个滚动条到底部自动加载的功能,if里面的判断表达式结果确实是true但是if里面的代码被执行5次。设置全局变量,return false.....都没法解决这个问题。求js大神解答。该怎么写才合适。 $(window).scroll(function(){ if (($(document).height())==($(window).height()+$(document).scrollTop())) { alert('loading');//这段代码被执行5次,为什么?求大神解答 } }); 贴上我编辑器里面的内容: $(window).scroll(function(){ $('#footer').html(($(document).height())+'jj'+($(window).height()+$(document).scrollTop())); // return false; if (($(document).height())==($(window).height()+$(document).scrollTop())) { // if(!loading) return false; loading++;//中断后续请求 // loadingStatus('你好'); $.post('http://www.baidu.com',{c:'dd'},function(data){ if(data.status){ }else{ } },'json'); alert(loading); } });
threejs多面体贴图加纹理,貌似只改变了颜色,求大神指点!
``` // 鼠标点击 var outlineMesh; document.addEventListener("mousedown", onDocumentMouseDown, false); init(); animate(); function init() { scr(); objects(); lights(); addfloor(); others(); } // var scene = new THREE.Scene(); // create a camera, which defines where we're looking at. // var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); function lights() { var ambientLight = new THREE.AmbientLight(0xffffff, 0.3); scene.add(ambientLight); var pointLight = new THREE.PointLight(0xffffff, 0.1); // scene.add(pointLight); // var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); var pointLight = new THREE.PointLight(0xffffff, 1); // scene.add(pointLight); camera.add(pointLight); } function objects() { // loadcontainer(); addHospital() } function addHospital() { var hospital = createHospital() // hospital.position.y = 20 scene.add(hospital) } function createHospital() { var hospital = new THREE.Object3D() var frontMainCoords = [ [0, -20], [-30, 0], [0, 20], [30, 0], ] var frontMainShape = utils.makeShape(frontMainCoords) var frontMainGeometry = utils.makeExtrudeGeometry(frontMainShape, 20) var frontMainMaterial = new THREE.MeshPhongMaterial({ map: textures.window() }) // var phongmaterial = new THREE.MeshPhongMaterial({color: 0x677784, transparent: true, opacity: 0.85}); // var phongmes = new THREE.Mesh(frontMainMaterial, phongmaterial); frontMainMaterial.map.repeat.set(0.1, 0.04) var alldate = [] //楼层总列表 for(var i=0;i<6;i++){ /* var frontMain = new THREE.Mesh(frontMainGeometry, frontMainMaterial) hospital.add(frontMain) renderScene()*/ var obj = "sta"+i; alldate.push(obj) } var layerList1 = [] var layerList2 = [] for(var j=0;j<5;j++){ var onedata = new THREE.Mesh(frontMainGeometry, frontMainMaterial); // var onedata =createMesh(frontMainGeometry, "stone.jpg"); hospital.add(onedata); layerList1.push(onedata) } for(var j=5;j<alldate.length;j++){ // var onedata =createMesh(frontMainGeometry, "stone.jpg"); var onedata = new THREE.Mesh(frontMainGeometry, frontMainMaterial); hospital.add(onedata); layerList2.push(onedata) } function createMesh(geom, imageFile) { // var texture = var mat = new THREE.MeshPhongMaterial(); mat.normalMap = new THREE.TextureLoader().load("/seismis/js/3djs/assets/textures/general/" + imageFile); // mat.specular = new THREE.Color(0xffffff); mat.needsUpdate = true; mat.shininess = 10; var mesh = new THREE.Mesh(geom, mat); return mesh; } //中间立体图形 // var polyhedron1 = createMesh(cubeGeometry, "stone.jpg"); renderScene(); var step1 = 0; var step2 = 0; function renderScene() { step1 += 0.1; for(var i=0;i<layerList1.length;i++){ var frontMain = layerList1[i]; frontMain.position.x = 0 + ( (2+i) * (Math.cos(step1))); frontMain.position.y = 0+i*20 + ( 2 * Math.abs(Math.sin(step1))); frontMain.position.z = 0 + ( (2+i) * (Math.cos(step1))); } step2 += 0.1; for(var k=0;k<(layerList2.length);k++){ var frontMain = layerList2[k]; frontMain.position.x = 0 + ( (2+k+5) * (Math.cos(step2))); frontMain.position.y = 0+(k+5)*20 + ( 2 * Math.abs(Math.sin(step2))); frontMain.position.z = 0 + ( (2+k+5) * (Math.cos(step2))); } requestAnimationFrame(renderScene); renderer.render(scene, camera); } // call the render function var step = 0; initModel() function initModel() { //辅助工具 var helper = new THREE.AxisHelper(10); scene.add(helper); var cubeGeometry = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(0, 0, 20), //v0 new THREE.Vector3(30, 0, 0), //v1 new THREE.Vector3(0, 0,-20), //v2 new THREE.Vector3(-30, 0, 0), //v3 new THREE.Vector3(-30,220,0), //v4 new THREE.Vector3(-22,220,10), //v5 new THREE.Vector3(22,220,10), //v6 new THREE.Vector3(30,220,0), //v7 new THREE.Vector3(22,220,-10), //v8 new THREE.Vector3(-22,220,-10), //v9 ]; cubeGeometry.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,1,2), new THREE.Face3(0,2,3), new THREE.Face3(3,0,5), new THREE.Face3(3,5,4), new THREE.Face3(3,4,9), new THREE.Face3(3,9,2), new THREE.Face3(2,9,8), new THREE.Face3(8,1,2), new THREE.Face3(8,7,1), new THREE.Face3(6,1,7), new THREE.Face3(6,0,1), new THREE.Face3(0,6,5), new THREE.Face3(5,6,7), new THREE.Face3(5,7,8), new THREE.Face3(5,8,9), new THREE.Face3(5,9,4), ]; cubeGeometry.faces = faces; //生成法向量 cubeGeometry.computeFaceNormals(); function createMesh(geom, imageFile) { // var texture = var mat = new THREE.MeshPhongMaterial(); mat.map = new THREE.TextureLoader().load("/seismis/js/3djs/assets/textures/general/" + imageFile); // mat.specular = new THREE.Color(0xffffff); mat.needsUpdate = true; mat.shininess = 10; var mesh = new THREE.Mesh(geom, mat); return mesh; } //中间立体图形 // var polyhedron1 = createMesh(cubeGeometry, "stone.jpg"); // scene.add(polyhedron1); /* var frontMainMaterial = new THREE.MeshPhongMaterial({ map: textures.window() }) frontMainMaterial.map.repeat.set(0.01, 0.04)*/ var polyhedron1 = createMesh(cubeGeometry, "bathroom-normal.jpg"); polyhedron1.position.x = 0; polyhedron1.position.y = 120; polyhedron1.position.z = 0; scene.add(polyhedron1); /* var textureLoader = new THREE.TextureLoader(); textureLoader.load( "/seismis/js/3djs/assets/textures/general/bathroom-normal.jpg", function( texture ){ // 加载法向贴图 textureLoader.load("/seismis/js/3djs/assets/textures/general/bathroom-normal.jpg", function( normalTexture ){ var geometry = new THREE.BoxGeometry( 50, 50, 50 ); var material = new THREE.MeshBasicMaterial({ map: texture, normalMap: normalTexture // 只要将法向贴图赋给材质的normalMap属性即可 }); mesh = new THREE.Mesh( geometry, material ); scene.add( mesh ); } ); });*/ //12面体 /* var frontMainMaterial = new THREE.MeshPhongMaterial({ map: textures.window() }) var polyhedron2 = new THREE.Mesh(new THREE.IcosahedronGeometry(150, 0), frontMainMaterial); // var polyhedron2 = createMesh(new THREE.IcosahedronGeometry(50, 0), "stone.jpg"); polyhedron2.position.x = 112; scene.add(polyhedron2);*/ var cubeGeometry1 = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(-30,0,0), //v4 0 new THREE.Vector3(-22,0,10), //v5 1 new THREE.Vector3(-22,0,-10), //v9 2 new THREE.Vector3(-30,35,0) //v10 3 ]; cubeGeometry1.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,1,3), new THREE.Face3(3,2,0), new THREE.Face3(2,0,1), new THREE.Face3(1,2,3) ]; cubeGeometry1.faces = faces; //生成法向量 cubeGeometry1.computeFaceNormals(); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x6a5e74}); cube = new THREE.Mesh(cubeGeometry1, cubeMaterial); cube.position.x = 0; cube.position.y = 340; cube.position.z = 0; scene.add(cube); var cubeGeometry2 = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(30,0,0), //v7 0 new THREE.Vector3(22,0,10), //v6 1 new THREE.Vector3(22,0,-10), //v8 2 new THREE.Vector3(30,35,0) //v11 3 ]; cubeGeometry2.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,2,1), new THREE.Face3(2,1,3), new THREE.Face3(3,1,0), new THREE.Face3(3,0,2), ]; cubeGeometry2.faces = faces; //生成法向量 cubeGeometry1.computeFaceNormals(); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x6a5e74}); cube2 = new THREE.Mesh(cubeGeometry2, cubeMaterial); cube2.position.x = 0; cube2.position.y = 340; cube2.position.z = 0; scene.add(cube2); //顶部 var cubeGeometry3 = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(-27,0,4), // 0 new THREE.Vector3(-27,0,-4), // 1 new THREE.Vector3(-30,11,0), // 2 new THREE.Vector3(30,11,0), // 3 new THREE.Vector3(27,0,4), // 4 new THREE.Vector3(27,0,-4), // 5 ]; cubeGeometry3.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,2,1), new THREE.Face3(1,2,3), new THREE.Face3(1,3,5), new THREE.Face3(3,2,0), new THREE.Face3(3,0,4), new THREE.Face3(3,4,5), ]; cubeGeometry3.faces = faces; //生成法向量 cubeGeometry1.computeFaceNormals(); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x6a5e74}); cube2 = new THREE.Mesh(cubeGeometry3, cubeMaterial); cube2.position.x = 0; cube2.position.y = 364; cube2.position.z = 0; scene.add(cube2); } function render() { // stats.update(); polyhedron.rotation.y = step += 0.01; // render using requestAnimationFrame requestAnimationFrame(render); webGLRenderer.render(scene, camera); } return hospital } function createWindow() { var windowObj = new THREE.Object3D() var glassGeometry = new THREE.PlaneGeometry(20, 20) var glass = utils.makeMesh('phong', glassGeometry, 0x6a5e74) windowObj.add(glass) var windowBorderGeometry = new THREE.BoxBufferGeometry(22, 2, 2) var windowBorder = utils.makeMesh('phong', windowBorderGeometry, 0xffffff) var windowBorderTop = windowBorder.clone() windowBorderTop.position.y = 10 windowObj.add(windowBorderTop) var windowBorderBottom = windowBorder.clone() windowBorderBottom.position.y = -10 windowObj.add(windowBorderBottom) var windowBorderLeft = windowBorder.clone() windowBorderLeft.rotation.z = 0.5 * Math.PI windowBorderLeft.position.x = -10 windowObj.add(windowBorderLeft) var windowBorderRight = windowBorderLeft.clone() windowBorderRight.position.x = 10 windowObj.add(windowBorderRight) return windowObj } function loadcontainer() { var onProgress = function (xhr) { if (xhr.lengthComputable) { var percentComplete = xhr.loaded / xhr.total * 100; console.log(Math.round(percentComplete, 2) + '% downloaded'); } }; var onError = function (xhr) { }; var mtlLoader = new THREE.MTLLoader(); mtlLoader.load('/seismis/js/js/objs/5.mtl', function (materials) { materials.preload(); var loader = new THREE.OBJLoader(); loader.setMaterials(materials); loader.load('/seismis/js/js/objs/5.obj', function (object) { object.traverse(function (child) { if (child instanceof THREE.Mesh) { child.material.transparent = true; child.material.opacity = 1; if (child.material instanceof Array) { for (var i = 0, length = child.material.length; i < length; i++) child.material[i].transparent = true; } } }); // for (var i = 0; i < 3; i++) { var temp = object.clone(); // temp.position.set(-100 + 300 * i, 150, 0); temp.position.set(0 , 0, 0); scene.add(temp); // } }, onProgress, onError); }) } function loadmale1() { var onProgress = function (xhr) { if (xhr.lengthComputable) { var percentComplete = xhr.loaded / xhr.total * 100; console.log(Math.round(percentComplete, 2) + '% downloaded'); } }; var onError = function (xhr) { }; THREE.Loader.Handlers.add(/\.dds$/i, new THREE.DDSLoader()); var mtlLoader = new THREE.MTLLoader(); mtlLoader.setPath('/seismis/js/js/objs/male02/'); mtlLoader.load('male02.mtl', function (materials) { console.log(materials); materials.preload(); var objLoader = new THREE.OBJLoader(); objLoader.setMaterials(materials); objLoader.setPath('/seismis/js/js/objs/male02/'); objLoader.load('male02.obj', function (object) { object.position.y = 10; scene.add(object); }, onProgress, onError); }); } // 没有考虑group,所以通过obj加载的物体无法点选 function getMeshs() { var meshs = []; for (var i = 0, length = scene.children.length; i < length; i++) { if (scene.children[i] instanceof THREE.Mesh && scene.children[i].geometry instanceof THREE.BoxGeometry) { meshs.push(scene.children[i]); } } return meshs; } function onDocumentMouseDown(e) { e.preventDefault(); rotate = false; //将鼠标点击位置的屏幕坐标转成threejs中的标准坐标,具体解释见代码释义 var mouse = {}; mouse.x = (e.clientX / window.innerWidth) * 2 - 1; mouse.y = -(e.clientY / window.innerHeight) * 2 + 1; //新建一个三维单位向量 假设z方向就是0.5 //根据照相机,把这个向量转换到视点坐标系 var vector = new THREE.Vector3(mouse.x, mouse.y, 0.5).unproject(camera); console.log(vector); var sub = vector.sub(camera.position); console.log(sub); var param2 = sub.normalize(); var raycaster = new THREE.Raycaster(camera.position, param2); console.log("---------------------------------------------"); //射线和模型求交,选中一系列直线 var intersects = raycaster.intersectObjects(getMeshs()); if (intersects.length > 0) { //选中第一个射线相交的物体 scene.remove(outlineMesh); var SELECTED = intersects[0].object; var outlineMaterial2 = new THREE.MeshBasicMaterial({color: 0x00ff00, side: THREE.BackSide}); outlineMesh = new THREE.Mesh(SELECTED.geometry.clone(), outlineMaterial2); outlineMesh.position.set(SELECTED.position.x, SELECTED.position.y, SELECTED.position.z); outlineMesh.scale.multiplyScalar(1.05); scene.add(outlineMesh); } } ```
关于js的typeof的疑惑
在js中定义一个未赋值的变量用typeof检测 <script type="text/javascript"> var t; console.log(t); console.log(typeof t); console.log(t == undefined); console.log(typeof t == undefined); </script> 浏览器控制台显示如下:undefined undefined true false 第一个和第二个返回的值都一样,为什么第三个返回true,而第四个返回false?求大神解答
javascript中,为什么在IE上全选按钮不能正常执行,而在火狐上可以运行?求大神解答,急!
``` <!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="Content-Type" content="text/html; charset=gb2312" /> <title>按钮(期末)</title> <script> function all() { var checkboxs = document.getElementsByName("email"); for(var i = 0; i < checkboxs.length; i++) checkboxs[i].checked = true; } function allNo() { var checkboxs = document.getElementsByName("email"); for(var i = 0; i < checkboxs.length; i++) checkboxs[i].checked = false; } function contrary() { var checkboxs = document.getElementsByName("email"); for(var i = 0; i < checkboxs.length; i++) { if(checkboxs[i].checked == true) checkboxs[i].checked = false; else checkboxs[i].checked = true; } } </script> </head> <body> <input type="checkbox" name="email" id=""/>第一封信<br/> <input type="checkbox" name="email" id=""/>第二封信<br/> <input type="checkbox" name="email" id=""/>第三封信<br/> <input type="checkbox" name="email" id=""/>第四封信<br/> <input type="checkbox" name="email" id=""/>第五封信<br/> <input type="button" value="全不选" onclick="allNo();"/> <input type="button" value="反选" onclick="contrary();"/> <input type="button" value="全选" onclick="all();"/> </body> </html> ```
大神帮我解答一下email验证问题吧!
我的这个js function验证email格式和传统的一样,但是现在发现程序要求并没有说email是not null, 所以怎么写js才能验证email: 1. email 为空时跳过 2. email不为空时验证格式。 比较苦恼,请各位大神解答怎么写这个循环,谢谢。基础代码贴在下面, function validate_email(field,alerttxt){ with (field){ apos=value.indexOf("@") dotpos=value.lastIndexOf(".") if (apos<1||dotpos-apos<2) { alert(alerttxt);return false} else{ return true} } }
求大神解释一下js中比较的问题
javascript代码:谁能帮我正确分析下面2个例子之间的区别之处?例1: var a=function(){}; var b=function(){}; console.log(a()==b()); 运行结果:true 例2: var a=function(){}; var b=function(){}; console.log(a==b); 运行结果:false 1和2比较的到底是什么
JS初学者一个小问题,求大神指教
``` <!DOCTYPE html > <html lang="en" > <head> <meta charset="utf-8" /> <title>这是啥?</title> <link rel="stylesheet" href="css/layout.css" media="screen" /> </head> <body> <h1>不知道啊</h1> <ul id="imagegallery"> <li> <a href="image/1.jpg" onclick="showPic(this); return false;" title="This is One">One</a> </li> <li> <a href="image/2.jpg" title="This is Two">Two</a> </li> <li> <a href="image/3.jpg" title="This is Three">Three</a> </li> <li> <a href="image/4.jpg" title="This is Four">Four</a> </li> </ul> <img id="placeholder" height="270" width="480" src="image/sb.jpg" alt="这到底是啥?"/> <p id="description">我也不知道啊</p> <script type="text/javascript" src="js/mdzz.js"></script> </body> </html> ``` ``` function showPic(whichpic) { if(!document.getElementById("placeholder")) return false; var source = whichpic.getAttribute("href"); var placeholder = document.getElementById("placeholder"); if(placeholder.nodeName != "IMG") return false; placeholder.setAttribute("src", source); if(document.getElementById("description")) { var text = whichpic.getAttribute("title") ? whichpic.getAttribute("title") : ""; var description = document.getElementById("description"); if(description.firstChild.nodeType == 3) { description.firstChild.nodeValue = text; } } //var gallery = document.getElementById("imagegallery"); //var links = gallery.getElementsByTagName("a"); //alert(links[0].onClick); //count(); return true; } function prepareGallery() { //if(!document.getElementById) return false; //if(!document.getElementsByTagName) return false; //if(!document.getElementById("imagegallery")) return false; var gallery = document.getElementById("imagegallery"); var links = gallery.getElementsByTagName("a"); for(var i = 0; i < links.length; i++) { links[i].onClick = function() { showPic(this); return showPic(this) ? false : true; //showPic(this); //return false; } } } function addLoadEvent(func) { var oldonload = window.onload; if(typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldonload(); func(); } } } //window.onload = count; //addLoadEvent(count); addLoadEvent(prepareGallery); ``` 感觉这个addLoadEvent函数无法运行,在页面中点击链接时会直接跳转到新的图片的页面,而不是在下面的placeholder里面显示,
图片上传,图片被压缩,求大神解答
asp.net图片上传,图片尺寸为2000:600(504kb),上传到服务器后变成了1600:480(62kb),百度后得出结果为要修改iis配置![图片说明](https://img-ask.csdn.net/upload/201601/15/1452828073_54193.png),修改后,通过input file上传的图片尺寸正常,但是通过js的webuploader上传,上传后的尺寸任然为1600:480,调试js发现,在js里获取的文件大小是正常,vs调试,ashx里面获取的图片大小改变了,求解 这段为input file 上传图片的后台代码 protected void btnUpload_Click(object sender, EventArgs e) { HttpFileCollection Files = HttpContext.Current.Request.Files; for (int i = 0; i < Files.Count; i++) { HttpPostedFile PostedFile = Files[i]; if (PostedFile.ContentLength > 0) { string FileName = PostedFile.FileName; string strExPrentFile = FileName.Substring(FileName.LastIndexOf(".") + 1); string sFilePath = "a.jpg"; PostedFile.SaveAs(Server.MapPath(sFilePath)); } else { } } } ``` ``` 这段为webuploader上传图片的后台代码 private void UpLoadFile(HttpContext context, string strUrl, string strToUrl,string userID) { Dsxy.Model.siteconfig siteConfig = new Dsxy.BLL.siteconfig().loadConfig(); string _delfile = DTRequest.GetString("DelFilePath"); HttpPostedFile _upfile = context.Request.Files["Filedata"]; bool _iswater = false; //默认不打水印 bool _isthumbnail = false; //默认不生成缩略图 if (DTRequest.GetQueryString("IsWater") == "1") _iswater = true; if (DTRequest.GetQueryString("IsThumbnail") == "1") _isthumbnail = true; if (_upfile == null) { context.Response.Write("{\"status\": 0, \"msg\": \"请选择要上传文件!\"}"); return; } UpLoad upFiles = new UpLoad(); string msg = upFiles.fileSaveAs(_upfile, _isthumbnail, _iswater, strUrl, strToUrl,userID); //删除已存在的旧文件,旧文件不为空且应是上传文件,防止跨目录删除 if (!string.IsNullOrEmpty(_delfile) && _delfile.IndexOf("../") == -1 && _delfile.ToLower().StartsWith(siteConfig.webpath.ToLower() + siteConfig.filepath.ToLower())) { Utils.DeleteUpFile(_delfile); } //返回成功信息 context.Response.Write(msg); context.Response.End(); } /// <summary> /// 文件上传方法 /// </summary> /// <param name="postedFile">文件流</param> /// <param name="isThumbnail">是否生成缩略图</param> /// <param name="isWater">是否打水印</param> /// <returns>上传后文件信息</returns> public string fileSaveAs(HttpPostedFile postedFile, bool isThumbnail, bool isWater,string strUrl=null,string strToUrl=null,string userID=null) { Dsxy.Model.siteconfig siteConfig = new Dsxy.BLL.siteconfig().loadConfig(); try { string fileExt = Utils.GetFileExt(postedFile.FileName); //文件扩展名,不含“.” int fileSize = postedFile.ContentLength; //获得文件大小,以字节为单位 string fileName = postedFile.FileName.Substring(postedFile.FileName.LastIndexOf(@"\") + 1); //取得原文件名 string newFileName = Utils.GetRamCode() + "." + fileExt; //随机生成新的文件名 //string newFileName = userID + "." + fileExt; //根据ID生成新的文件名 string newThumbnailFileName = "thumb_" + newFileName; //随机生成缩略图文件名 //string upLoadPath = GetUpLoadPath(); //上传目录相对路径 string upLoadPath = strToUrl; //上传目录相对路径 string fullUpLoadPath = AppDomain.CurrentDomain.BaseDirectory + upLoadPath; //try //{ // fullUpLoadPath = Utils.GetMapPath(upLoadPath); //上传目录的物理路径 //} //catch (Exception) //{ // fullUpLoadPath = AppDomain.CurrentDomain.BaseDirectory + upLoadPath; //} string newFilePath = upLoadPath + newFileName; //上传后的路径 string newThumbnailPath = upLoadPath + newThumbnailFileName; //上传后的缩略图路径 //检查文件扩展名是否合法 if (!CheckFileExt(fileExt)) { return "{\"status\": 0, \"msg\": \"不允许上传" + fileExt + "类型的文件!\"}"; } //检查文件大小是否合法 if (!CheckFileSize(fileExt, fileSize)) { return "{\"status\": 0, \"msg\": \"文件超过限制的大小!\"}"; } //检查上传的物理路径是否存在,不存在则创建 if (!Directory.Exists(fullUpLoadPath)) { Directory.CreateDirectory(fullUpLoadPath); } //保存文件 postedFile.SaveAs(fullUpLoadPath + newFileName); //如果是图片,检查图片是否超出最大尺寸,是则裁剪 if (IsImage(fileExt) && (this.siteConfig.imgmaxheight > 0 || this.siteConfig.imgmaxwidth > 0)) { Thumbnail.MakeThumbnailImage(fullUpLoadPath + newFileName, fullUpLoadPath + newFileName, this.siteConfig.imgmaxwidth, this.siteConfig.imgmaxheight); } //如果是图片,检查是否需要生成缩略图,是则生成 if (IsImage(fileExt) && isThumbnail && this.siteConfig.thumbnailwidth > 0 && this.siteConfig.thumbnailheight > 0) { Thumbnail.MakeThumbnailImage(fullUpLoadPath + newFileName, fullUpLoadPath + newThumbnailFileName, this.siteConfig.thumbnailwidth, this.siteConfig.thumbnailheight, "Cut"); } else { newThumbnailPath = newFilePath; //不生成缩略图则返回原图 } //如果是图片,检查是否需要打水印 if (IsWaterMark(fileExt) && isWater) { switch (this.siteConfig.watermarktype) { case 1: WaterMark.AddImageSignText(newFilePath, newFilePath, this.siteConfig.watermarktext, this.siteConfig.watermarkposition, this.siteConfig.watermarkimgquality, this.siteConfig.watermarkfont, this.siteConfig.watermarkfontsize); break; case 2: WaterMark.AddImageSignPic(newFilePath, newFilePath, this.siteConfig.watermarkpic, this.siteConfig.watermarkposition, this.siteConfig.watermarkimgquality, this.siteConfig.watermarktransparency); break; } } //处理显示的地址 string imageUrl = siteConfig.imagespath; newFilePath = imageUrl + strUrl + newFilePath.Substring(newFilePath.LastIndexOf("/") + 1); newThumbnailPath = imageUrl + strUrl + newThumbnailPath.Substring(newThumbnailPath.LastIndexOf("/") + 1); //处理完毕,返回JOSN格式的文件信息 return "{\"status\": 1, \"msg\": \"上传文件成功!\", \"name\": \"" + fileName + "\", \"path\": \"" + newFilePath + "\", \"thumb\": \"" + newThumbnailPath + "\", \"size\": " + fileSize + ", \"ext\": \"" + fileExt + "\"}"; } catch { return "{\"status\": 0, \"msg\": \"上传过程中发生意外错误!\"}"; } } ``` ``` 都是以http流来接收图片的,是什么原因呢,求解
js代码转换为java~求大神指教,下面这段js怎么用java写出来
``` // 获取access_token,自动带缓存功能 function get_access_token($token = '', $update = false) { empty ( $token ) && $token = get_token (); $info = get_token_appinfo ( $token ); // 微信开放平台一键绑定 if ($token == 'gh_3c884a361561' || $info ['is_bind']) { $access_token = get_authorizer_access_token ( $info ['appid'], $info ['authorizer_refresh_token'], $update ); } else { $access_token = get_access_token_by_apppid ( $info ['appid'], $info ['secret'], $update ); } // 自动判断access_token是否已失效,如失效自动获取新的 if ($update == false) { $url = 'https://api.weixin.qq.com/cgi-bin/getcallbackip?access_token=' . $access_token; $res = wp_file_get_contents ( $url ); $res = json_decode ( $res, true ); if ($res ['errcode'] == '40001') { $access_token = get_access_token ( $token, true ); } } return $access_token; } // 获取当前用户的Token function get_token($token = NULL) { $stoken = session ( 'token' ); $reset = false; if ($token !== NULL && $token != '-1') { session ( 'token', $token ); $reset = true; } elseif (! empty ( $_REQUEST ['token'] ) && $_REQUEST ['token'] != '-1') { session ( 'token', $_REQUEST ['token'] ); $reset = true; } elseif (! empty ( $_REQUEST ['publicid'] )) { $publicid = I ( 'publicid' ); $token = D ( 'Common/Public' )->getInfo ( $publicid, 'token' ); $token && session ( 'token', $token ); $reset = true; } $token = session ( 'token' ); if (! empty ( $token ) && $token != '-1' && $stoken != $token && $GLOBALS ['is_wap']) { session ( 'mid', null ); } //加校验,防止使用无权限的公众号 /*if(!$GLOBALS['is_wap'] && $reset){ if(empty($GLOBALS['myinfo'])) $token = -1; else{ $sql = 'SELECT public_id FROM `'.C('DB_PREFIX').'public_link` as l LEFT JOIN '.C('DB_PREFIX').'public as p on l.mp_id=p.id WHERE l.uid='.$GLOBALS['mid']; $list = M()->query($sql); $flat = false; foreach ($list as $value) { if($value['public_id']==$token){ $flat = true; } } if(!$flat) $token = -1; } }*/ if (empty ( $token ) ) { $token = -1; } return $token; } // 获取公众号的信息 function get_token_appinfo($token = '', $field = '') { empty ( $token ) && $token = get_token (); if ($token != 'gh_3c884a361561') { $info = D ( 'Common/Public' )->getInfoByToken ( $token, $field ); } return $info; } function get_authorizer_access_token($appid, $refresh_token, $update) { if (empty ( $appid )) { return 0; } $key = 'authorizer_access_token_' . $appid; $res = S ( $key ); if ($res !== false && ! $update) return $res; $dao = D ( 'Addons://PublicBind/PublicBind' ); if (empty ( $refresh_token )) { $auth_code = $dao->_get_pre_auth_code (); $info = $dao->getAuthInfo ( $auth_code ); $authorizer_access_token = $info ['authorization_info'] ['authorizer_access_token']; } else { $info = $dao->refreshToken ( $appid, $refresh_token ); $authorizer_access_token = $info ['authorizer_access_token']; } if (! empty ( $authorizer_access_token )) { S ( $key, $authorizer_access_token, $info ['expires_in'] - 200 ); return $authorizer_access_token; } else { addWeixinLog ( $info, 'get_authorizer_access_token_fail_' . $appid ); return 0; } } function get_access_token_by_apppid($appid, $secret, $update = false) { if (empty ( $appid ) || empty ( $secret )) { return 0; } $key = 'access_token_apppid_' . $appid . '_' . $secret; $res = S ( $key ); if ($res !== false && ! $update) return $res; $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&secret=' . $secret . '&appid=' . $appid; $tempArr = json_decode ( get_data ( $url ), true ); if (@array_key_exists ( 'access_token', $tempArr )) { S ( $key, $tempArr ['access_token'], $tempArr ['expires_in'] ); return $tempArr ['access_token']; } else { return 0; } } // 防超时的file_get_contents改造函数 function wp_file_get_contents($url) { return get_data ( $url, 30 ); } // 以GET方式获取数据,替代file_get_contents function get_data($url, $timeout = 5) { $msg = $flat = ''; if (strpos ( $url, 'http://' ) !== false || strpos ( $url, 'https://' ) !== false) { $ch = curl_init (); curl_setopt ( $ch, CURLOPT_URL, $url ); curl_setopt ( $ch, CURLOPT_RETURNTRANSFER, 1 ); curl_setopt ( $ch, CURLOPT_CONNECTTIMEOUT, $timeout ); curl_setopt ( $ch, CURLOPT_SSL_VERIFYPEER, FALSE ); // 跳过证书检查 curl_setopt ( $ch, CURLOPT_SSL_VERIFYHOST, FALSE ); // 不检查证书 $res = curl_exec ( $ch ); $flat = curl_errno ( $ch ); if ($flat) { $msg = curl_error ( $ch ); } curl_close ( $ch ); } else { $context = stream_context_create ( array ( 'http' => array ( 'timeout' => 30 ) ) ); // 超时时间,单位为秒 $res = file_get_contents ( $url, 0, $context ); } return $res; } ``` ``` ```
window.Worker在IE中遇到问题,求解答,在火狐和chrome都是正常的,求大神
if(this.settings.core.worker && window.Blob && window.URL && window.Worker) { try { if(this._wrk === null) { this._wrk = window.URL.createObjectURL( new window.Blob( ['self.onmessage = ' + func.toString()], {type:"text/javascript"} ) ); } if(!this._data.core.working || force_processing) { this._data.core.working = true; w = new window.Worker(this._wrk); w.onmessage = $.proxy(function (e) { rslt.call(this, e.data, true); try { w.terminate(); w = null; } catch(ignore) { } if(this._data.core.worker_queue.length) { this._append_json_data.apply(this, this._data.core.worker_queue.shift()); } else { this._data.core.working = false; } }, this); if(!args.par) { if(this._data.core.worker_queue.length) { this._append_json_data.apply(this, this._data.core.worker_queue.shift()); } else { this._data.core.working = false; } } else { w.postMessage(args); } } else { this._data.core.worker_queue.push([dom, data, cb, true]); } } catch(e) { rslt.call(this, func(args), false); if(this._data.core.worker_queue.length) { this._append_json_data.apply(this, this._data.core.worker_queue.shift()); } else { this._data.core.working = false; } } }
各位大神们,谁知道怎样通过three.js导入外部3d模型,然后可以拖动模型,并且模型的一部分不能被单独拖动,这个问题困扰我很多天,现在还是没办法解决,求助各位大神了,万分感谢!
各位大神们,我现在可以导入3d模型,并且这个模型可以拖动,但是一部分模型被单独拖动,其他模型不动,代码如下: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽控件</title> <style> body { margin: 0; overflow: hidden; } #label { position: absolute; padding: 10px; background: rgba(255, 255, 255, 0.6); line-height: 1; border-radius: 5px; } </style> <script src="js/three.js"></script> <script src="js/jquery-1.9.1.js"></script> <script src="js/Detector.js"></script> <script src="js/TrackballControls.js"></script> <script src="js/dat.gui.min.js"></script> <script src="js/stats.min.js"></script> <script src="js/OBJLoader.js"></script> <script src="js/FBXLoader.js"></script> <script src="js/inflate.min.js"></script> <!--拖拽控件--> <script src="js/DragControls.js"></script> <!--可视化平移控件--> <script src="js/TransformControls.js"></script> </head> <body> <div id="WebGL-output"></div> <div id="Stats-output"></div> <div id="label"></div> <script> var objects=[]; var stats = initStats(); var scene, camera, renderer, controls, light, selectObject; // 场景 function initScene() { scene = new THREE.Scene(); } // 相机 function initCamera() { camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 10000); camera.position.set(0, 400, 600); camera.lookAt(new THREE.Vector3(0, 0, 0)); } // 渲染器 function initRenderer() { if (Detector.webgl) { renderer = new THREE.WebGLRenderer({antialias: true}); } else { renderer = new THREE.CanvasRenderer(); } renderer.setSize(window.innerWidth, window.innerHeight); renderer.setClearColor(0x050505); document.body.appendChild(renderer.domElement); } // 初始化模型 function initContent() { var helper = new THREE.GridHelper(1800, 50, 0x4A4A4A); helper.setColors(0x9370DB); scene.add(helper); var loader = new THREE.OBJLoader(); loader.load( "moder/obj/windmill.obj", function ( group ) { group.position.x=400; group.scale.set(20, 20, 20);//模型放大20倍 //group.scale.color(0x3CB37 group.name="groups" scene.add( group ); objects.push(group); } ); var loader = new THREE.OBJLoader(); loader.load( "moder/obj/low.obj", function ( group ) { group.position.x=-400; group.scale.set(20, 20, 20);//模型放大20倍 //group.scale.color(0x3CB37 group.name="groupss"; scene.add( group ); objects.push(group); } ); var loader = new THREE.FBXLoader(); //Samba Dancing idle_2 loader.load( 'moder/fbx/pipeline.fbx', function ( object ) { //console.log(object); object.scale.set(1,1,1); scene.add( object ); objects.push(object); mixers=object.mixer = new THREE.AnimationMixer( object ); var action = object.mixer.clipAction( object.animations[0]); action.play(); object.traverse( function ( child ) { if ( child.isMesh ) { child.castShadow = true; child.receiveShadow = true; } } ); console.log(object); } ); /*var cubeGeometry = new THREE.BoxGeometry(100, 100, 100); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x9370DB}); var cube = new THREE.Mesh(cubeGeometry, cubeMaterial); cube.position.x = -600; cube.position.y = 50; cube.name = "cubes"; scene.add(cube); var sphereGeometry = new THREE.SphereGeometry(50, 50, 50, 50); var sphereMaterial = new THREE.MeshLambertMaterial({color: 0x3CB371}); var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial); sphere.position.x = 200; sphere.position.y = 50; sphere.name = "sphere"; // sphere.position.z = 200; scene.add(sphere); var cylinderGeometry = new THREE.CylinderGeometry(50, 50, 100, 100); var cylinderMaterial = new THREE.MeshLambertMaterial({color: 0xCD7054}); var cylinder = new THREE.Mesh(cylinderGeometry, cylinderMaterial); cylinder.position.x = -200; cylinder.position.y = 50; cylinder.name = "cylinder"; scene.add(cylinder);*/ } console.log(objects); // 鼠标双击触发的方法 function onMouseDblclick(event) { // 获取 raycaster 和所有模型相交的数组,其中的元素按照距离排序,越近的越靠前 var intersects = getIntersects(event); // 获取选中最近的 Mesh 对象 if (intersects.length != 0 && intersects[0].object ) { selectObject = intersects[0].object.parent; changeMaterial(selectObject); console.log(changeMaterial); } else { alert("未选中 Mesh!"); } } // 获取与射线相交的对象数组 function getIntersects(event) { event.preventDefault(); console.log("event.clientX:" + event.clientX) console.log("event.clientY:" + event.clientY) // 声明 raycaster 和 mouse 变量 var raycaster = new THREE.Raycaster(); var mouse = new THREE.Vector2(); // 通过鼠标点击位置,计算出 raycaster 所需点的位置,以屏幕为中心点,范围 -1 到 1 mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; //通过鼠标点击的位置(二维坐标)和当前相机的矩阵计算出射线位置 raycaster.setFromCamera(mouse, camera); // 获取与射线相交的对象数组,其中的元素按照距离排序,越近的越靠前 var intersects = raycaster.intersectObjects(scene.children); var intersects=intersects.parent; console.log(intersects); //返回选中的对象 return intersects; } // 窗口变动触发的方法 function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } // 键盘按下触发的方法 function onKeyDown(event) { switch (event.keyCode) { case 13: initCamera(); initControls(); break; } } // 改变对象材质属性 function changeMaterial(object) { var material = new THREE.MeshLambertMaterial({ color: 0xffffff * Math.random(), transparent: object.material.transparent ? false : true, opacity: 0.8, }); object.material = material; } // 初始化轨迹球控件 function initControls() { controls = new THREE.TrackballControls(camera, renderer.domElement); // controls.noRotate = true; controls.noPan = true; // 视角最小距离 controls.minDistance = 1000; // 视角最远距离 controls.maxDistance = 5000; } // 添加拖拽控件 function initDragControls() { // 添加平移控件 var transformControls = new THREE.TransformControls(camera, renderer.domElement); scene.add(transformControls); // 过滤不是 Mesh 的物体,例如辅助网格 //var objects = []; /*for (let i = 0; i < scene.children.length; i++) { if (scene.children[i].isMesh) { objects.push(scene.children[i]); } //objects.push(object[i].parent); }*/ // 初始化拖拽控件 var dragControls = new THREE.DragControls(objects, camera, renderer.domElement); // 鼠标略过事件 dragControls.addEventListener('hoveron', function (event) { // 让变换控件对象和选中的对象绑定 transformControls.attach(event.object); }); // 开始拖拽 dragControls.addEventListener('dragstart', function (event) { controls.enabled = false; }); // 拖拽结束 dragControls.addEventListener('dragend', function (event) { controls.enabled = true; }); console.log(objects.length); } // 初始化灯光 function initLight() { light = new THREE.SpotLight(0xffffff); light.position.set(-300, 600, -400); light.castShadow = true; scene.add(light); scene.add(new THREE.AmbientLight(0x5C5C5C)); } // 初始化 dat.GUI function initGui() { // 保存需要修改相关数据的对象 gui = new function () { } // 属性添加到控件 var guiControls = new dat.GUI(); } // 初始化性能插件 function initStats() { var stats = new Stats(); stats.domElement.style.position = 'absolute'; stats.domElement.style.left = '0px'; stats.domElement.style.top = '0px'; document.body.appendChild(stats.domElement); return stats; } // 更新div的位置 function renderDiv(object) { // 获取窗口的一半高度和宽度 let halfWidth = window.innerWidth / 2; let halfHeight = window.innerHeight / 2; // 逆转相机求出二维坐标 let vector = object.position.clone().project(camera); // 修改 div 的位置 $("#label").css({ left: vector.x * halfWidth + halfWidth, top: -vector.y * halfHeight + halfHeight - object.position.y }); // 显示模型信息 //$("#label").text("name:" + object.name); } // 更新控件 function update() { stats.update(); controls.update(); controls.handleResize(); //transformControls.update(); } // 初始化 function init() { initScene(); initCamera(); initRenderer(); initContent(); initLight(); initControls(); initGui(); initDragControls(); // addEventListener('dblclick', onMouseDblclick, false); addEventListener('resize', onWindowResize, false); addEventListener('keydown', onKeyDown, false); } function animate() { if (selectObject != undefined && selectObject != null) { renderDiv(selectObject); } requestAnimationFrame(animate); renderer.render(scene, camera); update(); } init(); animate(); </script> </body> </html> ``` 一部分模型被单独拖动的效果如下: ![图片说明](https://img-ask.csdn.net/upload/201911/04/1572863955_100421.png) 然后我再修改当鼠标略过事件: ![图片说明](https://img-ask.csdn.net/upload/201911/04/1572864098_336978.png) 整个模型可以一起被拖动,但是模型混乱:效果图如下: ![图片说明](https://img-ask.csdn.net/upload/201911/05/1572916540_633061.png) 希望路过的好心人帮帮忙,万分感谢!!!!!!
轮播效果,自动播放那里有问题,求大神解答
``` window.onload=function(){ var container = document.getElementById("container"); var list = document.getElementById("list"); var buttons = document.getElementById("buttons").getElementsByTagName("span"); var prev = document.getElementById("prev"); var next = document.getElementById("next"); var index = 1;//显示小圆点 var animated = false; var interval=2000; var timer; //小圆点的切换 function animate(change){ animated=true; var newleft=parseInt(list.style.left)+change; var time=100;//位移总时间 var interval=50;//位移间隔时间 var speed=change/(time/interval);//每次位移量 function go(){ if((speed < 0 && parseInt(list.style.left)>newleft)||(speed > 0&&parseInt(list.style.left)<newleft)){ list.style.left=parseInt(list.style.left)+speed+"px"; setTimeout(go,interval); } else{ list.style.left=newleft+"px"; if(newleft>-590) { list.style.left= -5310+"px"; } if(newleft<-5310) { list.style.left=-590+"px"; } animated=false; } } go(); } function showbutton() { for (var i = 0; i < buttons.length ; i++) { if( buttons[i].className == "on"){ buttons[i].className = ""; break; } } buttons[index - 1].className = "on"; } function play() { timer = setTimeout(function () { next.onclick(); play(); }, interval); } function stop() { clearTimeout(timer); } //左箭头 prev.onclick=function(){ if(index==1){ index=8; } else{ index -=1; } showbutton(); if(animated==false){ animate(590); } } //右箭头 next.onclick=function(){ if(index==8){ index=1; } else{ index +=1; } showbutton(); if(animated==false){ animate(-590); } } //小圆点点击事件 for (var i = 0; i < buttons.length; i++) { buttons[i].onclick = function () { if (animated) { return; } if(this.className == "on") { return; } var myIndex = parseInt(this.getAttribute("index")); var change= -590 * (myIndex - index); animate(change); index = myIndex; showbutton(); } } container.onmouseover = stop; container.onmouseout = play; play(); } </script> ``` 一直报这个错误 Uncaught TypeError: Cannot set property 'onmouseover' of null 谢谢
JavaScript函数参数问题,大神求指点。
公司别人写的代码: ``` function XMLHttpRequestCaller(_caller, serviceName, methodName, async, method, needCheckLogin, actionUrl) { if((!serviceName || !methodName) && !actionUrl){ alert("AJAX Service name or method, actionUrl is not null."); throw new Error(3, "AJAX Service name or method is not null."); } this.params = new AjaxParameter(); this.serviceName = serviceName; this.methodName = methodName; this.needCheckLogin = needCheckLogin == null ? "true" : needCheckLogin; this.returnValueType = "XML"; //XML TEXT this.method = method || AJAX_XMLHttpRequest_DEFAULT_METHOD; this.async = (async == null ? AJAX_XMLHttpRequest_DEFAULT_async : async); this._caller = _caller; this.actionUrl = actionUrl; this.filterLogoutMessage = true; this.closeConnection = false; }; ``` 这个类有7个参数,但在用到的地方调用这个类时,他们却只写了4个参数,为什么这样能行得通,我是学Java的,Java中是不可以,所以我不能理解。 ``` function savePrintCount() { var requestCaller = new XMLHttpRequestCaller(this, "czxzfManager", "save", false); requestCaller.addParameter(1, "String", summaryId); requestCaller.serviceRequest(); } ``` 求大神指点,为什么参数不完整也能正常
easyui的tab切换跟显示问题。来大神。跪求!
1.easyui的选项卡,点击第一个链接a创建第一个tab成功,内容正常显示。再点击第二个链接b,创建第二个tab。但是不会切到第二个tab窗口,并且内容还是第一个tab的,只有在二次点击链接b才会切换过去,内容刷新成对应的 js代码如下: ``` $(function(){ $('a[target=iframe]').click(function(){ var self=$(this); if($("#tabs").tabs("exists",self.text()) ){ $("#tabs").tabs("select",self.text());//获取选中的 var tab=$('#tabs').tabs('getSelected');//获得当前的tab var index = $('#tt').tabs('getTabIndex',tab);//获取指定的标签页索引 }else{ $("#tabs").tabs('add',{ title:self.text(), fit:true, closable:true,//在tab上加一个关闭按钮 href:self.attr("_href"), cache:false, }); } ``` html的代码: ``` <div id="west" region="west" style="width: 200px;background-color: #e3e3e3" title="导航菜单" split="true"> <div id="nav" style="padding-top:2px;"> <ul> <li style="font-size:23px; "><a href="javascript:;" _href="operator.html" target="iframe">操作员管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="customer.html" target="iframe">顾客管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="supplier.html" target="iframe">供应商管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="product.html" target="iframe">商品管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="inwarehouse.html" target="iframe">入库管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="outwarehouse.html" target="iframe">出库管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="warehouse.html" target="iframe">仓库管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="stock.html" target="iframe">库存管理</a></li> </ul> </div> ``` 对了。在二次点击链接b的时候会报这个错,但是结果是没问题的 ![图片说明](https://img-ask.csdn.net/upload/201904/07/1554616385_931159.png)
望JS大神解答这个疑问,function f(){ return f }
使用new f()过后,new f() instanceof f 为false?如果将return 改为return this;这判断就为true了(这儿能理解);为什么改成return f就为false呢?它返回的也是函数本身啊。
求大神帮忙解决:vue-cli3 axios请求本地数据问题
引入axios ``` import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import axios from 'axios' Vue.config.productionTip = false Vue.prototype.$axios = axios ``` vue.config.js ``` module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, hotOnly: false, proxy: { // 配置跨域 '/api': { target: 'http://localhost:8080', ws: true, changOrigin: true, pathRewrite: { '^/api': '' } } }, before: app => {} } }; ``` json目录 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566447518_763675.png) axios请求 ``` getData() { this.$axios('api/data/profile/shopping.json') .then( res => { console.log(res.data) }) } ``` 错误提示 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566447555_906674.png)
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、PDF搜索网站推荐 对于大部
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入  假设现有4个人
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
一 说明 如果是初学者,建议去网上寻找安装Mysql的文章安装,以及使用navicat连接数据库,以后的示例基本是使用mysql数据库管理系统; 二 准备前提 需要建立一张学生表,列分别是id,名称,年龄,学生信息;本示例中文章篇幅原因SQL注释略; 建表语句: CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho
【图解经典算法题】如何用一行代码解决约瑟夫环问题
约瑟夫环问题算是很经典的题了,估计大家都听说过,然后我就在一次笔试中遇到了,下面我就用 3 种方法来详细讲解一下这道题,最后一种方法学了之后保证让你可以让你装逼。 问题描述:编号为 1-N 的 N 个士兵围坐在一起形成一个圆圈,从编号为 1 的士兵开始依次报数(1,2,3…这样依次报),数到 m 的 士兵会被杀死出列,之后的士兵再从 1 开始报数。直到最后剩下一士兵,求这个士兵的编号。 1、方
致 Python 初学者
文章目录1. 前言2. 明确学习目标,不急于求成,不好高骛远3. 在开始学习 Python 之前,你需要做一些准备2.1 Python 的各种发行版2.2 安装 Python2.3 选择一款趁手的开发工具3. 习惯使用IDLE,这是学习python最好的方式4. 严格遵从编码规范5. 代码的运行、调试5. 模块管理5.1 同时安装了py2/py35.2 使用Anaconda,或者通过IDE来安装模
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
      11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI 算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下
日均350000亿接入量,腾讯TubeMQ性能超过Kafka
整理 | 夕颜出品 | AI科技大本营(ID:rgznai100) 【导读】近日,腾讯开源动作不断,相继开源了分布式消息中间件TubeMQ,基于最主流的 OpenJDK8开发的
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车? 某胡同口的煎饼摊一年能卖出多少个煎饼? 深圳有多少个产品经理? 一辆公交车里能装下多少个乒乓球? 一
相关热词 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片 c# 图片颜色调整 最快 c#多张图片上传 c#密封类与密封方法
立即提问