一些最基础的面试题

简历中

1、使用的工具 可以去掉
2、http的了解
3、熟悉postman、禅道等工具
4、熟悉mvc和mvvm等开发模式
1、使用工具qs来处理发送请求的参数

---------自我面试介绍-------
---------介绍项目-----------
1、动态路由解决什么问题?
( 动态路由是单页面的路径管理器,vue页面应用是基于路由和组件的,路由用于设定访问路径 ,并将路径和组件映射起来。也就是说组件之间的切换。)
答:就是从列表页跳转到详情页,列表页是一些接近或者重复的内容,所以详情页的页面结构是比较接近的,但是数据不一样。因此需要一个组件来渲染不同的页面,数据不一样是受到url的影响。所以url的值不一样,url不一样拿到的数据也不一样,因此渲染出来的页面也不一样。同一个结构渲染出来的页面不一样。因此是路由不一样,所以叫动态路由。这次的路由结构是和上次类似但不完全一样,是一个变化的值,可以调整和改变的值,经常用于列表页调整到详情页。
2、vuex是什么?
vuex是状态管理器。统一管理和维护各个vue组件的可变状态。
vuex相当于一个全局变量,用来存储状态和管理数据。
核心的属性:state:定义初始化变量
mutations:更改Vuex的store中的状态的唯一方法是提交mutation
actions:Action提交的是mutation,而不是直接变更状态。Action 可以包含任 意异步操作
getters:对state里面的属性进行计算,所以需要访问vuex中的属性,都需要使用getter 来获取。getter需要单独成一个文件。
store:和vue中的methods(监听事件)类似。
3、父子组件的传值?props的字符串数组形式及对象形式
答:组件传值:父传子 子传父 兄弟组件传值
父传子:父组件内容:<view :msg="msg"></view>
子组件内容:props:['msg']
接收的俩种情况:字符串数组、对象
字符串数组:props['','',''] ;对象:props:{prop:{类型、默认值、必填项、验证}}

1、单页面应用是什么?
答:单页面应用是只有一个html页面,页面跳转仅刷新局部资源,公共资源仅刷新一次,之后的操作交互和数据交互是通过路由和ajax进行的,页面本身没有刷新。
2、css3的新特性?33
  1. 实现圆角(border-radius),元素的阴影(box-shadow),
  2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)
  3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 对元素
进行旋转,缩放,定位,倾斜。
  4. 增加了更多的CSS选择器 背景【画区(从。border。padding。开始显示)位置、大小】
  5、多列布局
3、css中的样式重置?reset重置文件有什么作用?
答:因为每一个浏览器的默认样式都有所不同,只有统一定义,才可以产生相同的显示效果
4、微信小程序用到的框架 -vant -ui框架的好处?
里面有一些样式可以直接使用,帮助开发者可以快速搭建小程序。
使用到里面那些组件?
按钮组件、图标组件、布局组件、弹出框组件、日历组件、时间选择组件、评分组件、
---------vue对应的ui组件库iView
5、语义化标签?
使用语义化标签可以使代码清晰,方便开发,也有利于搜索引擎优化(SEO),许多解析设备 (屏幕阅读器、盲人阅读器等)是以语义化的方式来渲染网页的。0

------------------------------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1、vue中前后端如何进行交互?
axios
2、GET请求和POST请求的区别?
对安全性不高 采用get方便
post要比get安全
GET - 从指定的服务器中获取数据
POST - 提交数据给指定的服务器处理
2、移动端和pc端如何兼容?就比如单位
bootstrap中的栅格系统。bootstrap响应式的。
rem单位,是分辨率的大小,可以根据屏幕自适应的调整。
3、ajax的优缺点?
优点:不用刷新页面就更新数据;异步与服务器通信;
缺点:破坏浏览器后退按钮的行为;对搜索引擎优化不友好,


1、jq进入是怎么引入的?import导入组件或者模块?俩种有什么区别?
jq标签引入。无论需要一小部分还是一大部分,都将把文件中的所有内容引入过来,这样会造成很多冗余代码不需要导入;
import导入、export进行导出。import是按需加载的,只导入需要的代码。
2、html5新增了那些标签?
<header>、<footer>、<aside>定义页面的侧边栏内容、<mark>、<nav>、<video>、
<canvas>画布只是个容器;
好处:代码的可读性较高。语义化
(可以说出来语义化标签的优点)(如果css样式没有引入过来,语义化标签有默认样式);
3、问公司
如果我来到贵公司,会担任什么工作?前端有多少人?在我上班之前,你希望我学习哪方面技能?公司有哪方面发展?

1、父子组件传值?
2、vuex状态管理器是? 保存什么信息?vuex好处?
vuex在记事本中什么时候使用了?
答:vuex是状态管理器。统一管理和维护各个vue组件的可变状态。
  vuex相当于一个全局变量,用来存储状态和管理数据。把所有事件和状态存储在store对象中,在组件中通过计算属性获得事件,因此就有了实时性。
