前端面试总结

前端基础：

1、css的基本选择器有哪些

  1.元素选择器

      通常是某个元素 ，比如 $("p") 、$("h1")，在页面中选取所有的<p>元素

   2.    #id    选择器

        通过元素的id属性选取指定的元素，页面中元素的id应该是唯一的。

   3.   .class  选择器

        通过指定的class查找元素

    4.   *通配符选择器

               选择到所有元素

    5.  子选择器  >

        比如div>p，选择到元素的直接后代   

    6.  相邻选择器

         相邻兄弟选择器：+ 选择到紧随目标元素后的第一个元素

         普通兄弟选择器：~ 选择到紧随其后的所有兄弟元素

    7.  伪类选择器

     如:     :chencked  选择被选中的input元素（单选框或者复选框），select元素

        :disabled，：default ,  :required

        动态伪类选择器

        ：hover，：ative，：visited，：link，：focus

        其他伪类选择器

          :not(<选择器>)  对括号里的内容取反

 8.  选择器分组

      让多个不同的元素拥有相同的属性，将元素用逗号隔开，不会什么元素都可以

      p，a  { fongt-size:14px；} 

      .div1，.topPic{   }

2、CSS Sprites是怎么使用的，pc端和移动端的区别是什么

     概况：  CSS Sprites也叫CSS雪碧，是一种CSS图片合并技术，就是把小图标和背景图片合并到一张图片上，然后根据background-position来                  定位，可以减少网络请求次数，提高网站的访问速度。（在HTTP2中，已经不需要考虑减少请求数，故雪碧图在HTTP2中优化性能的                    意义已经不大）

     优点：

1.      1.将多张图片合并到一张图片中，可以减小图片的总大小。 

1.       2.将多张图片合并成一张图片后，下载全部所需的资源，只需一次请求。可以减小建立连接的消耗。

   pc和移动端的使用区别

    

前端技巧

前端