web前端教程《每日一题》(1-99)完结

第1期(2016年4月6日):

(1)js中关闭当前窗口的方法是:window.close();

第2期(2016年4月7日):

(1)js中使字符串中的字符变为小写的方法是:toLowerCase方法;

例如:"TEST".toLowerCase();运行结果:"test"。

第3期(2016年4月8日):

(1)在js中,让浏览器弹出确认框的语句是:confirm;

例如:window.confirm("我就是确认框");运行结果是浏览器弹出信息确认框,点击确定,返回true,反之返回false。

第4期(2016年4月11日):

(1)把7.25四舍五入为最接近的整数的方式是:Math.round();

Math.round()执行标准舍入,即它总是将数值四舍五入为最接近的整数。

第5期(2016年4月12日):

(1)在html5中,实现输入框占位符的属性是:placeholder属性;

它提供可描述输入字段预期值的提示信息,该提示会在输入字段为空时显示,并会在字段获得焦点时消失。    

第6期(2016年4月13日):

(1)在css3中,能够实现背景裁剪的新特性是:background-clip;

background-clip属性规定背景的绘制区域。它对应的值有3个:border-box(背景被裁剪到边框盒)、padding-box(背景被裁剪到内边距框)、content-box(背景被裁剪到内容框)。

第7期(2016年4月14日):

(1)在html5的新特性中,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法,结合javaScript实现绘制图像的元素是:canvas;

注意:canvas元素本身是没有绘图能力的。所有的绘制工作必须在javaScript内部完成。
    

第8-9期(2016年4月15日):

(1)javaScript语句,var a=10,b=20;alert(“a+b=”+a+b);执行结果是在浏览器窗口弹出:a+b=1020;

在js中,字符串与数字相加,数字会被强制转换成字符串类型,再进行相加,也就是变成两个字符串的链接,所以结果是字符串"a+b="+"10"+"20"="a+b=1020"。

(2)var a=5,b=6;alert(a+b+”10″);执行结果是在浏览器窗口弹出:1110。

本题中先进行的是数字5与数字6的相加操作,得到的结果是11,再进行数字11与字符串'10'的相加,此时数字11会被转换成字符串'11',再进行两个字符串的连接,所以结果是1110。

第10-13期(2016年4月16日):

(1)在html5新特性中,用于定义文档页脚的标签是:footer。

<footer>标签定义document的页脚。

(2)在css3中,实现给元素添加圆角边框的属性是:border-radius。

border-radius属性十分常用,让过去切图才能实现圆角边框,现在只要一句css代码即可实现,并且对浏览器兼容性也很友好。

(3)javaScript由三部分组成,分别是:ECMAScript,BOM和DOM。

文档对象模型(DOM)描述了处理网页内容的方法和接口。

(4)在jQuery中,实现动画的函数是:animate()函数。

animate()方法通过css样式将元素从一个状态改变为另一个状态。css属性值是逐渐改变的,这样就可以创建动画效果。

第14-17期(2016年4月18日):

(1)在css中,能够使文本水平居中的css属性是:text-align。

text-align属性,当其值为center的时候,文本内容就会水平居中;它的值还有可能是:left(居左),right(居右),justify(实现两端对齐文本效果),inherit(继承父元素的text-align属性值)。

(2)在html中的a标签中,实现在新窗口中打开链接的标签属性是:target属性。

target属性当它的值为_blank的时候就会实现在新窗口中打开,它的值还可以是:_self(当前窗口中打开),_parent(父frame中打开),_top(整个窗口中打开)。

(3)var a=999;  a++;  alert(++a);  请问执行后弹出的结果是:1001;

执行a++后的结果是1000,然后执行++a,得到的结果是1001,再执行alert()函数,所以弹出的结果是1001。

(4)var a=888;  ++a;  alert(a++);  运行后弹出的结果是:889。

执行到++a后的结果是889,alert(a++)的时候,先执行弹出,再执行a++,所以弹出的是889,而不是900。

