1+x综合案例1

最新推荐文章于 2023-10-21 09:42:12 发布

20岁，已秃

最新推荐文章于 2023-10-21 09:42:12 发布

阅读量7.9k

点赞数 6

分类专栏： 00 文章标签： js

本文链接：https://blog.csdn.net/ccyynmb/article/details/109799674

版权

00 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

1.justify-content的值 flex-start space-between center

2.p下面除了span以外所有标签，旋转45度 p :not(span){transform:rotate(45deg)}

3.<div class="icon"></div>实现向右的红色三角形

.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-left-color:#f00; }

4．jquery中遍历指定的对象和数组 $.each( object, callback )

5. alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字

6. var cars = ['bmw','qq','byd','glof']; cars.splice(2,0,'polo'); console.log(cars);

["bmw", "qq", "polo", "byd", "glof"]

要删除的项目数量。如果设置为 0，则不会删除项目。

7. arguments是一个类似于数组的对象。对命名参数的引用可以使用参数名也可以使用arguments[n]

8. emp=new Array(4); emp[1]=1; emp[2]=2; document.write(emp.length); 4

9. 在HTML5中，哪个属性用于规定输入字段是必填的 required

10. 在JavaScript中，把字符串“789”转换为整型值789的 ;var num=parseInt(str);

11. 在Javascript中，运行下面代码的结果是 function foo(x){ var num=5; bar=function(y){ return (x+y+(++num)); } } console.log(foo(2)); console.log(bar(10)); console.log(bar(10));

undefined,18,19

12.

var a = [0]; if ([0]) { console.log(a == true); } else { console.log("2"); } false

当 a 出现在 if 的条件中时，被转成布尔值，而 Boolean([0]) 为 true
所以就进行下一步判断 a==true，true被转为1 ，1 和 a 不相等

13.

var trees = ["aa","bb","cc","dd","apple"]; delete trees[3]; console.log(trees.length); 5

当你删除一个数组元素时，数组的长度不受影响。即便你删除了数组的最后一个元素也是如此。

14. var a=0,b=0; for(;a<10,b<7;a++,b++){ g=a+b; } console.log(g);

15.

null instanceof Object

null === undefined

null == undefined true

NaN == NaN

16.

HTML5的正确doctype是()？

<!DOCTYPE html>

17.

parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数

typeof NaN=="number"

18.

var obj = (); 错误

var obj = {};

var obj = [];

var obj = //;

19.

下列选项关于标签默认样式说法正确的是

标题标签只是默认加粗

段落标签默认带有外边距和内边距

无序列表默认带有外边距和内边距

nput无默认样式

20.

div span{margin-left:10px;}通过以下哪些语句可以将第一个span元素的margin取消( )

Adiv span:first-child{margin:0}
Bdiv span:nth-child(0){margin:0;}
Cdiv span:nth-child(1){margin:0}
Ddiv span{margin:0}

21.

正确

*A*document.getElementsByTagName("body")[0].innerHTML = "HELLO"

*B*document.getElementById("box").style.border-top="1px solid #f00"

- *C*document.getElementsByTagName("div")[0].innerHTML = '<b>hello</b>';

- *D*document.getElementsByTagName("body").style.paddingTop = "10px";

22.

以下哪些属性属于弹性盒子的（）

Aflex-shrink
Bflex-grow
Cborder
Dmargin

23.

嵌入在HTML文档中的图像格式可以是？

A、*.gif
B、*.tif
C、*.bmp
、*.jpg

答案：ACD

24.

HTML5新增的表单元素有哪些？

　　新的表单元素： datalist ， keygen， output

25.

jquery ajax中都支持哪些返回类型

Axml
Bhtml
Cjsonp
Djson

26.

请选出正确的选项()

A属性要在开始标签中指定，用来表示该标签的性质和特性
B通常都是以“属性名=“值””的形式来表示
C一个标签可以指定多个属性
D指定多个属性时不用区分顺序。

27.

下面哪几种是Jquery中表单的对象属性：

A:checked
B:enabled
C:hidden
D:selected

28.

7.假设btn是获取到的按钮，点击按钮调用checkCity这样一个函数，以下写法正确的有哪些（） BC

