前端面试题:1.B/S架构和C/S架构;2定义vue-router的动态路由
Posted 小菜要变强
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端面试题:1.B/S架构和C/S架构;2定义vue-router的动态路由相关的知识,希望对你有一定的参考价值。
文章目录
讲一下B/S架构和C/S架构的区别是什么
B/S: B是英文单词Browser的首字母,即浏览器的意思; S是英文单词Server的首字母,即服务器的意思。B/S就是Browser/Server的缩写,即浏
览器/服务器模式。
这种模式统一了客户端,让核心的业务处理在服务端完成.只要在电脑或手机上安装浏览器,就可以通过web Server与数据库进行数据交互了
CS:C是英文单词Client首字母,即客户端的意思,C/S就是"Client/Server"的缩写,即"客户端/服务器"模式,主要用于局域网内。
它是一种软件系统体系结构,它是将需要处理的的
业务合理的分配到客户端和服务器端,这样可以降低通信成本,但是升级相对困难,就像我们手机中安装的微信,qq,王者农药等应用程序都是C/S结构的。
C/S架构软件有一个特点,就是如果用户要使用的话,要下载一个客户端,安装后就可以使用
区别:
1.硬件环境不同.C/S通常是建立在专用的网络上,小范围的网络环境,而B/S是建立在广域网.上的,适应范围强,通常有操作系统和浏览器就行。
2.C/S比B/S结构更安全,因为用户群相对固定,对信息的保护更强。
3.B/S结构维护升级比较简单,而C/s结构维护升级相对困难。
4、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
在路由path上配置动态参数,在前往的路由页面使用this.$route. .params截取携带过来的路由参数。
一.字符串写法
1.query参数
this.$router.push("/login/?k=1")
//跳转后的页面通过$route.query.k接收
2 params参数
this.$router.push("/login/" +this.keyword)
path: '/search/:keyword”
4 | //通过$ route.params.keyword接收
二对象写法
1.query参数
this.$router.push( name : "login" , query: keyword:this .keyword)
//注意query传参对象写法必须给路由组件命名(加name属性)
2 params参数
this.$router.push(name:"login" ,params ; keywo rd :this .keyword
//注意params传参对象写法必须给路由组件命名(加name属性)
三指定params参数可传可不传
1.在占位后面加个问号,就不会出现路径有问题
path: '/search/:keyword? '
2.如果传递的是空字符串,可以用undefined解决
this.srouter.push(
name: "login" ,
params:ikeyword:this .keyword| lundefined
)
软件测试面试题「值得收藏」...
1、B/S架构和C/S架构区别?
1、架构不同:B/S架构是浏览器/服务器架构,C/S架构是客户端/服务器架构。
2、客户端不同:B/S架构的客户端是浏览器,C/S架构的客户端是客户端程序。
3、功能不同:B/S架构主要用于网络服务,C/S架构主要用于应用程序服务。
4、维护不同:B/S架构的维护主要在服务器端,C/S架构的维护主要在客户端和服务器端。
5、安全性不同:B/S架构的安全性较低,C/S架构的安全性较高。
2、Cookie和Session的区别?
Cookie和Session都是用来保存用户信息的技术,但是它们之间有一些明显的区别:
1、Cookie数据存放在客户的浏览器上,而Session数据放在服务器上。
2、Cookie不是很安全,别人可以分析存放在本地的Cookie并进行Cookie欺骗,而Session比较安全,服务器端会对Session加密处理。
3、Cookie可以设置过期时间,当访问器关闭后Cookie就会失效,而Session会在一定时间内保存,当访问器关闭后,Session不会失效,只有当Session过期时间到了,Session才会失效。
4、Cookie可以保存客户端的信息,而Session只能保存服务器端的信息。
3、测试的目的是什么?
测试的目的是为了确保软件系统能够按照预期的方式正常运行,并且能够满足用户的需求。
4、对一支圆珠笔进行测试,要从哪些方面进行测试?
1、写字质量:检查笔尖的细腻度、笔芯的流畅度、笔芯的颜色、笔芯的持久度等。
2、外观质量:检查笔身的外观、笔芯的外观、笔帽的外观等。
3、工艺质量:检查笔芯的安装情况、笔芯的拆卸情况、笔芯的更换情况等。
4、功能性能:检查笔尖的精细度、笔芯的流畅度、笔芯的持久度、笔芯的耐用度等。
5、安全性能:检查笔芯的安全性、笔芯的耐磨性、笔芯的耐腐蚀性等。
5、三角形测试用例设计?
1、测试用例1:输入三条边长,验证是否能构成三角形
2、测试用例2:输入三条边长,验证是否能构成等边三角形
3、测试用例3:输入三条边长,验证是否能构成等腰三角形
4、测试用例4:输入三条边长,验证是否能构成直角三角形
5、测试用例5:输入三条边长,验证是否能构成钝角三角形
6、在项目中发现哪些经典bug?什么原因导致的?
1、空指针异常:当程序试图访问一个不存在的指针时,就会发生空指针异常。这种异常通常是由于程序员忘记初始化指针或者试图访问一个不存在的内存地址而导致的。
2、越界访问:当程序试图访问一个超出数组范围的元素时,就会发生越界访问。这种异常通常是由于程序员忘记检查数组的边界条件而导致的。
3、内存泄漏:当程序在申请内存后,忘记释放内存时,就会发生内存泄漏。这种异常通常是由于程序员忘记释放内存或者忘记检查内存是否被释放而导致的。
7、如何尽快找到软件中的bug?
1、首先,要对软件的功能和架构有一个清晰的理解,以便更好地定位问题。
2、尝试使用软件的不同功能,查看是否有任何异常情况发生。
3、尝试使用不同的输入数据,以查看软件是否能够正确处理。
4、尝试使用软件的自动测试功能,以查看是否有任何异常情况发生。
5、尝试使用软件的调试功能,以查看软件的执行过程,以及可能出现的错误。
6、尝试使用软件的日志功能,以查看可能出现的错误信息。
7、尝试使用第三方工具,如内存调试器,以查看可能出现的内存泄漏。
8、尝试使用第三方工具,如性能分析器,以查看可能出现的性能问题。
9、尝试使用第三方工具,如安全扫描器,以查看可能出现的安全漏洞。
10、尝试使用第三方工具,如静态代码分析器,以查看可能出现的代码错误。
8、搜索功能怎么测试?
1、功能方面的测试:
搜索单个字,词语,句子,检索到的内容是否准确,链接是否准确
长度:例如输入框支持100字符,那需要测试100字符、101字符,最大长度的显示是否正常
哪些是支持的字符类型:数字、字母、汉字、字符!@!#、特殊字符(需求而定)
字符串前后中带空格,前后的空格是否过滤,中间的空格是否保留(需求而定)
全角半角的字母、数字(需求而定)
2、性能方面的测试
点击搜索按钮后,搜索结果多长时间能够显示
进入搜索页面需要多久
3、安全性方面的测试
能否防止SQL注入攻击,否防止XSS攻击
4、用户体验测试
页面布局是否合理,输入框和按钮是否对齐
输入框的大小和按钮的长度,高度是否合理
快捷键:能不能全选,部分选择,复制剪切粘贴是否可用,粘贴超过最大长度的字符串怎么显示
5、兼容性测试
BS架构:不同浏览器测试,比如:火狐,谷歌,360这些
APP:在主流的不同类型,不同分辨率,不同操作系统的手机上测试,苹果,华为,vivo,oppo等
9、如果需要你来测试淘宝的购物车,你会如何设计测试用例,需要从哪些方面来考虑?
1、打开淘宝页面后,页面的布局是否是完整的
2、页面的功能按钮是否可以正常显示
3、在商品页面是否会显示加入购物车
4、选中的商品是否能加入购物车
5、加入购物车后是否可以显示商品的所有信息
6、添加到购物车的商品是否可以进行删除
7、如果在网络不佳或无网络时是否可以成功的加入购物车
8、添加购物车后,点击加号的时候数量是否会增长
9、添加购物车后,点击减号的时候数量是否会减少
10、如果点击减号减到一定程度时,是否会提示不能再减少了
11、如果淘宝用户未登录时,如果添加到购物车时是否会提示请先登录
12、如果没有选择任何商品,点击结算,是否会提示用户“请添加要结算的商品”
13、勾选商品后已选商品的总价是否会显示
14、勾选商品显示总价后,总价计算是否正确
15、勾选商品,点击结算按钮后,是否会进入确认订单信息的页面
16、进入确认订单信息页面的总价是否正确
17、总价是否会出现精度不准的情况,比如:正确总价是18.99,结果显示的确实18.999999999999
18、是否有回到顶部功能
19、是否可以编辑商品属性
20、能否移入到收藏中
21、店铺名称是否显示
22、能否选择全部商品
23、能否取消选择全部商品
24、是否可以在购物车中修改商品的规格
25、添加购物的数量超过库存数量是否进行限制
26、是否可以进行清空购物车
27、结算金额是否会随着商品数量的增加减少进行变化
28、如果刷新的次数过多,是否会出现闪退的现象
29、当手机来电话时淘宝页面是会还会运行
30、当手机内存不够时,淘宝运行起来是否会出现卡顿的现象
10、数据库有几种表结构的连接方式?
内连接(inner join)
外连接(outer join)
左外连接(left outer join)
右外连接(right outer join)
全外连接(full outer join)
区别:
1、其中外连接的“OUTER”关键字可以省略不写。
2、内连接用于返回满足连接条件的记录;而外连接则是内连接的扩展,它不仅会满足连接条件的记录,而且还会返回不满足连接条件的记录。
3、内连接查询返回满足条件的所有记录,默认情况下没有指定任何连接则为内连接。
4、左外连接查询不仅返回满足条件的所有记录,而且还会返回不满足连接条件的连接操作符左边表的其他行
5、右外连接查询不仅返回满足条件的所有记录,而且还会返回不满足连接条件的连接操作符右边表的其他行。
6、全连接查询不仅返回满足条件的所有记录,而且还会返回不满足连接条件的其他行。
11、UI自动化中常用的定位元素的方法?
1、id定位
find_element_by_id("") #通过id来定位元素
在HTML中,id是唯一的,通过id但部分元素可能没有id或id为随机值。
2、name定位
find_element_by_name("") #通过name来定位元素
3、class定位
find_element_by_class_name("") #通过class来定位元素
4、tag定位
find_element_by_tag_name("") #通过tag来定位元素
5、link定位
find_element_by_link_text("") #通过link来定位元素
6、partial link定位
find_element_by_partial_link_text("") #通过元素标签对之间的部分文字进行元素定位
7、XPath定位(UI自动化应用最普遍的)
下面列出了最有用的路径表达式:
nodeName 选取此节点的所有子节点
/ 从根节点选取
// 从匹配选择的当前节点选择文档中的节点,而不考虑它们的位置
. 选取当前节点
… 选取当前节点的父节点
@ 选取属性
下面XPath的几种元素定位方法
(1)绝对路径定位
find_element_by_xpath("/html/body/div[2]/div[2]/div[5]/div[1]/div/form/span[2]/input")
(2)利用元素定位(与前六种方法类似)
#利用元素属性进行定位
find_element_by_xpath("//input[@id='**']")
find_element_by_xpath("//input[@name='**']")
find_element_by_xpath("//input[@class='**']")
find_element_by_xpath("//input[@type='**']")
#利用元素层级属性进行定位,相对路径 #根据class属性唯一值,一层一层定位到元素
find_element_by_xpath("//div[@class='**'])/table/tbody/tr/td/div")
#利用逻辑运算符进行定位
find_element_by_xpath("//input[@id='**' and @name='**']")
find_element_by_xpath("//input[@id='**' or @name='**']")
#利用contains包含方法进行定位,查找classname属性下,classname中包含name的元素
find_element_by_xpath("//classname[contains(@classname,'name')]")
#利用starts-with,使用开始位置元素进行定位
find_element_by_xpath("//input[starts-with(@name,'vaule')]")
#利用ends-with,使用结束位置元素进行定位
find_element_by_xpath("//input[ends-with(@name,'vaule')]")
#利用text()进行元素定位
find_element_by_xpath("//input[text(),'百度']")
#其它方法 #string-length()、substring、substring-before()、substring-after()
8、CSS_selector定位
CSS选择器可以更灵活的选择空间的任意属性,且CSS定位速度比XPath定位快。
find_element_by_css_selector(".**") #通过class定位,CSS中class选择器以"."来定义
find_element_by_css_selector("#**") #通过id定位,CSS中id选择器以"#"来定义
find_element_by_css_selector("div") #通过标签名定位
find_element_by_css_selector("[name='**']") #通过name进行定位
find_element_by_css_selector("td > div") #通过父标签,查找子元素中标签名为div的所有元素
12、关闭浏览器close()与quit()的区别?
close() 关闭当前操作的窗口(并非关闭超链接新打开的窗口)
quit() 退出相关驱动程序,关闭所有窗口
一般在自动化脚本执行完后,需要清空环境,释放占用的内存。采用driver.quit()来直接关闭浏览器。
13、自动化测试中元素定位不到有哪几种原因?
1、检查元素是不是写对了(看似简单,但是我相信还是会有人自己打错了)
2、ID是自动生成的,随机的,如果是自动生成的id,那么朋友,你只能是放弃使用id来定位了
3、选用的方法对应的属性并不唯一,整个页面有好几个
4、查看是否存在多个iframe标签,需要切换iframe再定位
5、使用了带有空格的属性,定位的时候请避开选用带空格的属性
6、看看是不是使用了绝对路径,因为在前端开发的时候可能会增删改标签,这就导致你用的绝对路径出错了,所以使用相对路径会比较好
7、检查有没有加上等待时间,很多时候是因为未加载出来元素导致元素找不到
8、检查自己设的等待时间是不是太短了,别以为加了等待时间就万事ok了,说不定你设的3秒内加载元素,结果人家第4秒才加载出来,那就哦豁了,所以可以适当的加上等待时间,至于是隐性等待还是显性等待或者是固定等待,视情况选择吧
9、检查你选择的元素是不是可见的,有的元素会被隐藏
14、常用自动化测试工具有哪些?
1、Selenium:Selenium是一种用于Web应用程序测试的开源自动化测试工具。它可以模拟用户在Web浏览器中的操作,以验证Web应用程序的功能和性能。
2、Appium:Appium是一种开源的自动化测试框架,可用于测试原生、混合和移动Web应用程序。它可以在多种移动设备和操作系统上运行,包括iOS、Android和Firefox OS。
3、Watir:Watir是一种开源的自动化测试框架,可用于测试Web应用程序。它使用Ruby编写,可以模拟用户在Web浏览器中的操作,以验证Web应用程序的功能和性能。
4、TestComplete:TestComplete是一种商业自动化测试工具,可用于测试Windows、Web、移动和桌面应用程序。它可以自动录制和回放用户操作,以验证应用程序的功能和性能。
5、QTP:QTP(QuickTest Professional)是一种商业自动化测试工具,可用于测试Windows、Web、移动和桌面应用程序。它可以自动录制和回放用户操作,以验证应用程序的功能和性能。
15、弱网测试是怎么做的?
弱网测试是指在网络环境较差的情况下,测试软件或硬件的性能和稳定性。它的主要目的是检测软件或硬件在网络环境较差的情况下是否能够正常运行,以及在网络环境较差的情况下,软件或硬件的性能是否能够满足用户的要求。
弱网测试的具体步骤如下:
1、分析用户的网络环境:首先,需要分析用户的网络环境,包括网络的带宽、网络的延迟、网络的丢包率等,以便确定测试的网络环境。
2、设置测试环境:根据用户的网络环境,设置测试环境,包括设置网络的带宽、网络的延迟、网络的丢包率等,以便模拟用户的网络环境。
3、进行测试:在设置好的测试环境中,进行测试,检测软件或硬件在网络环境较差的情况下是否能够正常运行,以及在网络环境较差的情况下,软件或硬件的性能是否能够满足用户的要求。
4、分析测试结果:最后,分析测试结果,确定软件或硬件在网络环境较差的情况下是否能够正常运行,以及在网络环境较差的情况下,软件或硬件的性能是否能够满足用户的要求。
16、关键字驱动和数据驱动有哪些区别?
1、关键字驱动是指测试用例的执行过程是由一系列的关键字来控制的,而数据驱动是指测试用例的执行过程是由外部的数据文件来控制的。
2、关键字驱动的测试用例的编写比较简单,而数据驱动的测试用例的编写比较复杂。
3、关键字驱动的测试用例可以更容易地实现参数化,而数据驱动的测试用例可以更容易地实现数据驱动。
4、关键字驱动的测试用例可以更容易地实现自动化,而数据驱动的测试用例可以更容易地实现可维护性。
17、什么是装饰器,其作用是什么?
装饰器是一种特殊的函数,它可以在不更改原函数的基础上,为其添加额外的功能。它的作用是在不改变原函数的基础上,为其添加额外的功能,从而使代码更加简洁、优雅。
18、怎样获取字典中的所有键的列表?
可以使用dict.keys()方法获取字典中的所有键的列表:
dict = 'Name': 'Zara', 'Age': 7, 'Class': 'First'
keys = dict.keys()
print(keys)
# 输出结果:dict_keys(['Name', 'Age', 'Class'])
19、如何查看Linux服务器的负载?
可以使用top命令查看Linux服务器的负载,top命令可以实时显示系统中各个进程的资源占用情况,包括CPU使用率、内存使用量等。
也可以使用uptime命令查看Linux服务器的负载,uptime命令可以显示系统的运行时间、当前登录用户数、系统负载等信息。
20、利用Python写出九九乘法口诀?
for i in range(1, 10):
for j in range(1, i+1):
print('x=\\t'.format(i, j, i*j), end='')
print()
# 输出结果:
1x1=1
2x1=2 2x2=4
3x1=3 3x2=6 3x3=9
4x1=4 4x2=8 4x3=12 4x4=16
5x1=5 5x2=10 5x3=15 5x4=20 5x5=25
6x1=6 6x2=12 6x3=18 6x4=24 6x5=30 6x6=36
7x1=7 7x2=14 7x3=21 7x4=28 7x5=35 7x6=42 7x7=49
8x1=8 8x2=16 8x3=24 8x4=32 8x5=40 8x6=48 8x7=56 8x8=64
9x1=9 9x2=18 9x3=27 9x4=36 9x5=45 9x6=54 9x7=63 9x8=72 9x9=81
最后: 下方这份完整的软件测试视频学习教程已经整理上传完成,朋友们如果需要可以自行免费领取【保证100%免费】
这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!
以上是关于前端面试题:1.B/S架构和C/S架构;2定义vue-router的动态路由的主要内容,如果未能解决你的问题,请参考以下文章