第18-20期(2016年4月19日):

(1)在img标签中,当图像加载失败,会用替换文本来显示相关信息,那么,定义替换文本的属性是:alt。

alt属性,用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

(2)在CSS3中,实现文本阴影效果的新属性是:text-shadow;

我们能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色。

(3)在html标签中,定义最小的标题的是:<h6>标签。

<h1> 定义最大的标题。<h6> 定义最小的标题。

第21-23期(2016年4月20日):

(1)用于播放 HTML5 音频文件的元素是:<audio>元素。

<audio>元素,还可以通过它的属性,来控制音频的自动播放,循环播放,暂停等操作。

(2)var a;    alert(a);   执行后弹出的结果是:undefined。

如果变量通过var声明,但是并未初始化的时候,变量的值为undefined。

(3)在jquery中,想要移除指定的DOM节点元素,使用的方法是:remove()函数。

remove()函数,该方法移除被选元素,包括所有文本和子节点。

第24-27期(2016年4月21日):

(1)在ECMAScript6中,定义一个变量只在所处的代码块起作用的关键字是:let。

关键字let,ES6 新增了 let 命令,用来声明变量。它的用法类似于 var,但是所声明的变量,只在 let 命令所在的代码块内有效。

(2)console.log(typeof null);  运行的结果是在控制台输出:object。

输出object;在javascript中,null值表示一个空对象指针,而这正是使用typeof操作符检测null值时会返回“object”的原因。

(3)console.log(typeof  “3”);  运行的结果是在控制套输出:string。

因为"3"就是一个字符串String类型。

(4)console.log(typeof +’3′);  运行结果是:number类型。

number 类型用于应该包含数值的输入域,您还能够设定对所接受的数字的限定。

第28-30期(2016年4月22日):

(1)在 HTML5 中,哪个元素用于组合标题元素:<hgroup>。

<hgroup>元素,用于对网页或区段的标题进行组合。

(2)在HTML5中,哪个属性用于规定输入字段是必填的:required。

required属性规定必需在提交之前填写输入字段。如果使用该属性,则字段是必填的。

(3)哪种输入类型定义滑块控件:range。

range定义带有 slider 控件的数字字段。

第31-34期(2016年4月25日):

(1)在html5中,实现元素可拖动的标签属性是:draggable属性。

为了使元素可拖动,可以把 draggable 属性设置为 true。

(2)在html5中,实现本地存储,且存储数据不受时间限制的方式是:localStorage存储。

使用localStorage可以简单地记录当前客户端用户对网站的访问次数。

(3)在html5中,用于定义页面内容之外的内容标签是:<aside>标签。

<aside>标签,定义其所处内容之外的内容,aside 的内容应该与附近的内容相关。比如:可用作文章的侧栏。

(4)在html5中,用于描述文档或文档某个部分的细节的新标签是:<details>标签。

<details>标签,不过,目前只有chrome和safari浏览器支持此元素。

第35-38期(2016年4月26日):

(1)在CSS3中,可以规定背景图片的定位区域的属性是:background-origin。

background-origin属性,它的值可以是: content-box、padding-box 或 border-box 。

(2)单词太长的话就超出某个区域,在CSS3中,实现文本强制文本进行换行的属性是:word-wrap。

word-wrap属性,当它的值等于break-word的时候,就可以实现文本强制换行,可以对单个单词进行拆分。

(3)在CSS中,用于定义单词间距的属性是:word-spacing。

word-spacing属性,它可以增加或减少单词间的空白。

(4)在CSS中,规定文本段落首行的缩进的属性是:text-indent。

text-indent属性,如果要实现首行空两个字符的话,text-indent:2em即可。    

第39-42期(2016年4月27日):

(1)在js中,’1555’+3的运行结果是:’15553′;

字符串与数字相加,数字会被转换成字符串,最后变成两个字符串拼接。

(2)在javaScript中,’1205′-3的运行结果是:1202;

字符串与数字相减,字符串会被转换成数字再相减,等到的结果是1202.

