zoukankan      html  css  js  c++  java
  • 面试题

    一、html全局属性

    1、accesskey属性

    accesskey属性规定激活元素的快捷键。accesskey="accesskey",使用ALT+accesskey(shinft+alt+accesskey)来访问带有指定快捷键的元素。

    <a href="http://www.baidu.com" accesskey="h">百度</a><br>  
    <a herf="https://www.sogou.com" accesskey="c">搜狗</a>  
    

      
    按住快捷键alt+h可以打开百度网页,同样,按住快捷键alt+c可以打开搜狗网页。

    2、id、class属性分别是为元素命名唯一id和类名。

    3、tabindex属性

    tabindex属性规定tab键控制次序(tab键用于导航时),当按tab键时,元素聚焦的次序。tabindex="number","number"代表聚焦的次序。

    <a href="http://www.baidu.com" tabindex="2">百度</a><br>  
      
    <a href="https://www.sogou.com" tabindex="1">搜狗</a><br>  
      
    <a href="http://www.sina.com.cn" tabindex="3">新浪</a><br><strong>  
    </strong>  
    

    4、contenteditable属性

     contenteditable属性规定元素内容是否可编辑的,"true"表示可编辑,"false"表示不能编辑。 

    <p contenteditable="true">这段文字可被编辑</p>  
    <p contenteditable="false">这段文字不能被编辑</p>  
    

    5、其它的全局属性,如:hidden、style、title、lang、spellcheck、translate、dir、draggable、dropzone等

      

    二、什么是web语义化?有什么好处

    web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解

    好处:1、丢掉或者去掉样式的时候,让页面呈现清晰的结构

               2、搜索引擎的爬虫也依赖于标记来确定上下文和个关键字的权重

               3、让爬虫容易理解

               4、便于网站的开发与维护

    三、http request methods有哪些,各有什么用途

    get:请求指定的页面信息,并返回实体主体

    post:向指定资源提交数据进行处理请求(提交表单或者上传文件)。数据被包含在请求体重。post请求可能会导致新的资源的建立和已有资源的修改。

    其它:head、put、delete、connect、option、trace、patch、move、copy、link、unlink、wrapped、extension-mothed

    四、什么是渐进增强

    渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

    优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

    区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。

    五、css选择器有哪些

    标签选择器、类选择器、id选择器、全局选择器、组合选择器、继承选择器、伪类选择器、字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 

    六、diaplay:none与visibility:hidden有什么区别

    display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

    visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。

    七、什么是FOUC?如何避免

    如果使用import方法对css进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:

    以无样式显示页面内容的瞬间闪烁,

    这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.
    原因大致为:
    1,使用import方法导入样式表。
    2,将样式表放在页面底部
    3,有几个样式表,放在html结构的不同位置。

    其实原理很清楚:当样式表晚于结构性html 加载,当加载到此样式表时,页面将停止之前的渲染。

    此样式表被下载和解析后,将重新渲染页面,也就出现了短暂的花屏现象。
    解决方法:使用link标签将样式表放在文档head中

    八、javascript有哪几种数据类型
    基本类型:number/string/boolean
    复杂类型:array/对象类型(object)/函数类型(function)/正则类型(regexp)
    空类型:null/undefiend

    九、javascript如何实现跨域通讯

        1、使用jsonp跨域  
        2、通过document.domain+ iframe  (只有在主域相同的时候才能使用该方法)  
        3、使用window.name来进行跨域4、使用HTML5的window.postMessage方法来跨域传送数据
        4、利用flash

        5、利用iframe和location.hash

        6.利用CORS

    十、使用原生js写出今天是星期几,如今天是星期一,则显示今天是星期一

    <!--html代码-->
    <div id="day"></div>
    
    <!--js代码-->
    <script type="text/javascript">
        var dayArr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六",]
        	var data=new Date();
        	var curDay=dayArr[data.getDay()];
        	document.getElementById("day").innerHTML="今天是"+curDay;
        </script>
    

      



  • 相关阅读:
    重写了iniparser类
    (原)OSX 也变成svn服务器3(欢迎大家指出错误。交流提升自己。)
    延长AppViz试用期限的方法
    关于应用程序图片在保存读取显示所遇到的问题。
    OC单元测试框架Google开源单元测试框架Google Test(gtest)
    (原)OSX 也变成svn服务器2(欢迎大家指出错误。交流提升自己。)
    OC(每日一题)字符串循环移位
    XCode下的iOS单元测试(转)
    (原)OSX 也变成svn服务器1(欢迎大家指出错误。交流提升自己。)
    安装sql server 2005的时候,会提示无法启动服务的解决方案.
  • 原文地址:https://www.cnblogs.com/karila/p/8508976.html
Copyright © 2011-2022 走看看