web前端工程师面试题

╰半夏微凉° 2022-09-18 04:50 220阅读 0赞

# [web前端工程师面试题][web] #

[\[复制链接\]][web]

<table> 
 <tbody> 
  <tr> 
   <td><a rel="nofollow"></a> 
    <div> 
     <div> 
      <a href="http://www.pythonfan.org/space-uid-2465.html" rel="nofollow">Emmaima</a> 
     </div> 
    </div> 
    <div> 
     <div> 
      <a href="http://www.pythonfan.org/space-uid-2465.html" rel="nofollow"><img src="http://www.pythonfan.org/uc_server/avatar.php?uid=2465&amp;size=middle" alt=""></a> 
     </div> 
     <div> 
      <table> 
       <tbody> 
        <tr> 
         <th> <p><a href="http://www.pythonfan.org/home.php?mod=space&amp;uid=2465&amp;do=thread&amp;view=me&amp;from=space" rel="nofollow">247</a></p> 主题</th> 
         <th> <p><a href="http://www.pythonfan.org/home.php?mod=space&amp;uid=2465&amp;do=friend&amp;view=me" rel="nofollow">1</a></p> 好友</th> 
         <td> <p><a href="http://www.pythonfan.org/home.php?mod=space&amp;uid=2465&amp;do=profile" rel="nofollow">853</a></p> 积分</td> 
        </tr> 
       </tbody> 
      </table> 
     </div> 
     <p><em><a href="http://www.pythonfan.org/home.php?mod=spacecp&amp;ac=usergroup&amp;gid=13" rel="nofollow">高级会员</a></em></p> 
    </div> <p><img src="http://www.pythonfan.org/static/image/common/star_level3.gif" alt="Rank: 4"></p> <img src="http://www.pythonfan.org/xwb/images/bgimg/icon_off.gif" title="未绑定新浪微博" alt=""> 
    <dl>
      注册时间 
     <dd>
       2012-8-20 
     </dd> 最后登录 
     <dd>
       2012-10-30 
     </dd> 在线时间 
     <dd>
       38 小时 
     </dd> 阅读权限 
     <dd>
       50 
     </dd> 积分 
     <dd>
       853 
     </dd> 主题 
     <dd> 
      <a href="http://www.pythonfan.org/home.php?mod=space&amp;uid=2465&amp;do=thread&amp;type=thread&amp;view=me&amp;from=space" rel="nofollow">247</a> 
     </dd> 精华 
     <dd>
       0 
     </dd> UID 
     <dd>
       2465 
     </dd> 
    </dl> 
    <ul> 
     <li><a href="http://www.pythonfan.org/home.php?mod=spacecp&amp;ac=pm&amp;op=showmsg&amp;handlekey=showmsg_2465&amp;touid=2465&amp;pmid=0&amp;daterange=2&amp;pid=7678&amp;tid=5670" title="发消息" rel="nofollow">发消息</a></li> 
    </ul> </td> 
   <td> 
    <div> 
     <div> 电梯直达  
      <a title="跳转到指定楼层" rel="nofollow"><img src="http://www.pythonfan.org/static/image/common/fj_btn.png" alt="跳转到指定楼层"></a> 
     </div> 
     <strong><a href="http://www.pythonfan.org/thread-5670-1-1.html" title="您的朋友访问此链接后，您将获得相应的积分奖励" rel="nofollow">楼主</a></strong> 
     <div> 
      <div></div> 
      <div> 
       <img src="http://www.pythonfan.org/static/image/common/online_member.gif" alt=""> 
       <em>发表于 2012-10-23 17:43:42</em> 
       <span>|</span> 
       <a href="http://www.pythonfan.org/forum.php?mod=viewthread&amp;tid=5670&amp;page=1&amp;authorid=2465" rel="nofollow">只看该作者</a> 
       <span>|</span> 
       <a href="http://www.pythonfan.org/forum.php?mod=viewthread&amp;tid=5670&amp;extra=page%3D1&amp;ordertype=1" rel="nofollow">倒序浏览</a> 
       <div style="float:right"> 
        <div> 
         <a href="http://www.jiathis.com/share/" rel="nofollow">分享到：</a> 
         <a title="分享到QQ空间" rel="nofollow"><span></span></a> 
         <a title="分享到新浪微博" rel="nofollow"><span></span></a> 
         <a title="分享到开心网" rel="nofollow"><span></span></a> 
         <a title="分享到人人网" rel="nofollow"><span></span></a> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div> 
     <div> 
      <div> 
       <div> 
        <table> 
         <tbody> 
          <tr> 
           <td>1 JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么？<br> alert confirm prompt<br> 2声明一个CSS有几种方式？<br> 1.导入一个已经存在的CSS文件<br> &lt;link rel=”stylesheet” type=”text/css” href=”"&gt;<br> 2.直接在HARD里声明一个CSS代码段：<br> &lt;style type=”text/css”&gt;<br> …..<br> &lt; /style&gt;<br> 3.直接在网页元素里声明使用CSS： style=”color:red;”<br> 3在HTML中，有一个城市的下拉列表框的代码为:<br> &lt;select id=”country”&gt;<br> &lt;option value=”1″&gt;广东 &lt;option&gt;<br> &lt; option value=”2″&gt;海南 &lt;option&gt;<br> &lt; /select&gt;<br> 请用javascript分别写出如何得到当前选中城市的value和名称（名称是广东和海南）：<br> document.getElementById(“country”).value<br> document.getElementById(“country”).options[document.getElementById("country").selectedIndex].text<br> 4表格的宽度可以用百分比和 像素 两种单位来设置。<br> 5用来输入密码的表单域是 Type=password 。<br> 6 RGB方式表示的颜色都是由红、绿、 蓝 这3种基色调和而成。<br> 7如果一个分为左右两个框架的框架组，要想使左侧的框架宽度不变，应该用 _像素_单位来定制其宽度，而右侧框架则使用 * 单位来定制。<br> 8表单对象的名称由__ Name ___属性设定；提交方法由__ method __属性指定；若要提交大数据量的数据，则应采用__ post ___方法；表单提交后的数据处理程序由___ action __属性指定。<br> 9请写出在网页中设定表格边框的厚度的属性__ Border __；设定表格单元格之间宽度属性___ Cellpadding ___；设定表格资料与单元格线的距离属性__ cellspacing __。<br> 10在网页中插入背景图案（文件的路径及名称为/img/bg.jpg）的语句是__．&lt;body background=/img/bg.jpg&gt; ___。<br> 11设定图片边框的属性是_ Border __。<br> 12设定图片高度及宽度的属性是___ Height，width ___。<br> 13预格式化文本标记&lt;pre&gt;&lt;/pre&gt;的功能是__标记内的内容按照原格式显示在网页中_。<br> 中<br> 1在一个CSS文件中如何定义各种样式，比如根据id，根据name等。<br> 如果是声明CSS类 ， 则有三种：<br> 直接标签名作为CSS类名称： TagName{ … }<br> 以元素ID作为CSS类声明： #ID{…}<br> 自定义CSS类名称 ： .ClassName{}<br> 2在JavaScript中如何实现定时调用功能<br> setTimeOut(foo(),100);<br> 3请在下面写出你知道的在javascript中获取一个html element对象的方法，如 &lt;input type=”text” id= “user.name”/&gt;这个element;<br> document.getElementById(“user.name”)<br> 4要设置一条1象素粗的水平线，应使用的HTML语句是__&lt;hr style=’font-size:10px’&gt;__。<br> 5在页面中实现滚动文字的标记是_ &lt;marqueen&gt; __。<br> 难<br> 1请写出HTML中打开一个模式窗口和非模式窗口的javascript代码。<br> window.showModalDialog() ;window.showModelessDialog()<br> 2当表单以电子邮件的形式发送，表单信息不以附件的形式发送，应将【MIME类型】设置为 Text/plain 。<br> 3你认为网页中三种最基本的页面组成元素是 _文字、图形、超连接 。<br> 4设定图片上下留空的属性是__ Vspace ___；设定图片左右留空的属性是___ hspace__。<br> 5在网页中嵌入多媒体，如电影，声音等用到的标记是___ Embed __。<br> 6在页面中添加背景音乐bg.mid，循环播放3次的语句是_ &lt;bgsound src=bg.mid loop=3&gt; _。<br> 7&lt;img src=”ex.GIF” dynsrc=”ex.AVI” loop=3 loopdelay=250&gt;语句的功能是__循环三次播放ex.avi，延迟250毫秒，在播放前显示ex.gif图像__。<br> 8用来在视频窗口下附加 MS－WINDOWS 的 AVI 播放控制条的属性是__ control __。1 请说明 PHP 中传值与传引用的区别。什么时候传值什么时候传引用？<br> 答： 传值只是把某一个变量的值传给了另一个变量，而引用则说明两者指向了同一个地方。<br> 2 在PHP中error_reporting这个函数有什么作用？<br> 答： The error_reporting() function sets the error_reporting directive at runtime. PHP has many levels of errors, using this function sets that level for the duration (runtime) of your script.<br> 3 请用正则表达式（Regular Expression）写一个函数验证电子邮件的格式是否正确。<br> 答：<br> &lt; ?php<br> if(isset($_POST['action']) &amp;&amp; $_POST['action']==’submitted’)<br> { <br> $email=$_POST['email'];<br> if(!preg_match(“/^(?:w+.?)*w+@(?:w+.?)*w+$/”,$email))<br> { <br> echo “电子邮件检测失败”;<br> }<br> else<br> { <br> echo “电子邮件检测成功”;<br> }<br> }<br> else<br> { <br> ?&gt;<br> &lt; html&gt;<br> &lt; head&gt;&lt;title&gt;EMAIL检测&lt;/title&gt;<br> &lt; script type=”text/javascript”&gt;<br> function checkEmail(sText)<br> { <br> var reg=/^(?:w+.?)*w+@(?:w+.?)*w+$/;<br> var email=document.getElementById(sText).value;<br> if(!reg.test(email))<br> { <br> alert(“电子邮件检测失败”);<br> }<br> else<br> { <br> alert(“电子邮件格式正确”);<br> }<br> }<br> &lt; /script&gt;<br> &lt; /head&gt;<br> &lt; body&gt;<br> &lt; form action=”&lt;?php echo $_SERVER['PHP_SELF'] ?&gt;” method=”POST”&gt;<br> 电子邮件：&lt;input type=”text” id=”email” name=”email” /&gt;&lt;br /&gt;<br> &lt; input type=”hidden” name=”action” value=”submitted” /&gt;<br> &lt;input type=”button” name=”button” value=”客户端检测” οnclick=”checkEmail(‘email’)” /&gt;<br> &lt;input type=”submit” name=”submit” value=”服务器端检测” /&gt;<br> &lt; /form&gt;<br> &lt; /body&gt;<br> &lt; /html&gt;<br> &lt; ?php<br> }<br> ?&gt;<br> 4 简述如何得到当前执行脚本路径，包括所得到参数。<br> &lt; ?php<br> echo “http://”.$_SERVER['SERVER_NAME'].$_SERVER['PHP_SELF'].”?”.$_SERVER['QUERY_STRING'];<br> //echo “http://”.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];<br> ?&gt;<br> 5 有一个一维数组，里面存储整形数据，请写一个函数，将他们按从大到小的顺序排列。要求执行效率高。并说明如何改善执行效率。（该函数必须自己实现，不能使用php函数）<br> &lt;?php<br> function BubbleSort(&amp;$arr)<br> { <br> $cnt=count($arr);<br> $flag=1;<br> for($i=0;$i&lt;$cnt;$i++)<br> { <br> if($flag==0)<br> { <br> return;<br> }<br> $flag=0;<br> for($j=0;$j&lt;$cnt-$i-1;$j++)<br> { <br> if($arr[$j]&gt;$arr[$j+1])<br> { <br> $tmp=$arr[$j];<br> $arr[$j]=$arr[$j+1];<br> $arr[$j+1]=$tmp;<br> $flag=1;<br> }<br> }<br> }<br> }<br> $test=array(1,3,6,8,2,7);<br> BubbleSort($test);<br> var_dump($test);<br> ?&gt;<br> 6 请举例说明在你的开发过程中用什么方法来加快页面的加载速度<br> 答：要用到服务器资源时才打开，及时关闭服务器资源，数据库添加索引，页面可生成静态，图片等大文件单独服务器。使用代码优化工具啦</td> 
          </tr> 
         </tbody> 
        </table> 
       </div> 
      </div> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

[web]: http://www.pythonfan.org/thread-5670-1-1.html