其他面试题

uni-app面试题

一、生命周期

• 应用生命周期、页面生命周期、组件生命周期

二、条件编译

• 在工具中，打if出现的条件编译

例如：

      
这是h5端
 

性能优化面试题

一、加载优化

1. http请求
     能不能减少（能不能合并）
2. 图片的雪碧图
3. script标签位置
4. link标签（css引入）

二、图片优化

1. 图片懒加载
2. 响应式图片
3. webp代替其他格式
4. 小图标可以改用字体图标

三、渲染优化

1. 减少重绘和回流
2. 改变位置使用transform
3. 动画尽量用requestAnimationFrame，不要用定时器

四、首屏优化

1. 长列表
2. 项目的html文件、css文件、图片、js文件压缩打包

五、vue优化

1. keep-alive 缓存组件
2. 路由懒加载
3. 内容使用
    v-if和v-show
    computed、watch、methods
4. Object.freeze ：冻结对象
    纯展示类的接口数据，冻结就可以了
5. 使用ui组件按需引入

兼容面试题

一、页面样式兼容

1. 在ios键盘中首字母大写的问题?
      

2. ios日期转换NAN问题
        具体就是，new Date('2020-11-12 00:00:00')在ios中会为NAN
        解决方案：用new Date('2020/11/12 00:00:00')的日期格式，或者写个正则转换
3. 在移动端使用click事件有300ms延迟的问题
         禁止双击缩放===》meta:user-scalabel=no
4.     移动端touch事件有穿透（点透）的问题，怎么解决？
         4.1 阻止默认行为 : e.preventDefault();
         4.2 fastclick.js
5. 安卓部分版本input的placeholder偏上
        input{
               line-height:normal;
        }

网络请求面试题

一、跨域面试题

• 前端：jsonp、vue的项目可以设置代理（打包后无效。解决：.ENV文件）
• 后端：CORS

二、http和https的区别？

1. 端口不同

    http ：80端口
    https ：443端口
    
2. https比http更加安全
    
    ***https就是证书

WEB安全篇

一、XSS攻击

用户输入的文本框，需要替换某些特殊字符（ <> ... ）

二、SQL注入

用户输入的文本框中不可以有特殊符号（ 引号、空格 ）

三、接口安全

其他类面试题

一、token

token是后端生成的

token + cookie              : 前端判断是否过期
token + localStorage  : 后端判断是否过期给前端返回code码，前端判断code码等于多少

二、SEO

1. 网站一定要多页面
2. title、描述、关键字
3. 图片、音频、视频、的标签属性特别关键
4. 网站不能出现死链接

三、content-type的类型

• application/json:JSON数据格式
• application/pdf:pdf格式
• text/html:HTML格式
• image/gif:gif图片格式
• image/jpeg:jpg图片格式

四、http协议有哪几部分组成

• HTTP请求报文有四部分组成：请求行、请求头、空行、请求数据
• HTTP响应报文有三部分组成：状态行、响应头、响应数据

五、HTTP的优点和缺点？

优点：

• 支持客户/服务器模式
• 应用广泛且跨平台
• 简单快速、灵活

缺点：

• 无连接
• 无状态
• 明文传输
• 不安全

六、请求类型Get与Post之间的区别

• get重点在从服务器上获取资源，post重点在向服务器发送数据；
• get是不安全的，因为URL是可见的，可能会泄露私密信息，如密码等； post较get安全性较高；
• Get传输的数据量小，因为受URL长度限制，但效率较高；
• Post可以传输大量数据，所以上传文件时只能用Post方式；
• get传输数据是显示在URL上，过程用户是可见的；
• post传输数据通过Http的post机制，过程对用户是不可见的；

七、页面从输入URl到页面加载显示完成，这个过程中都发生了什么？

• 查看本地缓存
• 没有缓存进行DNS域名解析找到对应ip地址
• 建立TCP/ip连接 发起http网络请求
• 发送请求等待响应
• 浏览器解析Html
• 断开TCP连接、四次挥手
• 浏览器渲染页面

八、udp和tcp的区别

• udp是无连接的，tcp是面向连接的；
• udp是不可靠传输，tcp是可靠传输；
• udp是面向报文传输，tcp是面向字节流传输。