Abtn.onclick = function(){checkCity;}
Bbtn.onclick = function(){checkCity();}
Cbtn.onclick = checkCity;
Dbtn.onclick = checkCity()

29.

在javascript中，关于构造函数说法正确的是：

A构造函数中会隐式的创建this对象
B构造函数中的this指向实例对象
C需要用new创建实例对象
D构造函数和工厂函数无区别

30.

属于HTML5语法变化的是（）

A标签不在区分大小写
B元素可以省略结束标签
C支持boolean值的属性
D允许属性值不适用引号

31.

关于jQuery的选择器，下列描述正确的是（）。

A$(div span)表示匹配所有后代元素
B$('div>span')表示匹配直接子元素
C$('div + next')表示匹配紧接在div元素后的next元素
D无法匹配元素的所有同辈元素

32.

文字溢出显示省略号应该拥有哪些属性？（）

Aoverflow: hidden;
Bwhite-space: nowrap;
Ctext-overflow: ellipsis;
Dwidth:500px

33.

下列关于浮动float的说法正确的是（）。

A浮动使元素脱离文档普通流，漂浮在普通流之上
B浮动会产生块级框，而不管元素本身是什么
C可以通过clear来清除浮动
D不可以通过伪类清除浮动

34.

在jQuery中,width()方法用于获得元素宽度;innerWidth()方法用于获得包括内边界(padding)的元素宽度,

jquery中获取元素宽度包含padding的方法是innerwidth()

A对
B错

正确答案：A

25.

HTML表格跨行、跨列操作(rowspan、colspan)

26.

在jquery中addClass()可以增加多个样式，各个样式间用：隔开

A对
B错

27.

device-width

根据浏览器来定宽度

<header></header> 头部标签

max-width: 720px 设置最大宽度720px

border-radius: 5px;/*设置5px的圆角*/

transform: translateY(-50%) rotate(45deg);/*设置垂直位移一半，并旋转45deg,*/

z-index:2;/*设置层级为2*/

box-sizing: border-box;/*设置盒子大小始终为100%*/

border-collapse:collapse;/*设置边框重叠*/

nth-child(3) /*设置td的第三列*/

docEl.clientWidth>720?720:docEl.clientWidth如何宽度大于720那就按720执行，否则按实际宽

display: flex;/*设置弹性盒子*/

justify-content: space-between;/*设置两端对齐*/

bottom:-31px;/*将底部元素放到盒子外边31px*/

transition:1s;/*过渡时间1s*/

border-radius:0 0 90px 90px/*设置半圆*/

transform:scale(0.65);/*缩放*/

box-shadow: 0 0 0 15px #fff;/*盒子投影*/

text-decoration:none;/*清除下划线*/

transform-style:preserve-3d;/*让转换的子元素保留3D转换*/

perspective :1000px;/*设置元素被查看位置的视图*/

transform-origin:left center;/*设置旋转元素的基点位置*/

transform:rotateY(-90deg);/*设置沿着Y轴旋转-90度*/

transition: :transform 0.4s,opacity 0.1s;/*设置过渡属性transform执行0.4s,透明的执行0.1s*/

transform:translateX(25%);/*设置该img向右位移宽度的四分之一*/

opacity:1设置透明度为1*/

transform:rotateY(0deg);/*设置沿着Y轴旋转0度*/

关于文件命名正确的是：

A1list.html
Bproduct&show.html
Cproduct-list.html
Dproduct_show.html

position:absolute ;/*第（2）空，设置模态框绝对定位*/

display:none ; /*第（3）空，设置模态框开始是隐藏状态*/

z-index:999;/*第（4）空，设置模态框显示在最上层*/

arr.push($(this).text()); /*想数组的末尾添加数据*/

$('.mask').hide(); /*隐藏模态框的挡板*/

$(this).parents('tr').remove() ;

20岁，已秃

关注

6
点赞
踩
27

收藏

觉得还不错? 一键收藏
2
评论
1+x综合案例1

1.justify-content的值 flex-start space-between center2.p下面除了span以外所有标签，旋转45度 p :not(span){transform:rotate(45deg)}3.<div class="icon"></div>实现向右的红色三角形 .icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-left-co...
复制链接

扫一扫