(3)在js中,if([] instanceof Array){alert(“yes”)}else{alert(“no”)};的运行结果是弹出:yes。

通过字面量方式创建的数组对象是属于Array类的一个实例,所以返回true,故弹出“yes”。

(4)在js中,if([] instanceof Object){alert(“hello”)}else{alert(“world”)};的运行结果是弹出:hello。

通过字面量方式创建的数组对象是属于Array类的一个实例,所以返回true,故弹出“yes”。

第43-45期(2016年4月28日):

(1)console.log(‘hello’+(1<2?)’world’:’me’);运行后的结果是在控制台输出:world。

因为+操作符的优先级高于三元操作符,执行顺序分别是:(1<2)得到true,然后'hello'+true='hellotrue',最后进行三元操作符,得到'world'。

(2)在html5中,用于定义导航链接的新元素是:nav。

<nav>标签,它是HTML5中的心标签。定义导航链接的部分。

(3)在HTML5 Geolocation API,实现获取用户位置的方法是:getCurrentPosition()。

注意:鉴于getCurrentPosition()方法的特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

第46-48期(2016年4月29日):

(1)在html5中,input元素用于定义数值的输入与的属性是:required属性。

required属性,属性规定必须在提交之前填写输入字段。如果使用该属性,则字段是必填的。

(2)在html5中,定义选取时间(小时和分钟)的类型是:time类型。

type="time",现在大部分浏览器都支持此属性值。

(3)在html5中,input元素中定义邮件的输入域类型的是:email类型。

在提交表单时,会自动验证 email 域的值。

第49-51期(2016年5月4日):

(1)var a = [33, 2, 123]; console.log(a.sort());运行后输出的结果是:[123, 2, 33]。

当不带参数调用sort()时,数组元素以字母表顺序排序输出。

(2)var a = [1, 2, 3]; console.log(a.join());运行后的结果是输出:1,2,3。

数组的操作方法join是用来将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串的。不指定分隔符,默认的是逗号分隔。所以是:1,2,3。

(3)与上一期稍有不同,var a = [1, 2, 3];console.log(a.join(“-“));运行后输出的结果是:1-2-3。

与上一题一样,但是这一题输出语句指定空格为“-”,所以输出:1-2-3。

第52-54期(2016年5月5日):

(1)代码运行的结果输出:前端教程。

var str1=str2="web";
(function(){
    var str1=str2="前端教程";
})()
console.log(str2);
虽然str2是匿名函数内部,但是并没有被var定义,所以会往上一级去寻找,找到并重新赋值成“前端教程”。

(2)代码运行的结果输出:web。

var str1=str2="web";
(function(){
    var str1=str2="前端教程";
})()
console.log(str1);
代码中有两个str1,但是他们的都用var定义,处在不同的作用域,不会被覆盖,所以输出的str1是同一个作用域下的str1,所以是:“web”。

(3)代码运行的结果输出:课堂。

var str1=str2="web";
(function(){
    var str1=str2="课堂";
    console.log(str2);
})()
因为str2没有被var定义,所以找到上一级的作用域下的str2,并把它的值覆盖了,所以输出的str2是“课堂”。

第55-56期(2016年5月6日):

(1)代码运行的结果输出:css3。

if(10>9>8==true){
    console.log("html5");
}else{
    console.log("css3");
}
先比较10和9,10 > 9是成立的,此时返回的是true。true和8进行比较运算,此时会出现数据类型的转换,true会转换成数字1,再与8进行比较,1自然是小于8的,因此此处返回的是false。最后比较false和true,这两者自然是不等的,执行else里面的语句,输出:css3。

(2)代码运行的结果输出:second。

var obj={};
obj.name="first";
var peo=obj;
peo.name="second";
console.log(obj.name);
关于变量类型,分为了两大类,一种是引用类型,一种是值类型,值类型相当于是重新创建了一个空间,然后将内容复制了一份放置到了空间当中。引用类型相当于是重新创建了一份地址,两个地址(obj和peo)都是指向一个存储空间的,那么此时修改任意一个都会对另一个造成影响。

