1+x综合案例1

论坛 期权论坛 脚本     
已经匿名di用户   2022-4-20 22:07   3099   0

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; }

4jquery中遍历指定的对象和数组 $.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==truetrue被转为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);

12

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;/*盒子投影*/

<!--引入jquery-->

<script src="js/jquery.min.js"></script>

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() ;

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:81
帖子:4969
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP