前端面试题总结（一）

1.Html5新标签（8个），css3新属性（5个）

• HTML5
  Canvas画布
  audio音频
  video视频
  embed嵌入
  datalist选项列表
  keygen表单密钥字段
  output脚本输出
  footer页脚
  header头部
  nav导航
  time日期
• CSS3
  border-radius边框圆角
  box-shadow边框阴影
  transform23D转换
  transition过度
  text-shadow字体阴影
  background-size背景大小

2.前端页面布局方式各优劣点

• 静态布局：
  优——代码简单，编写容易。
  缺——无法根据不同的屏幕尺寸做出相应的表现。
• 流式布局：
  优——在不同的屏幕尺寸下显示相同的样式。
  缺——如果屏幕尺寸与最初设计比例之间跨度过大，元素会被拉伸或挤压。
• 弹性布局：
  优——灵活性高，兼容性好，宽度自适应。
  缺——高度不自适应，因此不能满足对高度或元素间距有要求的设计。
• 自适应：
  优——通过开发多套界面来满足不同屏幕尺寸的样式需求。
  缺——屏幕适配是在一定范围内的，屏幕过大过小会使内容零散或拥挤。
• 响应式：
  优——满足用户在不同设备上浏览和需求。
  缺——设计难，实现难，成本大。

3.什么是json，什么情况下使用

json是一种轻量级的数据交换格式，JSON 将 JavaScript 对象或数组转换成可以随请求发送的字符串数据，或将接收之后的字符串数据转换成可以使用的对象或数组。

4.前端页面那三层构成的，作用是什么

• html结构层：搭建网页的结构和内容
• CSS样式层：设置文档的呈现效果
• Javascript行为层：实现文档的行为，使网站具有交互性

5.Jquery中那些方法可以遍历节点

• 向上遍历 DOM 树
  parent()
  parents()
  parentsUntil()
• 向下遍历 DOM 树
  children()
  find()
• 在 DOM 树中水平遍历
  siblings()
  next()
  nextAll()
  nextUntil()
  prev()
  prevAll()
  prevUntil()
• 三个最基本的过滤方法是：
  first()
  last()
  eq()

6.微信小程序优劣

优点：

• 微信平台用户基数大，流量大。
• 无需下载，打开即用，占用内存小。
• 可以调用丰富的手机系统功能
• 性能优于H5，性能优于APP
• 安全性高，便于维护。

缺点：

• 微信小程序更新频繁，技术框架不稳定。
• 代码包大小有上限。
• 关闭时不能给用户推送消息和个人相关的通知。
• 有时开发工具预览和实际预览不符。

7.微信小程序五种跳转方式

• switchTab：跳转到tabbar页面，关闭其他非tabbar页面
• reLaunch：关闭所有页面，打开某个页面
• redirectTo：关闭当前页面，打开某个页面，不允许跳转tabbar页面
• navigateTo：保留当前页面，打开某个页面，不允许跳转tabbar页面
• navigateBack：关闭当前页面，返回上级页面

8.解释vue的MVVM模式

模型、视图、视图模型
Model:指的是js中的数据，如对象，数组等等
View:指的是页面视图
viewModel:指的是vue实例化对象

9.jQuery、vue、小程序、uni_app本地存储数据和接受数据

• jquery：
  存$.cookie('键名'，'值')
  取$.cookie('键名')
• vue：
  存localstorage.setItem('键名'，'值')
  取localstorage.getItem('键名')
• Wx：
  存wx.setStorageSync('键名'，'值')
  取wx.getStorageSync('键名')
• Uniapp：
  存uni.setStorageSync('键名'，'值')
  取uni.getStorageSync('键名')

10.Vue打包上传服务器步骤

1.在配置文件index.js中修改路径
2.所有命令创建dist文件包
3.将文件包上传服务器
4.开发777权限
5.配置域名

11.Git如何配置上传

1.在git客户端绑定用户名称和邮箱
2.在官网创建仓库，并使用本地公钥交换获得密钥
3.创建本地仓库，添加要上传的项目
4.生出配置文件后添加仓库
5.上传代码

12.Vue初始化页面时出现闪屏

[v-cloak] {
display: none;
}
[v-cloak] {
display: none!important;
}

13.Vue全家桶及其作用

• Vue-router:Vue Router 是 vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌
• Element.ui:是一套为开发者，设计师和产品经理准备的基于Vue 2.0的桌面端组件库
• Vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，适合开发大型单页应用。
• Axios：axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端
• vue-cli：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，它确保了各种构建工具能够基于智能的默认配置即可平稳衔接
• Vue2.0:是一套构建用户界面的 渐进式框架