第57-59期(2016年5月9日):

(1)在DOM对象中,获取元素的开始和结束标签之间的 HTML的属性是:innerHTML属性。

该属性可以设置或返回元素之间的 HTML。

(2)在DOM对象中,可返回带有指定标签名的对象集合的方法是:getElementsByTagName()。

getElementsByTagName(),返回元素的顺序也是是它们在文档中的顺序。

(3)在DOM对象中,可以设置元素属性的方法是setAttribute() 方法。

该方法添加指定的属性,并为其赋指定的值。如果这个指定的属性已存在,则仅设置/更改值。

第60-62期(2016年5月10日):

(1)在DOM对象中,实现创建元素节点的方法是:appendChild()方法。

此方法向节点添加最后一个子节点。

(2)在DOM对象中,实现把新的节点添加到指定节点的方法是:createElement()方法。

用于创建一个指定元素,所有主要浏览器都支持此方法。

(3)在DOM对象中,实现删除子节点的方法是:removeChild()方法。

此方法指定元素的某个指定的子节点。以 Node 对象返回被删除的节点,如果节点不存在则返回 null。

第63-65期(2016年5月11日):

(ps:第63期答案:Navigator对象;第64期答案:Screen对象;第65期答案:Location对象;)
(1)在BOM对象中,能够获取浏览器信息的对象是:Navigator对象。

Navigator 对象包含有关浏览器的信息,所有浏览器都支持该对象。

(2)在BOM对象中,能获取客户端显示屏的信息的对象是:Screen对象。

Screen 对象包含有关客户端显示屏幕的信息。

(3)在BOM对象中,能获取浏览器当前URL信息的对象是:Location对象。

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

第66-68期(2016年5月12日):

(1)在JavaScript数组中,实现向数组末尾添加一个元素的方法是:push()。

此方法可向数组的末尾添加一个或多个元素,并返回新的长度。

(2)在JavaScript数组中,实现对数组的元素进行排序的方法是:sort()。

注意,数组在原数组上进行排序,不生成副本。

(3)在JavsScript数组中,实现把数组的元素转成字符串,并且用指定的字符分隔开,默认是逗号的方法是:join()。

此方法返回一个字符串。该字符串是通过把数组的每个元素转换为字符串,然后把这些字符串连接起来。

第69-71期(2016年5月13日):

(1)在事件对象中,表示对象被双击时发生的事件:ondblclick。

ondblclick 事件会在对象被双击时发生。

(2)在事件对象中,当对象失去焦点时会发生的事件是:onblur。

onblur 事件会在对象失去焦点时发生,常用在输入域里面。

(3)在事件对象中,当在域的内容发生改变的时候会触发的事件是:onchange。

onchange 事件会在域的内容改变时发生。常用在输入域,下拉选择,单选多选组件中。

第72-74期(2016年5月16日):

(1)在事件对象中,表示监听键盘按键松开的是事件是:onkeyup事件。

onkeyup 事件会在键盘按键被松开时发生。

(2)在事件对象中,表示网页被加载完成的事件是:onload事件。

onload 事件会在页面或图像加载完成后立即发生。

(3)在事件对象中,监听鼠标移动的事件是:onmousemove事件。

 每当用户把鼠标移动一个像素,就会发生一个 mousemove 事件。

第75-77期(2016年5月17日):

(1)代码:console.log([] + [] + “foo”.split(“”)); 运行后,控制台输出的结果是:f,o,o。

在[] + []的运算过程中,由于使用到了+号,两个数组对象均调用了自己自带的toString()方法,将[]转换成了字符串,两个字符串相加还是一个字符串。"foo".split(""),将字符串分割成字符串数组,为["f", "o", "o"]。最后一步,"" + ["f", "o", "o"],这时候 + 左侧是字符串,右侧是数组对象,数组对象依旧会调用自身的原型方法,将数组转换为字符串。

