zoukankan      html  css  js  c++  java
  • 前端面试题二

    1、你能描述当你制作一个网页的工作流程吗?

           内容分析:分清展现在网络中内容的层次和逻辑关系

           结构设计:写出合理的html结构代码

           布局设计:使用html+css进行布局

           样式设计:首先要使用reset.css

           交互设计:鼠标特效

           行为设计:js代码,ajax页面行为和从服务器获取数据

           测试兼容性;优化性能。

    2、假若你有5个不同的样式文件(stylesheets),整合进网站的最好方式是?

           根据class命名规则写样式,这样样式不会冲突,提取公共的样式,进行合并,非公共的单独拎出来。然后打包压缩一下就行了,若每个文件都很大,就需要分模块加载。

    3、你能描述渐进增强(progressive enhancement)和优雅降级(graceful degradation)之间的不同吗?

     .transition{

    -webkit-transition:all .5s;

    -moz-transition:all .5s;

    -o-transition:all .5s;

    transition:all .5s;

    }

    .transition{

    transition:all .5s;

    -o-transition:all .5s;

    -moz-transition:all .5s;

    -webkit-transition:all .5s;

    }

                渐进增强(progressive enhancement):针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。(从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时,它们会自动地呈现出来并发挥作用。)

                优雅降级(graceful degradation):一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。(Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效。)

                 区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的、能够起作用的版本开始,并不断扩充,以适应未来环境的需要。



    作者:王不懂Sir
    链接:https://www.jianshu.com/p/d93c8dab3895
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。



  • 相关阅读:
    CSS中的小知识
    网络基础 中的osi七层 协议
    pickle的使用
    max()的key的运用
    read,readline,readlines的区别
    print()控制台输出带颜色的方法
    写项目时bin目录下的start中的细节(路径问题的解决)
    使用hashlib密文存储实例
    固态硬盘使用f2fs作为根分区安装linux
    工厂方法(Factory Method)
  • 原文地址:https://www.cnblogs.com/jian138/p/8521020.html
Copyright © 2011-2022 走看看