黑马程序员技术交流社区

标题: 前端面试题总结 [打印本页]

作者: 逆风TO 时间: 2020-4-28 13:45
标题: 前端面试题总结
文章目录
1.Html5新标签（8个），css3新属性（5个）
2.前端页面布局方式各优劣点
3.什么是json，什么情况下使用
4.前端页面那三层构成的，作用是什么
5.Jquery中那些方法可以遍历节点
6.微信小程序优劣
7.微信小程序五种跳转方式
8.解释vue的MVVM模式
9.jQuery、vue、小程序、uni_app本地存储数据和接受数据
10.Vue打包上传服务器步骤
11.Git如何配置上传
12.Vue初始化页面时出现闪屏
13.Vue全家桶及其作用
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:是一套构建用户界面的渐进式框架
转自：https://blog.csdn.net/Mybabyying/article/details/105762994

作者: 孙丽 时间: 2020-5-4 11:40
6666666666666666666666

作者: 我是小圆圆 时间: 2020-5-4 11:43
感谢分享哦~

作者: 王锦 时间: 2020-5-4 11:45
6666666666666666666666666666666

作者: zhaosongzhi 时间: 2020-5-4 11:48
作者棒棒哒

作者: zhaosongzhi 时间: 2020-5-4 11:56
作者棒棒哒

作者: zhaosongzhi 时间: 2020-5-4 12:05
作者棒棒哒

作者: zhaosongzhi 时间: 2020-5-4 12:14
作者棒棒哒

作者: 霍尔 时间: 2020-5-4 12:17
66666666666666666666666

作者: zhaosongzhi 时间: 2020-5-4 12:22
作者棒棒哒

作者: zhaosongzhi 时间: 2020-5-4 12:31
作者棒棒哒

作者: zhaosongzhi 时间: 2020-5-4 12:39
作者棒棒哒

作者: zhaosongzhi 时间: 2020-5-4 12:48
作者棒棒哒

作者: 零度☆黎明 时间: 2020-5-4 13:03
感谢分享.................... ..................

作者: zplxwl 时间: 2020-5-4 13:21
很不错哦!!!

作者: 半个程序员 时间: 2020-5-4 13:40

感谢分享哦~

作者: 马洁 时间: 2020-5-4 14:19
实用贴，快毕业的同学快来看

作者: hello！！！ 时间: 2020-5-4 14:20

作者: 耙丫丫 时间: 2020-5-4 16:11
666666666666666666666666666

作者: 哦嗨呦 时间: 2020-5-4 16:54
好人一生平安

作者: 黑马程序员啊 时间: 2020-5-4 18:33
666666666666666666666

作者: manyihang 时间: 2020-5-4 19:19
666666666666666666666

作者: mydorling11 时间: 2020-5-5 09:36
2133333333333

作者: lvxinvip 时间: 2020-5-5 09:51

作者: hongping 时间: 2020-5-5 10:40

好人一生平安

作者: 1467584 时间: 2020-5-5 15:26
66666666666666666666

作者: 章鱼顶呱呱 时间: 2020-5-5 15:27
666666666666666666666

作者: yujq 时间: 2020-5-5 21:03
666666666666666666666666

作者: daoqin 时间: 2020-5-6 09:26
感谢分享~加油哦~

作者: 咨询部王丹 时间: 2020-5-6 09:54
找工作的同学赶快看看了，全是有用的。很好

作者: 大安 时间: 2020-5-6 09:56

感谢分享哦~

作者: 影@子~ 时间: 2020-5-7 09:51
感谢分享

作者: 大智叔叔 时间: 2020-5-7 15:49
感谢分享哟~ 棒棒哒加油~~

作者: 你不爱我 时间: 2020-5-7 16:10
感谢分享~~

作者: 举个栗子 时间: 2020-5-7 17:00
66666666666666666666666666

作者: 小公举 时间: 2020-5-7 17:25
厉害厉害牛

作者: 我爱我1022 时间: 2020-5-7 17:51

作者: 王微 时间: 2020-5-7 17:52
感谢分享哦~

作者: Emmmmm~ 时间: 2020-5-8 09:46

666666666666666666

作者: lzq123 时间: 2020-5-8 10:02
6666666666666666666666666666666666666

作者: jsnoob 时间: 2020-5-8 10:03
加油加油加油！！！

作者: lzq123 时间: 2020-5-8 10:03
6666666666666666666666666666666666

作者: 雨落轻舟 时间: 2020-5-8 11:49
66666666666666666666666666666

作者: 素问 时间: 2020-5-8 13:18
感谢分享，加油~~~~！！！！

作者: 殷凯老师 时间: 2020-5-8 14:27
666666666666666

作者: 逆风TO 时间: 2020-5-12 10:01

孙丽发表于 2020-5-4 11:40
6666666666666666666666

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:01

哦嗨呦发表于 2020-5-4 16:54
好人一生平安

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:01

hello！！！发表于 2020-5-4 14:20

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:01

孙丽发表于 2020-5-4 11:40
6666666666666666666666

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

我是小圆圆发表于 2020-5-4 11:43
感谢分享哦~

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

我是小圆圆发表于 2020-5-4 11:43
感谢分享哦~

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

hello！！！发表于 2020-5-4 14:20

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

耙丫丫发表于 2020-5-4 16:11
666666666666666666666666666

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

zhaosongzhi 发表于 2020-5-4 12:48
作者棒棒哒

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

hello！！！发表于 2020-5-4 14:20

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

耙丫丫发表于 2020-5-4 16:11
666666666666666666666666666

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

耙丫丫发表于 2020-5-4 16:11
666666666666666666666666666

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

王锦发表于 2020-5-4 11:45
6666666666666666666666666666666

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

zhaosongzhi 发表于 2020-5-4 11:48
作者棒棒哒

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

王锦发表于 2020-5-4 11:45
6666666666666666666666666666666

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

zhaosongzhi 发表于 2020-5-4 11:48
作者棒棒哒

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

zhaosongzhi 发表于 2020-5-4 11:56
作者棒棒哒

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

zhaosongzhi 发表于 2020-5-4 11:56
作者棒棒哒

努力呀，加油呀~

作者: 逆风TO 时间: 2020-5-12 10:02

zhaosongzhi 发表于 2020-5-4 12:05
作者棒棒哒

努力呀，加油呀~