(2)在HTML5的鼠标事件中,监听元素被拖动的事件是:ondrag。
(3)在html5的新事件中,当浏览器窗口被调整大小的时候会触发的事件是:onresize事件。

在制作响应式的页面时候十分有用。

第78-80期(2016年5月18日):

(1)在input元素中,如果是隐藏域类型,type的值是:type=”hidden”。

这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。

(2)在css中,表示鼠标悬浮在a标签上方的伪类是:hover。

hover伪类,常用于修改链接文字的样式。

(3)在css中,实现把元素设置为固定定位,position的值应该是:fixed。

固定定位后,元素相对浏览器窗口来定位,在移动端布局十分常用。

第81-83期(2016年5月19日):

(1)在W3C标准中,实现元素半透明的css属性是:opacity。

opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。

(2)css盒子模型包括了:内容,边框,内边距和__外边距margin__。

我们可以把这4个属性转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。

(3)如果要去除a标签下面的默认下划线,可以给a标签添加css属性text-decoration,并把值设置为:none。

text-decoration 属性大多用于去掉链接中的下划线。

第84-86期(2016年5月20日):

(1)在css属性中,规定字体的粗细的属性是:font-weight。

font-weight默认值:normal。

(2)在css属性中,设置元素的最大宽度的属性是:max-width。

该属性值会对元素的宽度设置一个最高限制。因此,元素可以比指定值窄,但不能比其宽。不允许指定负值。

(3)在css属性中,用于清除元素浮动效果的属性是:clear。

属性值可以是:left(清除左浮动)、right(清除右浮动) 、both(清除左右浮动)、none(取消清除)、inherit(继承父元素的clear值)。

第87-89期(2016年5月23日):

(1)在html的input元素中,用于表单文件上传的类型是:file。
(2)在javascript字符串对象中,用于定位字符串中某一个指定的字符首次出现的位置的方法是:indexOf()方法。

如果指定字符串存在,就返回它首次出现的位置,反之返回:-1。

(3)在字符串String对象中,实现字符串替换的方法是:replace()方法。

使用此方法在字符串中用某些字符替换另一些字符。

第90-92期(2016年5月24日):

(1)在JavaScript Number对象中,可以把数字四舍五入为指定的数字的方法是:toFixed()方法。

可以传入一个参数作为规定小数的位数,是 0 ~ 20 之间的值。

(2)在JavaScript Date对象中,能够获取今天是星期几的方法是:getDay()方法。
(3)在JavaScript Math对象中,实现生成一个0~1之间的随机数的方法是:Math.random()。

第93-95期(2016年5月25日):

(1)在javascript的全局函数中, 把字符串作为脚本代码来执行的方法是:eval( ) 。

eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。如果参数是一个表达式,eval() 函数将执行表达式。

(2)在javascript全局函数中,解析一个字符串并返回一个整数的方法是:parseInt()。

parseInt() 函数可解析一个字符串,并返回一个整数。注意: 只有字符串中的第一个数字会被返回。

(3)在JavaScript 全局函数中,检测某个值是否是数字的函数是:isNaN()。

如果参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。

第96-99期(2016年5月26日):

(1)在JavaScript 算术运算符中,代表求余数的运算法是:% 运算法。
(2) 在JavaScript 算术运算符,表示自增的运算法是: ++ 运算符。
(3)在JavaScript 比较运算符,表示恒等于(值和类型均相等)的运算符是: === 运算符。
(4)在JavaScript 比较运算符中,表示值与类型均不等(不恒等于)的运算符是:!== 运算符。
(5)var a=999; a++; alert(++a); 请问执行后弹出的结果是:1001。

执行a++后的结果是1000,然后执行++a,得到的结果是1001,再执行alert()函数,所以结果是1001。

—————————-(1-99)完结—————————–备注:本人整理,题目来自微信订阅号webjiaocheng

    原文作者:米女巫
    原文地址: https://segmentfault.com/a/1190000005366518
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