2019.4.25小米面试题

1.块元素和行内元素有什么区别？

     1）行内元素与块级元素可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline  块级元素：display:block

     2)  行内元素都会在一条水平线上排列，块级元素总是在新的一排展示，各个块级元素独占一行，可以使用float让其水平展示

      3)行内元素不可以设置宽高，宽度高度的内容随文本内容的变化而变化，但是可以设置行高，同时设置margin，padding上下无效，左右有效，块级元素可以设置宽高，并且宽度高度以及外边距，内填充都可以随意控制

     4）块级元素可以包含行内元素和块级元素，还可以容纳内联元素和其他元素；行内元素不能包含块级元素，只能容纳文本或者其他行内元素。

2.用css实现一个三角形，写出具体样式

.test{
            border:0px  solid  red;
        }
.test:after{
            content: "";
            border-bottom: 40px solid red;
            border-left: 40px solid transparent;
            border-right: 40px solid transparent;
        }
<div class="test"></div>

3.rgba（）和opacity的透明效果有什么不同

   在使用opacity时，处了对背景生效之外，应用它的元素的内容也会继承它。

   rgba（）仅是背景透明了，框内的文字并没有继承该属性，所以并不能透过文字看到网页里的文本

   rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度，而rgba()只作用于元素的颜色或其背景色

4.SPA是什么？有什么优缺点？

   SPA是单页面应用

    优点：减轻服务器端的压力，提高了页面的渲染效果

    缺点：首屏加载时间会很长，SEO不友好

（ 主要是因为SPA利用了hash片段实现路由，而利用hash片段不会作为HTTP请求中的一部分发送给服务器。

而SPA使用hash片段的目的是：当片段的内容发送变化时，浏览器不会像URI发送变化时那样发起新的网络请求。这样就可以只请求页面或视图渲染所需要的数据，而不是为每一个页面获取并解析整份文档。）

5.react引起页面变化的方法及区别 

6.react和jQuery的不同，有哪些优点

7.vue的基本指令有哪些？

v-for   v-if  v-else v-text v-html    v-show  v-bind  v-on

8.vue的computed和watch有什么区别？

 computed: 是计算值，就是简化template里边的{{}}计算和props和$emit的传值 ，具有缓存性，页面重新渲染值不变化，计算属性会立即返回之前的计算结果，而不必再次执行函数

  watch：是观察的动作，监听props和$emit或本组件的值执行异步操作，无缓存性，页面重新渲染时值不变化也会执行。

9.简述将一个项目从git仓库复制到本地并运行起开发环境的步骤

   git clone 

   cd   进入项目

  安装依赖包  npm install

  npm run dev 

10.指出以下代码的错误并改正（所有变量的值和类型都默认正确）

     1) return a= a.sort()

      2)onclick = () =>{a?b():''}

       3) let keyArry = []

      Object.key(a).map((key) = >{

             keyArry.push(key)

})

转载于:https://www.cnblogs.com/lucky-fellow1/p/10771244.html