当前位置: 首页 > news >正文

web前端面试题精选

1. W3C标准有哪些?

 W3C推行的主要规范有HTML,CSS,XML,XHTML和DOM(Document Object Model)。
2. 谈谈Js的内存泄露问题。

3. 谈谈对Html 5的了解。

4. 谈谈对CSS 3的了解。

5. 用js实现随即选取10--100之间的10个数字,存入一个数组,并排序。

var iArray = []; 

funtion getRandom(istart, iend){

        var iChoice = istart - iend +1;

        return Math.floor(Math.random() * iChoice + istart;

}

for(var i=0; i<10; i++){

        iArray.push(getRandom(10,100));

}

iArray.sort();

6. 把两个数组合并,并删除第二个元素。

var array1 = ['a','b','c'];

var bArray = ['d','e','f'];

var cArray = array1.concat(bArray);

cArray.splice(1,1);

7. Js面向对象的几种方式。

8. 请谈谈原型方式构造对象的特点。

9. 在Css中那个属性会影响dom读取文档流的顺序。

答: float属性。

10. 请介绍几种用div实现两列布局的方案(兼容),另外要考虑文档流的加载。

11. 谈谈css在浏览器中的兼容问题,详细谈谈IE6的一些bug,以及解决方案。

12. 谈谈你对闭包的理解。以及如何实现js方法的重写。

[HTML && CSS]
1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

首先我讲讲如何触发两种模式:        加入xml头部声明可以触发IE浏览器的Quirks mode,触发之后,浏览器解析方式就和IE5.5一样,拥有IE5.5一样的bug和其他问题,行为(Javascript)也是如此。          IE6的触发        在XHTML的DOCTYPE前加入XML声明  <?xml version="1.0" encoding="utf-8"?>  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">          IE7的触发        在XML声明和XHTML的DOCTYPE之间加入HTML注释    <?xml version="1.0" encoding="utf-8"?>  <!-- ... and keep IE7 in quirks mode -->  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">          IE6和IE7都可以触发的        在HTML4.01的DOCTYPE文档头部加入HTML注释    <!-- quirks mode -->  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">    其次是这样的意义  各个浏览器的混杂模式,基本就是各个浏览器的私有模式,不相互兼容。所以,除非是为了兼容的问题,比如你不想修改很久很久以前做的IE ONLY的网页,否则刻意触发混杂模式没有任何意义。



2:行内元素有哪些?块级元素有哪些?CSS的盒模型?

一.行内元素和块级元素有哪些?

块级元素

<address>

information on author

<blockquote>

long quotation

<button>

push button

<caption>

table caption

<dd>

definition description

<del>

deleted text

<div>

generic language/style container

<dl>

definition list

<dt>

definition term

<fieldset>

form control group

<form>

interactive form

<h1>

heading

<h2>

heading

<h3>

heading

<h4>

heading

<h5>

heading

<h6>

heading

<hr>

horizontal rule

<iframe>

inline subwindow

<ins>

inserted text

<legend>

fieldset legend

<li>

list item

<map>

client-side image map

<noframes>

alternate content container for non frame-based rendering

<noscript>

alternate content container for non script-based rendering

<object>

generic embedded object

<ol>

ordered list

<p>

paragraph

<pre>

preformatted text

<table>

table

<tbody>

table body

<td>

table data cell

<tfoot>

table footer

<th>

http://www.lryc.cn/news/436130.html

相关文章:

  • 程序员转型大模型开发,可以转型成功吗?
  • Threejs之球发射实战
  • 详解新规|逐条分析《电子认证服务管理办法(征求意见稿)》修订重点
  • 哪个编程工具让你的工作效率翻倍?
  • SEW变频器的特点
  • 大象机械人------1、关节控制
  • 油电叉车倒车防撞报警系统精准探测
  • Java学习路线:从零基础到高级开发者的完整指南
  • 【Java算法】递归
  • NIDS——suricata(三)
  • 运动耳机哪个牌子最好用?年度精选五款好用的骨传导耳机推荐
  • 鞋服企业信息化建设若干架构分享
  • 比较顺序3s1和3s2的搜索难度
  • Vue3 el-switch @change事件在初始化时会自动调用问题
  • 全面解析性能测试中的瓶颈分析与优化策略!
  • 2018年Android面试题含答案--适合中高级(下)
  • 基于SSM的汽车租赁系统+LW示例参考
  • [晕事]今天做了件晕事44 wireshark 首选项IPv4:Reassemble Fragented IPv4 datagrams
  • Unity人工智能开发学习心得
  • 0911,类与类之间的关系,设计原则,工厂模式
  • 【2024最新版】零基础Python快速入门篇
  • 掌握Go语言中的映射、常量与指针
  • @35岁的网安人 答应我拿下这些证书
  • flutter Image
  • 基于RP2350 MCU的树莓派Pico 2开发板及MicroPython编程使用
  • Docker数据挂载本地目录
  • 身份证实名认证接口如何用C#实现
  • Java开发者无痛丝滑入门Python
  • 【STM32】呼吸灯实现
  • SQLSERVER查看包含某个字段的所有表