3、什么是事件流?
冒泡:从小到大。从事件开始的具体元素,一级级往上传播到较为不具体的节点。
捕获:从大到小。在事件到达预定目标之前捕获它,而最具体的节点应该是最后才接收 到事件的。
从document-目标元素-document
---------------------------------------------------------------
1、vue的生命周期(钩子函数)?
beforeCreate() 在实例创建之间执行,数据未加载状态
created() 在实例创建、数据加载后,能初始化数据,dom渲染之前执行
beforeMount() 虚拟dom已创建完成,在数据渲染前最后一次更改数据
mounted() 页面、数据渲染完成,真实dom挂载完成
beforeUpadate() 重新渲染之前触发
updated() 数据已经更改完成,dom 也重新 render 完成,更改数据会陷入死循环
beforeDestory() 销毁前执行(实例仍然完全可用)
destoryed() 销毁后执行
2、页面跳转通过什么完成的
vue-router 通过组件切换。
3、vue-router通过什么向子组件传值?
可以通过url进行传参。
可以带在url中?前面或者后面。
怎么放上去? get请求
4、怎么从url中取值?
通过获取query参数中。

1、小程序中如何发送请求?vx.requery
---vx.request接受那些参数?请求地址、参数、请求方法、成功回调、错误回调
2、盒子模型?分成俩类,有什么区别?
包含:边框、内容、外间距、内间距margin
分类:(W3C)标准盒子模型、IE盒子模型
区别:IE盒子模型的content 部分包含了 border 和 padding
3、发请求 http状态码?
1** 处理中
2** 成功
3** 重定向
4** 客户端错误
5** 服务端错误
4、css3新增的属性?使用的时候需要注意什么?
圆角、渐变、缩放、阴影、透明度
添加与浏览器设置,提高兼容性。

1、动态路由是什么?怎么实现这个过程?
动态路由是路由管理器, 一个路由对应一个组件,在动态路由的创建,主要是使用path属性过程中,使用动态路径参数,以冒号开头,然后带上参数,这个地方的参数是个变量。所以是动态的。
this.$route.params.id
2、node.js它的核心特点?和java有什么区别?
Node 是一个服务器端 JavaScript 解释器,用于方便地搭建响应速度快、易 于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和 高效,非常适合在分布式设备上运行数据密集型的实时应用。
Node.js 是一个可以让 JavaScript 运行在浏览器之外的平台。它实现了诸如 文件系统、模块、包、操作系统 API、网络通信。

3、npm工具常用的命令?
npm下载的依赖放在了node_modules中;
删除依赖 --卸载
npm install -G 全局下载
npm install 本文件下载
npm -v 查看版本号
npm uninstall 卸载
npm init 在项目中引导创建一个package.json 文件
4、node里面的fs模块是用来干嘛的
在node的文件操作中也是以异步为主,同步为辅(虽然存在感低,但也是存在的)
文件操作
读取文件、重命名文件名、查找、修改、删除文件

---------------------------------------------------------------------------------
1、locatStorage存储?以前用到cookie ,sessionStorage,三者的区别? locatStorage:用于持久化的本地存储,除非主动删除数据,否则数据永远不会过期;
sessionStorage:其中的数据只有在同一个会话中的页面才能访问,并且会话结束时数据也随之销毁;
cookie:cookie是不可缺少的,cookie的作用是与服务器进交互,每次请求一个新的页面,cookie都 会被发送过去,这样无形中浪费了很多带宽,并且cookie还指定作用域,不可跨域调用。
2、vue框架 特点:
数据双向绑定 组件化
3、父子组件传值?
父传子:将父组件的数据绑定到使用子组件的自定义标签上,子组件在选项中添加一个props属性来接 受数据;
子传父:在响应该点击事件的函数中使用$emit来触发一个自定义事件,并传递一个参数。
在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法
4、h5新增的convas绘画知道吗?还有flex-弹性布局?
convas绘制一些规范的图形,比如柱形图;
5、h5语义化有什么好处?可读性
--------------------------------------------------------------------------------
1、jq选择器?
id选择器、类选择器、后代选择器、属性选择器、伪类选择器、*通配符选择器
2、vue的生命周期?
3、介绍v-model?是语法糖
v-model 包含两个指令:v-bind、v-on
用于数据双向绑定,一般用于输入框,他监听着input事件,他绑定了value的属性。
4、css的预处理?
ccss预处理可分为Sass、Less、Stylus
CSS预处理器就是一种可以将你根据它的规则写出来的格式转成css的东西

1、vue-router 路由守卫是干嘛的?
通过路由拦截,来判断用户是否登录,该页面用户是否有权限浏览
判断用户有没有权限进行跳转
有三个层级。全局、单个组件、单个路由;
2、发请求有什么类型?请求动词?
类型:get和post 通过什么参数
get:url
post:data
还有ajax,axios封装方式
----请求的方法?
HTTP协议六种请求方法:get、post、put、delete、head、options
3、ressios样式重置?
4、display:none和visibility:hidden区别?
5、computed和watch区别?

1、 单页面应用与平常有什么区别?单页面应用是什么?
2、盒子模型分类和组成?
包含:边框、内容、外间距、内间距margin
分类:(W3C)标准盒子模型、IE盒子模型
区别:IE盒子模型的content 部分包含了 border 和 padding
3、js数据类型有那些?
undefined、Null、Boolean、Number和String 还有一种复杂的数据类型Object
4、Boolean那些情况被判断为false?
string那些情况被判断为false 空字符串

-------------------------------------------------------------------------------
1、了解过的vue里面的修饰符?
事件修饰符:
.stop 阻止单机事件冒泡
.prevent 阻止默认行为(比如 @submit.prevent 会阻止提交后刷新页面)
.capture 添加事件侦听器时使用捕获模式
.self 只有事件在元素本身(而不是子元素)触发时触发回调
.once 只触发一次(组件也适用)
.key 触发事件的按键

v-model修饰符:
.lazy 在输入框中,默认是在input事件中同步输入框的数据,
使用 lazy修饰符会转变为在change事件中同步(失去焦点或按回车才更新)。
. number 将输入转换为Number类型,默认是String
.trim 自动过滤输入的首尾空格

修饰符的作用: 提高效率,方便

2、数组有那些操作?
arr.push() 从后面添加元素,返回值为添加完后的数组的长度
arr.pop() 从后面删除元素,只能是一个,返回值是删除的元素
arr.shift() 从前面删除元素,只能删除一个 返回值是删除的元素
arr.unshift() 从前面添加元素, 返回值是添加完后的数组的长度
arr.splice(i,n) 删除从i(索引值)开始之后的那个元素。返回值是删除的元素 参数: i 索引值 n 个数
str.split() 将字符串转化为数组
arr.sort() 将数组进行排序,返回值是排好的数组,默认是按照最左边的数字进行排序,不是按照数字大小排序的
arr.concat() 连接两个数组 返回值为连接后的新数组,

清空数组:
让数组等于空 数组的长度等于0 split方式

3、小程序的生命周期?
on load 载入页面
on unload 卸载页面
on show 页面展示
on hide 页面隐藏
on ready 页面读取

4、因为上一个公司是外包公司,做完一个项目就会接着做另一个项目,不利于我对代码深层次的维护和优化,没办法对单个项目更深层次的挖掘。这个不符合我的理念。所以我来你们公司。


1、ajax有那些用处?jq中ajax vue中axios
ajax的优缺点:优点:能局部刷新页面,异步处理 减少用户的等待时间 缺点:后退按钮不能用,对搜索引擎比较弱,
2、有那些事件流?
冒泡和捕获区别?
事件流:
冒泡型事件流:事件的传播是从最特定的事件目标到最不特定的事件目标。即从DOM树的叶子到根。(从小到大)
捕获型事件流:事件的传播是从最不特定的事件目标到最特定的事件目标。即从DOM树的根到叶子。 (从大到小)
4、 http状态码:
200 - 请求成功
301 - 资源(网页等)被永久转移到其它URL
404 - 请求的资源(网页等)不存在
505- 内部服务器错误
307: 重定向 等等
5、 git常见的命令:
git init git push git commit git add. 增加到本地库
push和commit的区别: commit上传到本地。 push上传到服务器
-----------------------------------------------------------
1、VUE中v-once是干嘛的?
只有第一次赋值的时候才可以被渲染。只会被渲染一次。
2、什么叫跨域?
在浏览器上也叫同源策略,域名协议端口号三者只要有一个不一样的,就叫跨域。
在微信小程序上面是没有跨域的,只有浏览器有跨域。
3、小程序页面跳转方式?有俩种。
url跳转。调用函数。


1、v-if和v-show有什么区别?
一个是移出。一个是显示隐藏
v-if是切换性能消耗较高,v-show初始化性能较高
2、vue里面的双向绑定?理解
数据修改了视图就改了。
mvvm v是视图

----------------------------------------------------

1、vue-router除了简单的跳转还有什么功能?
传参、路由守卫、操作历史记录、
2、单页面应用?
只有一个单一的html页面。
3、vue中存取描述符?


熟悉HTML5、CSS3、JavaScript、canvas动画制作等Web前端开发技术,能手写符合W3C标准、兼容多种浏览器的前端页面代码;


Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

原文地址:https://www.cnblogs.com/yjf713/p/13466847.html