分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

web前端笔试题(二)

发布时间:2023-09-06 02:32责任编辑:傅花花关键词:前端笔试

1、页面导入样式时,使用link,@import,有什么区别?

Link 属于 html 标签,而@import 是 CSS 中提供的
在页面加载的时候,link 会同时被加载,而@import 引用的 CSS 会在页面加载完成后才会加
载引用的 CSS
@import 只有在 ie5 以上才可以被识别,而 link 是 html 标签,不存在浏览器兼容性问题

Link 引入样式的权重大于@import 的引用

请介绍下css中针ie6-9对,常用的hack方法

background-color:red\9; /*all ie*/

background-color:yellow\0; /*ie8*/

+background-color:pink; /*ie7*/

_background-color:orange; /*ie6*/

3、JavaScript基本数据类型有哪些?

Number、String 、Boolean、Null和Undefined

4、请介绍下JavaScript原型、原型链的特点

1、javascript原型

JS中每个函数都存在有一个原型对象属性prototype。并且所有函数的默认原型都是Object的实例。

2、javascript原型链

每个继承父函数的子函数的对象都包含一个内部属性_proto_。该属性包含一个指针,指向父函数的prototype。若父函数的原型对象的_proto_属性为再上一层函数。在此过程中就形成了原型链。

3、特点

原型链实现了继承。

5、请用原生js实现添加、移除、移动、复制、创建和查找DOM节点

(1)创建新节点

      createDocumentFragment()    //创建一个DOM片段

      createElement()   //创建一个具体的元素

      createTextNode()   //创建一个文本节点

(2)添加、移除、替换、插入

      appendChild()

      removeChild()

      replaceChild()

      insertBefore()

(3)查找

      getElementsByTagName()    //通过标签名称

      getElementsByName()    //通过元素的Name属性的值

      getElementById()    //通过元素Id,唯一性

6、实时监测用户在input内输入的字符数应该监听哪个事件?

//通过侦听输入框,实时显示输入字符if(/msie/i.test(navigator.userAgent)){ document.querySelector("input").addEventListener("propertychange", function(){ ???????var input_value = document.querySelector("input").value; ???????document.querySelector(".value").innerHTML = input_value /10; ???}) ??????}else{ ??????????document.querySelector("input").addEventListener("input", function(){ ???????var input_value = document.querySelector("input").value; ???????document.querySelector(".value").innerHTML = input_value /10; ???}) ??}

 

/msie/i.test(navigator.userAgent)可以进行浏览器内核判断,区分IE和非IE
IE使用propertychange,非IE使用input事件,
通过监听输入框的每一次输入,来实时的反馈显示给用户。


web前端笔试题(二)

原文地址:https://www.cnblogs.com/zsj-Blog/p/10367038.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved