var

JavaScript null和undefined的区别

自作多情 提交于 2020-03-18 01:22:46
前言 1995年javascript诞生时,最初像Java一样,只设置了null作为表示”无”的值。根据C语言的传统,null被设计成可以自动转为0 但是,javascript的设计者Brendan Eich,觉得这样做还不够,有两个原因。首先,null像在Java里一样,被当成一个对象。但是,javascript的值分成原始类型和对象类型两大类,Brendan Eich觉得表示”无”的值最好不是对象。其次,javascript的最初版本没有包括错误处理机制,发生数据类型不匹配时,往往是自动转换类型或者默默地失败。Brendan Eich觉得,如果null自动转为0,很不容易发现错误 因此,Brendan Eich又设计了一个undefined。他是这样区分的:null是一个表示”无”的对象,转为数值时为0;undefined是一个表示”无”的原始值,转为数值时为NaN 但是,目前null和undefined基本是同义的,都是原始类型,且只有一些细微的差别 Undefined Undefined类型只有一个值,即特殊的undefined。在使用var声明变量但未对其加以初始化时,这个变量的值就是undefined,例如: var msg; msg === undefined // true 等同于: var msg = undefined; //

看几道JQuery试题后总结(下篇)

大城市里の小女人 提交于 2020-03-18 01:17:54
感谢圆友的提醒 昨天下午完成了9道试题中的前4道,之后好多园友存在些疑惑和建议,在这里我一并说一下吧。首先对于昨天第一题可能存在误导,在JQuery中并没有innerHTML这个属性,不过我们可以将JQuery对象转换成DOM对象再使用innerHTML,还有对于那个innerTEXT也是操作DOM对象的,不过貌似用的比较少。其次是第三题,我们选择表单元素,尽量使用表单元素选择器。总之,感谢圆友们的批评指正、、、 接下来我们继续完成昨天没有完成的试题...... 第五题 题目:JQuery对象与dom对象的区别,以及两者互相转换的方法 var jquery = $("#x1"); //jquery对象 var dom = document.getElementById("#x1"); //dom对象   两者区分:   jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的,使用JQuery对象可以使用JQuery对象中的方法。例如在JQuery中我们可以使用"对    象.html()"来获取元素内的内容,它等同于在DOM中使用"对象.innerHTML"。还有我们使用这两种对象的时候必须分清情况,不能再JQuery对象中使用DOM对象的方法,也不能在BOM对象中使用JQuery对象的方法,小弟我昨天就犯错了。   两者互相转换: /

js将图片按比例缩放显示IE6

感情迁移 提交于 2020-03-18 01:16:43
将图片按比例缩放显示在IE6下会失效,原因是在image未加载的的时候去获取Image的高度和宽度是获取不到的,所以可以判断若浏览器是IE6的话就在图片加载以后获取图片的高度和宽度然后再将图片进行比例缩放。具体实现代码如下: //图片按比例缩放 @ImgID图片控件的ID,@iwidth指定的最大宽度,@iheight指定的最大高度 function DrawImage(ImgID, iwidth, iheight) { var image = new Image(); image.src = $("#"+ImgID).attr("src"); if (window.ActiveXObject) { var ua = navigator.userAgent.toLowerCase(); var ie = ua.match(/msie ([\d.]+)/)[1]; //判断是IE6 if (ie == 6.0) { image.onreadystatechange = function() { if (image.readyState == "complete") { ShowImg(image, iwidth, iheight,ImgID); } } } else { ShowImg(image, iwidth, iheight,ImgID); } } } function

jQuery实现颜色打字机

喜欢而已 提交于 2020-03-18 01:03:05
效果:每个字逐个显示出来,并且每个字都有随机颜色 $(function(){ var str="早起的鸟儿有虫吃,早起的虫儿被鸟吃!由此天赋+勤奋=成功;先天不足+同等勤奋=还是失败!天赋的重要性可见一斑!"; //产生一个0-255的随机整数 function s(){ return parseInt((Math.random()*255)+1); }; var j=1,i=0; var p=""; //打开一个每个100毫秒执行一次的定时器 var k=setInterval(function(){ if(j<=str.length){ //从第一个字开始截取,通过定时器循环遍历字符串的每一个字 var n=str.substring(i,j); j++; i++; //为单个字添加样式 var html='<span style="color:rgb('+s()+','+s()+','+s()+');font-size: 35px;">'+n+'</span>'; //字符串累加 p=p+html; //html()设置元素中的HTML内容 $(".mybox").html(p); }else{//遍历完成关闭定时器 clearInterval(k); } },100); }); <!doctype html> <html> <head> <meta charset="utf

Docker守护程序日志在哪里?

老子叫甜甜 提交于 2020-03-17 19:31:46
某厂面试归来,发现自己落伍了!>>> Docker守护程序日志在哪里? 奇怪的是,通过man,StackOverflow或Docker Docs无法找到答案。 注意我不是要求docker容器STDOUT,而是要求守护进程日志通过守护进程/代理来解决客户端和容器之间的通信问题。 #1楼 这取决于您的操作系统。 以下是几个位置,包含几个操作系统的命令: Ubuntu(旧的使用暴发户) - /var/log/upstart/docker.log Ubuntu(新使用systemd) - sudo journalctl -fu docker.service Amazon Linux AMI - /var/log/docker Boot2Docker - /var/log/docker.log Debian GNU / Linux - /var/log/daemon.log CentOS - /var/log/daemon.log | grep docker /var/log/daemon.log | grep docker journalctl -u docker.service - journalctl -u docker.service Fedora - journalctl -u docker.service 红帽企业Linux服务器 - /var/log/messages |

基于html的拼图游戏

被刻印的时光 ゝ 提交于 2020-03-17 18:19:11
某厂面试归来,发现自己落伍了!>>> 开发工具:Visual Studio Code 游戏介绍:可通过滑动滑块来调整拼图游戏难度,当拼图完成游戏胜利。 程序设计步骤: 1.编写html代码 2.编写js代码 一,编写html代码 1.设置照片样式 < style > .picture { border : 1px solid black ;} </ style > 2.设置游戏难度大小 < form > < label > 低 </ label > < input type = "range" id = "scale" value = "4" min = "3" max = "5" step = "1" > < label > 高 </ label > </ form > 3.设置游戏边框 < canvas id = "puzzle" width = " 480px" height = "480px" ></ canvas > 二,编写js代码 1.导入图片 var img = new Image (); img . src = 'defa.jpg' ; img . addEventListener ( 'load' , drawTiles , false ); 2.设置所需基本参数 var boardSize = document . getElementById (

Js_实现3D球体旋转

折月煮酒 提交于 2020-03-17 17:07:15
<!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <style> .tagBall{ width: 800px; height: 800px; margin:50px auto; position: relative; } .tag{ display: block; position: absolute; left: 0px; top: 0px; color: #000; text-decoration: none; font-size: 15px; font-family: "微软雅黑"; font-weight: bold; } .tag:hover{border:1px solid #666;} </style> <title>3D标签-柯乐义</title> </head> <body> <div class=

WebApi 自宿主

纵然是瞬间 提交于 2020-03-17 15:00:39
WebApi和WCF一样可以自宿主,即可以不用搭载在网站上。 1.引入必须的dll 2.开启监听 var config = new HttpSelfHostConfiguration("http://localhost:3333"); config.Routes.MapHttpRoute("default", "api/{controller}/{id}", new { id = RouteParameter.Optional }); var server = new HttpSelfHostServer(config); server.OpenAsync().Wait(); 来源: https://www.cnblogs.com/fat-girl/p/12510141.html

第3章 JavaScript脚本语言

天涯浪子 提交于 2020-03-17 11:30:23
第 3章 JavaScript脚本语言 知识点: (1) 了解什么是 JavaScript 以及 JavaScript 的主要特点 (2) 掌握 JavaScript 语言基础 (3) 掌握 JavaScript 的流程控制语句 (4) 掌握 JavaScript 中函数的应用 (5) 掌握 JavaScriptc 常用对象的应用 (6) 掌握 DOM 技术 本章概述: JavaScript 是 Web 页面中一种比较流行的脚本语言,它由客户端浏览器解释执行,可以应用在 JSP 、 PHP 、 ASP 等网站中。随着 Ajax 进入 Web 开发的主流市场, JavaScript 已经被推到了舞台的中心。因此,掌握并能熟练应用 JavaScript ,对于网站开发人员来说非常重要。本章将详细介绍 JavaScript 的基本语法 、常用对象及 DOM 技术。 3.1 JavaScript 概述 3.1.1 什么是 JavaScript JavaScript 是一种基于对象和事件驱动并具有安全性的解释型脚本语言,在 Web 应用中得到了非常广泛的应用。它不需要进行编译,而是直接嵌入在 HTTP 页面中,把静态页面转变成支持用户交互并响应应用事件的动态页面。在 Java Web 程序中,经常应用 JavaScript 进行数据验证、控制浏览器以及生成时钟、日历和时间戳文档等。 2.1

javaScript中的querySelector和querySelectorAll

泄露秘密 提交于 2020-03-17 09:53:44
querySelector和querySelectorAll是W3C提供的 新的查询接口,其主要特点如下: 1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。 2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。 3、返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果。 这两个方法都可以接受三种类型的参数:id(#),class(.),标签,很像jquery的选择器。 var obj = document.querySelector("#id"); var obj = document.querySelector(".classname"); var obj = document.querySelector("div"); var el = document.body.querySelector("style[type='text/css'], style:not([type])"); var elements = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)"); var elements = document.querySelectorAll("#id1, #id2, .class1,